/* Unified finishing layer for the storefront and its control panel. */
.store-catalog-controls{
  width:min(1080px,calc(100% - 36px));min-height:72px;margin:28px auto 38px;padding:10px 16px;
  display:flex;align-items:center;gap:18px;box-sizing:border-box;border:1px solid #ffffff18;border-radius:24px;
  background:linear-gradient(120deg,#101015f2,#17141aeb);box-shadow:0 16px 50px #0005, inset 0 1px #ffffff08;backdrop-filter:blur(18px)
}
.store-catalog-controls .search-box{flex:1;min-width:180px;display:flex;align-items:center;gap:12px;height:48px;padding:0 12px 0 16px;box-sizing:border-box;border:1px solid #ffffff10;border-radius:15px;background:#07070ab8}
.store-catalog-controls .search-box:focus-within{border-color:#ff47577a;box-shadow:0 0 0 3px #ff475714}
.store-catalog-controls .search-icon{flex:0 0 22px;display:grid;place-items:center;width:22px;height:30px;padding:0;border:0;background:transparent;color:#e9e7ec;cursor:pointer}
.store-catalog-controls .search-icon svg{width:19px;height:19px}
.store-catalog-controls #storeSearchInput{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:#f5f4f7;font:500 13px Inter,system-ui,sans-serif;box-shadow:none}
.store-catalog-controls #storeSearchInput::placeholder{color:#777581}
.store-catalog-controls .search-shortcut{padding:5px 8px;border:1px solid #ffffff12;border-radius:7px;color:#888693;font-size:10px;white-space:nowrap}
.store-catalog-controls .controls-divider{height:34px;width:1px;background:#ffffff16}
.store-catalog-controls .store-sort{display:flex;align-items:center;gap:10px;white-space:nowrap}
.store-catalog-controls .store-sort label{color:#918e9b;font-size:11px;font-weight:600}
.store-catalog-controls .store-sort select{width:auto;min-width:142px;margin:0;padding:9px 30px 9px 12px;border:1px solid #ffffff14;border-radius:10px;background:#0b0b10;color:#f5f4f7;font:600 11px Inter,system-ui,sans-serif;cursor:pointer}
.store-catalog-controls .results-count{min-width:112px;text-align:right;color:#8f8b99;font-size:10px;font-weight:800;letter-spacing:1.2px;white-space:nowrap}
.store-catalog-controls .results-count span{color:#ff5967;font-size:15px;letter-spacing:0;margin-right:4px}
.store-currency-static .currency-trigger{display:flex;align-items:center;gap:9px;cursor:default}
.store-currency-static .currency-trigger small{color:#777481;font-size:8px;letter-spacing:.8px}
.f-links-grid{grid-template-columns:repeat(2,minmax(145px,1fr));gap:32px}

.store-workspace:has(.admin-nav){max-width:1480px;margin:38px auto 72px;gap:20px}
.store-workspace:has(.admin-nav) .store-panel{padding:30px;min-height:580px}
.admin-nav{top:104px;padding:16px;display:flex;flex-direction:column;gap:3px}
.admin-nav .admin-brand{margin:0 0 11px;padding:3px 8px 14px;border-bottom:1px solid #ffffff12;font-size:25px;line-height:1.1}
.admin-nav .admin-brand small{margin-top:6px;font-size:8px;letter-spacing:1.6px}
.admin-nav-label{padding:13px 10px 5px;color:#777482;font-size:8px;font-weight:800;letter-spacing:1.45px}
.admin-nav>a:not(.admin-brand){padding:10px 11px;border:1px solid transparent;color:#aaa7b2;font-size:11px;transition:background .18s,border-color .18s,color .18s}
.admin-nav>a.selected,.admin-nav>a:not(.admin-brand):hover{border-color:#ff47571c;background:linear-gradient(100deg,#ff35471d,#ff354706);color:#fff}
.admin-nav-footer{margin-top:auto;padding-top:13px;border-top:1px solid #ffffff12}
.admin-nav-footer>a{display:block;padding:8px 10px;color:#b5b1bd;font-size:10px}
.admin-nav-footer form{margin:5px 0 0}
.admin-nav-footer .store-button{width:100%;margin:0;justify-content:flex-start;padding:9px 10px;border:0;background:transparent;color:#9995a3}
.admin-page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}
.admin-page-heading h1{margin:8px 0 6px}
.admin-page-heading p{margin:0}
.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.admin-metric{display:flex;flex-direction:column;min-height:118px;margin:0;color:#f4f2f6!important;text-decoration:none;transition:transform .18s,border-color .18s,background .18s}
a.admin-metric:hover{transform:translateY(-2px);border-color:#ff47574a;background:#ff47570a}
.admin-metric>span{color:#aaa6b3;font-size:11px;font-weight:650}
.admin-metric .metric-value{font-size:26px;margin:13px 0 2px}
.admin-metric>small{margin-top:auto;color:#777482;font-size:10px}
.admin-section-heading{margin:30px 0 12px}
.admin-section-heading h2{margin:6px 0 0}
.admin-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.admin-shortcuts>a{display:flex;flex-direction:column;gap:8px;min-height:80px;padding:16px;border:1px solid #ffffff12;border-radius:13px;background:linear-gradient(145deg,#ffffff06,#ffffff02);color:#f4f2f6!important;text-decoration:none;transition:transform .18s,border-color .18s,background .18s}
.admin-shortcuts>a:hover{transform:translateY(-2px);border-color:#ff475746;background:#ff47570b}
.admin-shortcuts strong{display:flex;justify-content:space-between;font-size:12px}
.admin-shortcuts strong span{color:#ff6974}
.admin-shortcuts small{color:#878390;font-size:10px;line-height:1.5}
.admin-payment-note{display:flex;gap:10px;align-items:baseline;margin:22px 0;padding:13px 16px;color:#b8c5d4;font-size:11px}
.admin-payment-note strong{color:#e0e8f1;white-space:nowrap}
.admin-empty-cell{text-align:center!important;padding:35px!important;color:#8b8794!important}
.admin-activity{margin-top:27px;border-top:1px solid #ffffff12;padding-top:16px}
.admin-activity summary{color:#aaa6b3;font-size:11px;font-weight:650;cursor:pointer}
.admin-activity[open] summary{margin-bottom:8px}
.admin-activity .audit-row{font-size:10px}
.admin-nav+a{color:#ff8e95}
.admin-category-card{position:relative;align-items:end;margin:12px 0;padding:16px 18px}
.admin-category-card label{margin:3px 0 12px}
.admin-category-meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8d8996;font-size:10px}
.admin-category-meta .store-button{margin:0}
.admin-add-category summary{color:#f0edf3;font-size:13px;font-weight:700;cursor:pointer;list-style:none}
.admin-add-category summary::-webkit-details-marker{display:none}
.admin-add-category summary:after{content:'+';float:right;color:#ff6571;font-size:17px;line-height:13px}
.admin-add-category[open] summary:after{content:'−'}
.admin-add-category .form-grid{gap:0 18px}

@media(max-width:1050px){.store-workspace:has(.admin-nav){gap:14px}.admin-nav{flex-basis:188px}.store-workspace:has(.admin-nav) .store-panel{padding:24px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){
  .store-catalog-controls{width:calc(100% - 28px);margin:20px auto 28px;padding:11px;gap:10px;border-radius:18px;flex-wrap:wrap}
  .store-catalog-controls .search-box{flex:1 1 100%;height:46px}
  .store-catalog-controls .controls-divider{display:none}
  .store-catalog-controls .store-sort{flex:1;justify-content:flex-start}
  .store-catalog-controls .store-sort select{min-width:120px}
  .store-catalog-controls .results-count{margin-left:auto;min-width:unset}
  .store-currency-static .currency-trigger small{display:none}
  .store-workspace:has(.admin-nav){margin-top:25px}
  .admin-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:4px}
  .admin-nav .admin-brand,.admin-nav-label,.admin-nav-footer{grid-column:1/-1}
  .admin-nav .admin-brand{width:auto;margin:0;padding:4px 8px 12px}
  .admin-nav-label{padding-top:10px}
  .admin-nav-footer{margin-top:8px}
  .store-workspace:has(.admin-nav) .store-panel{min-height:0;padding:21px 17px}
}
@media(max-width:540px){
  .store-catalog-controls .search-shortcut{display:none}
  .store-catalog-controls .store-sort{gap:7px}
  .store-catalog-controls .store-sort label{font-size:10px}
  .store-catalog-controls .store-sort select{min-width:0;max-width:150px;padding:9px 24px 9px 9px;font-size:10px}
  .store-catalog-controls .results-count{font-size:8px;letter-spacing:.6px}
  .store-catalog-controls .results-count span{font-size:13px}
  .f-links-grid{gap:20px}
  .admin-page-heading{align-items:flex-start;flex-direction:column}
  .admin-page-heading .store-button{margin-left:0}
  .admin-shortcuts{grid-template-columns:1fr}
  .admin-payment-note{align-items:flex-start;flex-direction:column;gap:5px}
}