@font-face{font-family:'Commerce Myanmar';src:url('/assets/fonts/NotoSansMyanmar-variable.ttf') format('truetype');font-weight:100 900;font-display:swap;}
:root{--font-sans:'Commerce Myanmar',system-ui,sans-serif;--site-font-sans:var(--font-sans);--ui-ink:#203c35;--ui-muted:#667a72;--ui-line:#e0e9e3;--ui-soft:#eef4ee;--ui-primary:#245e4a;--color-primary:#245e4a;--color-canvas:#f5f7f5;--site-primary:#245e4a;}
body,input,select,textarea,button{font-family:var(--font-sans)!important;}
body{letter-spacing:0;}
h1,h2,h3,h4{letter-spacing:-.025em;font-weight:650;}
.admin-main h1,.page-intro h1{font-size:clamp(22px,2vw,29px);font-weight:650;line-height:1.8;}
.admin-main h2{font-size:18px;font-weight:600;}.admin-main h3{font-size:16px;font-weight:600;}
.admin-main p,.editorial-page p{color:var(--ui-muted);}
.admin-main .card,.account-card,.filters-sidebar,.cart-summary,.auth-container{border:1px solid var(--ui-line);border-radius:18px;box-shadow:0 4px 24px #254e3b04;background:#fff;}
.admin-main .form-control,.form-control,.search-input{border:1px solid #dce5de;border-radius:12px;background:#fbfcfa;box-shadow:none;transition:border-color .15s,box-shadow .15s;}
input:focus,textarea:focus,select:focus,.ui-select-trigger:focus-visible{outline:0!important;border-color:#52856c!important;box-shadow:0 0 0 4px #e5f0e5!important;}
select:not([multiple]){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23536f60' stroke-width='1.7'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:38px!important;}
button,.btn,.btn-submit,.card-action-btn{font-weight:550;letter-spacing:0;}
.btn-primary,.btn-submit,.hero-cta-btn{border-radius:12px;box-shadow:0 3px 8px #245e4a0a;}
.admin-main .btn-primary,.btn-submit{background:#245e4a;border-color:#245e4a;color:#fff;}
.admin-sidebar{background:#183e33;background-image:radial-gradient(ellipse at 0 0,#38634c70,transparent 65%);}
.sidebar-header{height:80px;border-bottom-color:#ffffff12;padding-inline:18px;}
.sidebar-nav{padding:14px 12px;}.sidebar-nav .nav-link{font-size:12px;padding:11px 12px;line-height:1.85;border-radius:12px;gap:12px;}.sidebar-nav .nav-icon{width:18px;height:18px;opacity:.8;}
.sidebar-nav .nav-link[aria-current=page]{background:#e1edcb;color:#284733;box-shadow:0 3px 8px #122d251a;}
.nav-section-title{font-size:10px;letter-spacing:.03em;}.brand-badge{font-size:10px;border-radius:6px;background:#dce9c8;}
.admin-topbar{background:#ffffffed;border-bottom:1px solid var(--ui-line);box-shadow:none;gap:18px;}
.staff-profile-pill{border:0;background:#f3f6f1;padding:9px 12px;border-radius:12px;}.staff-name{font-size:12px;}.staff-role{font-size:10px;}
.admin-main{padding:28px 32px;}.page-header{margin-bottom:24px;}.page-title-group p{font-size:13px;line-height:1.9;}
.admin-main .tabs-nav,.admin-status-tabs{background:#edf2ec;border:0!important;border-radius:14px;padding:6px!important;gap:5px!important;}
.admin-main .tabs-nav>.btn,.admin-status-tabs>a{border:0!important;background:transparent;border-radius:10px!important;font-size:12px!important;min-height:42px;padding:9px 14px!important;}
.admin-main .tabs-nav>.btn-primary,.admin-status-tabs>a.font-bold{background:#fff;color:#245e4a;box-shadow:0 2px 8px #234b3520;}
.admin-main table thead,.admin-main table th{background:#f2f6f0;color:#5c7063;font-size:11px;font-weight:600;}
.admin-main table td{font-size:12px;padding-block:18px;}.admin-main tbody tr:hover{background:#fafcf9;}
.admin-main .badge{border-radius:7px;padding:4px 8px;line-height:1.6;}
.executive-dashboard>.bg-indigo-50{background:linear-gradient(125deg,#e7f0df,#f5f7ed);border:1px solid #dce7d4;}
.executive-dashboard .text-xl,.executive-dashboard .text-2xl{font-family:system-ui,var(--font-sans)!important;letter-spacing:-.04em;font-weight:650;}
.header-main{border-bottom:1px solid #edf0e9;}.header-brand{font-weight:650;letter-spacing:-.03em;}.header-brand .logo-icon{border-radius:12px;}
.header-search{max-width:580px;}.search-input{background:#f3f6f0;min-height:54px;padding-inline:18px 100px;}.search-btn{right:6px;top:6px;bottom:6px;width:auto;min-width:82px;border-radius:10px;font-size:12px;}
.header-nav{background:#fff;}.header-nav .nav-link{font-size:12px;font-weight:550;}.nav-link.active{color:#245e4a;}
.hero-main-card{border-radius:26px;background:linear-gradient(120deg,#193f32,#315c44);position:relative;isolation:isolate;overflow:hidden;}
.hero-main-card:before{content:'';position:absolute;width:350px;height:350px;border:1px solid #dce8a91a;border-radius:50%;right:-90px;top:-120px;z-index:-1;}
.hero-main-card:after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;background:#c4d9970a;right:10%;bottom:-150px;z-index:-1;}
.hero-main-card h1{font-size:clamp(27px,3vw,40px);font-weight:600;line-height:1.85;letter-spacing:-.04em;}.hero-main-card p{line-height:2;color:#d6e3d4;}.hero-side-card{border-radius:22px;}.hero-side-card h3{font-weight:600;line-height:1.9;}.hero-side-card:nth-child(2){background:#eff0e5;}
.section-title{font-weight:600;font-size:23px;}.category-card{border-radius:16px;border-color:#e7ece3;}.category-icon{background:#edf3e7;border-radius:16px;}
.product-card{border-radius:20px;border:1px solid #e1e8dd;box-shadow:0 2px 10px #203d3003;transition:transform .18s,box-shadow .18s;}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #244e3a0c;}.product-thumb-wrap{border-radius:14px;background:#f4f7f1;}.product-title{font-weight:550;line-height:1.9;}.price-display{font-weight:650;font-size:18px;}
.editorial-page h1{font-weight:600!important;}.editorial-page .content-body{color:#435d50!important;}.article-cover{border-radius:0;background:linear-gradient(135deg,#e5edda,#f5ecd9);}.article-cover-symbol{font-family:system-ui!important;}
.ui-select{position:relative;min-width:0;width:100%;}.ui-select-native{display:none!important;}.ui-select-trigger{width:100%;min-height:46px;background:#fbfcfa;border:1px solid #dce5de;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;color:#294c3c;font-size:13px;line-height:1.8;text-align:left;cursor:pointer;}
.ui-select-trigger:after{content:'';width:7px;height:7px;border-right:1.5px solid #5e7968;border-bottom:1.5px solid #5e7968;transform:rotate(45deg);flex-shrink:0;margin-right:3px;}.ui-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.ui-select-trigger:disabled{opacity:.55;cursor:not-allowed;}
.ui-select-popover{position:fixed;z-index:10050;padding:8px;background:#fff;border:1px solid #dce5d9;border-radius:16px;box-shadow:0 18px 55px #203f302b;max-height:min(340px,65vh);display:flex;flex-direction:column;gap:6px;}
.ui-select-search{width:100%;min-height:42px!important;border-radius:9px!important;background:#f2f6ef!important;font-size:13px!important;margin:0;}
.ui-select-list{overflow-y:auto;overscroll-behavior:contain;max-height:240px;padding:3px;}.ui-select-option{display:block;width:100%;text-align:left;border:0;border-radius:9px;background:transparent;padding:10px 12px;color:#3e5849;font-size:13px;min-height:44px;line-height:1.8;cursor:pointer;}.ui-select-option:hover,.ui-select-option:focus-visible{background:#f0f5e9;outline:0;}.ui-select-option[aria-selected=true]{background:#e8f0dd;color:#28513c;font-weight:600;}.ui-select-empty{padding:14px;color:#728174;font-size:13px;}
.admin-quick-search{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f3f6ef;border:1px solid #e4eade;border-radius:12px;padding:10px 14px;color:#6b7c6a;font-size:12px;min-width:230px;min-height:44px;cursor:pointer;}.admin-quick-search kbd{font:11px system-ui;padding:3px 6px;border:1px solid #d7e1d1;border-radius:5px;background:#fff;}
.ui-search-dialog{border:1px solid #dae5d6;border-radius:22px;padding:0;width:min(560px,calc(100vw - 32px));max-height:80vh;box-shadow:0 24px 90px #15322633;background:white;color:#244638;}.ui-search-dialog::backdrop{background:#14372866;backdrop-filter:blur(4px);}.ui-search-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 12px;gap:16px;font-size:15px;font-weight:600;}.ui-search-close{border:0;background:#f1f5ed;border-radius:9px;width:36px;height:36px;color:#536e5a;font:24px system-ui;cursor:pointer;}.ui-search-field{margin:0 20px 16px;width:calc(100% - 40px);min-height:50px;border:1px solid #dce6d5;background:#f8faf5;border-radius:12px;padding:12px 14px;font-size:14px;}.ui-search-results{max-height:50vh;overflow:auto;padding:0 12px 12px;}.ui-search-results a{display:flex;align-items:center;justify-content:space-between;border-radius:12px;padding:14px 12px;min-height:48px;font-size:13px;color:#365741;text-decoration:none;}.ui-search-results a:after{content:'↗';font:18px system-ui;color:#8a9f79;}.ui-search-results a:hover,.ui-search-results a:focus-visible{background:#eff5e6;outline:0;}.ui-search-caption{padding:12px 22px;font-size:11px;background:#f5f8f0;color:#708066;border-top:1px solid #e6eddc;}
@media(max-width:1100px){.admin-quick-search{min-width:160px;}.admin-quick-search kbd{display:none;}.topbar-left>span{display:none;}}
@media(max-width:767px){.admin-main{padding:22px 16px;}.admin-main h1{font-size:22px;line-height:1.9;}.admin-main .page-title-group p{font-size:12px;}.admin-topbar{padding:12px 16px;}.admin-quick-search{min-width:0;font-size:11px;padding:9px 12px;gap:8px;}.topbar-left{flex:1;}.hero-main-card{padding:26px 24px;border-radius:22px;}.hero-main-card h1{font-size:29px;font-weight:600;line-height:1.85;}.section-title{font-size:20px;}.product-title{font-size:12px;}.price-display{font-size:16px;}.editorial-page h1{font-size:24px!important;}.header-brand{font-size:14px;}.search-input{font-size:13px;}.ui-select-trigger{font-size:12px;min-height:46px;}.ui-select-popover{max-height:55vh;}.admin-main .btn{font-size:12px;}.admin-main .card{border-radius:16px;}}
@media(prefers-reduced-motion:reduce){.product-card{transition:none;}.product-card:hover{transform:none;}}

.ui-select-popover[hidden],.ui-search-dialog[hidden]{display:none!important;}

#edit_category_dialog{width:min(520px,calc(100vw - 28px));max-height:85vh;overflow:auto;border:1px solid #dce6d8;border-radius:22px;padding:26px;color:#244c3a;background:#fff;box-shadow:0 24px 80px #21433233;}
#edit_category_dialog::backdrop{background:#183f3466;backdrop-filter:blur(3px);}
#edit_category_dialog input,#edit_category_dialog select{width:100%;min-height:46px;font:inherit;border:1px solid #dce5d8;background:#fafcf8;border-radius:10px;padding:9px 12px;}
#edit_category_dialog input[type=checkbox]{width:18px;min-height:18px;}

/* Compact rhythm: retain readable Myanmar line height and usable controls. */
main > .container { padding-block: 12px 36px; }
.page-intro { position:relative; padding:14px 20px 16px; margin-block:8px 20px; border:1px solid #e0e8dc; border-radius:16px; background:linear-gradient(110deg,#eef3e7,#f8f9f4); overflow:hidden; }
.page-intro .eyebrow { font-size:11px; margin-bottom:3px; }
.page-intro h1 { font-size:clamp(22px,2vw,27px); line-height:1.65; margin-bottom:4px; letter-spacing:0; }
.page-intro p { font-size:13px; line-height:1.8; margin:0; }
.catalog-layout { gap:20px; align-items:start; }
.catalog-header-row { margin-bottom:16px; gap:12px; }
.sort-select-wrap { display:flex; align-items:center; gap:8px; }
.sort-select-wrap > label { white-space:nowrap; }
.sort-select-wrap .ui-select { width:235px; max-width:100%; }
.filters-sidebar { padding:16px; border-radius:14px; }
.catalog-filters > summary { margin-bottom:14px; font-size:14px; }
.filter-block { margin-bottom:18px; }
.filter-title { font-size:13px; margin-bottom:8px; }
.product-card { padding:14px; border-radius:16px; }
.product-title { min-height:60px; margin-bottom:10px; line-height:1.8; }
.product-price-row { margin-bottom:12px; }
.hero-section { padding-block:20px 12px; }
.hero-main-card { min-height:350px; padding:30px; border-radius:22px; }
.hero-main-card h1 { font-size:clamp(25px,2.6vw,35px); line-height:1.7; letter-spacing:0; }
.section-header { margin-bottom:18px; }
.section-title { font-size:21px; letter-spacing:0; }
.editorial-page h1 { line-height:1.7!important; letter-spacing:0!important; }
.admin-main { padding:20px 24px; }
.admin-main h1 { font-size:clamp(21px,1.8vw,26px); line-height:1.7; letter-spacing:0; }
.admin-main .page-header { margin-bottom:18px; }
.admin-main .card { border-radius:14px; }
.admin-main table td { padding-block:13px; }
.admin-main .form-control, .ui-select-trigger { border-radius:10px; }
.admin-main .card-header { padding-block:14px; }
.ui-select-popover { border-radius:13px; padding:6px; }
.ui-select-option { border-radius:8px; }
@media(max-width:767px) {
  main > .container { padding-block:8px 28px; }
  .page-intro { padding:12px 16px; margin-bottom:16px; border-radius:13px; }
  .page-intro h1 { font-size:23px; }
  .catalog-layout { gap:14px; }
  .filters-sidebar { padding:12px 14px; }
  .catalog-filters > summary { margin-bottom:0; min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:12px; list-style:none; }
  .catalog-filters > summary::-webkit-details-marker { display:none; }
  .catalog-filters > summary::after { content:'+'; font:22px system-ui; color:#527157; }
  .catalog-filters[open] > summary::after { content:'−'; }
  .catalog-filters[open] > summary { margin-bottom:12px; }
  .filter-item label { min-height:44px; }
  .sort-select-wrap { width:100%; }
  .sort-select-wrap .ui-select { flex:1; width:auto; }
  .catalog-header-row { margin-bottom:14px; }
  .product-card { padding:10px; border-radius:14px; }
  .hero-main-card { min-height:0; padding:22px; }
  .hero-main-card h1 { font-size:27px; }
  .admin-main { padding:16px 14px; }
  .admin-main .page-header { margin-bottom:14px; }
  .admin-main h1 { font-size:22px; }
}
/* A sole text span is the action label, including saved-product cards. */
.card-action-btn > span:only-child { display:inline; }
.cart-layout > * { min-width:0; }
@media(max-width:767px) {
  .cart-layout { grid-template-columns:minmax(0,1fr); }
  .cart-table { display:block; width:100%; overflow:visible; border:0; background:transparent; }
  .cart-table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .cart-table tbody { display:grid; gap:12px; }
  .cart-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 12px; border:1px solid #dfe5dd; border-radius:14px; background:white; padding:12px; }
  .cart-table td { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-width:0; padding:8px 0; border:0; white-space:normal!important; }
  .cart-table td:first-child { grid-column:1 / -1; border-bottom:1px solid #edf1e9; margin-bottom:4px; }
  .cart-table td:nth-child(2)::before { content:'စျေးနှုန်း'; }
  .cart-table td:nth-child(3)::before { content:'အရေအတွက်'; }
  .cart-table td:nth-child(4)::before { content:'စုစုပေါင်း'; }
  .cart-table td:nth-child(5)::before { content:'ဖယ်ရှားရန်'; }
  .cart-table td:not(:first-child)::before { font-size:11px; color:#6b7b70; margin-bottom:5px; }
  .cart-item-info { min-width:0; width:100%; align-items:center; }
  .cart-item-info > div { min-width:0; overflow-wrap:anywhere; }
  .cart-summary { min-width:0; padding:18px; }
  .cart-table input[type=number], .cart-table button { min-height:44px; }
}