/* A lighter blue storefront and a compact, practical management workspace. */
@media screen {
  html[data-theme-scope=storefront] body { background:#fcfdff; }
  #app:not(.admin-view):not(.support-view) .hero.hero-artboard { border-radius:28px; background:radial-gradient(ellipse at 17% 30%,#d9e9ff 0,transparent 45%),linear-gradient(120deg,#edf4ff,#fbfdff 68%); border-color:#dbe8fa; padding-top:40px; }
  #app:not(.admin-view):not(.support-view) .hero-intro h1 { font-size:clamp(29px,3vw,40px); line-height:1.65; }
  #app:not(.admin-view):not(.support-view) .hero-eyebrow { width:fit-content; padding:5px 10px; border:1px solid #d7e5fa; border-radius:50px; background:#ffffffa6; }
  #app:not(.admin-view):not(.support-view) .hero-discovery .button-primary { min-height:48px; border-radius:14px; background:var(--accent,#2563eb); box-shadow:0 7px 19px #2563eb22; }
  #app:not(.admin-view):not(.support-view) .hero-orbit { background:radial-gradient(circle,#bfd8ff88,transparent 70%); border-color:#bcd3f6; }
  #app:not(.admin-view):not(.support-view) .hero-product { border-radius:22px; box-shadow:0 18px 35px #1d4ed813; }
  #app:not(.admin-view):not(.support-view) .benefits-strip { border:0; background:transparent; margin-block:22px 32px; padding-block:12px; }
  #app:not(.admin-view):not(.support-view) .benefit-icon { width:46px; height:46px; border-radius:16px; background:#eaf2ff; color:#2563eb; }
  #app:not(.admin-view):not(.support-view) .category-card { background:#fff; border-radius:20px; border-color:#e2ebf8; padding-block:18px; }
  #app:not(.admin-view):not(.support-view) .category-card:nth-child(3n+2) .category-image { background:#f2f0ff; }
  #app:not(.admin-view):not(.support-view) .category-card:nth-child(3n) .category-image { background:#eaf8f6; }
  #app:not(.admin-view):not(.support-view) .category-image { border-radius:18px; background:#edf4ff; }
  #app:not(.admin-view):not(.support-view) .home-section { margin-top:38px; }
  #app:not(.admin-view):not(.support-view) .home-section .section-heading { margin-bottom:17px; }
  #app:not(.admin-view):not(.support-view) .section-title-copy h2 { display:flex; align-items:center; gap:10px; }
  #app:not(.admin-view):not(.support-view) .section-title-copy h2:before { content:""; width:5px; height:23px; background:var(--accent,#2563eb); border-radius:5px; }
  #app:not(.admin-view):not(.support-view) .offer-section { padding:23px; border-radius:26px; border:1px solid #dce8fc; background:linear-gradient(115deg,#eaf2ff,#f5f8ff 70%); }
  #app:not(.admin-view):not(.support-view) :is(.product-row .product-card,.product-grid .product-card) { border-radius:21px; border:1px solid #e5ebf4; background:#fff; padding:14px; box-shadow:0 3px 10px #20447303; }
  #app:not(.admin-view):not(.support-view) .product-row .product-card { width:232px; min-width:232px; flex-basis:232px; min-height:370px; }
  #app:not(.admin-view):not(.support-view) .product-image { border-radius:15px; background:#f8faff; margin-bottom:14px; padding:8px; }
  #app:not(.admin-view):not(.support-view) .product-image img { mix-blend-mode:multiply; }
  #app:not(.admin-view):not(.support-view) .product-row .product-image { height:166px; }
  #app:not(.admin-view):not(.support-view) .product-row .product-price-block { min-height:44px; }
  #app:not(.admin-view):not(.support-view) .product-row .product-meta { margin-bottom:3px; }
  #app:not(.admin-view):not(.support-view) .product-row .product-actions { margin-top:10px; }
  #app:not(.admin-view):not(.support-view) .product-actions .button { border-radius:12px; min-height:42px; background:#f0f5ff; border-color:#e0eaff; color:#2459b5; }
  #app:not(.admin-view):not(.support-view) .product-actions .button:hover:not(:disabled) { background:var(--accent,#2563eb); border-color:var(--accent,#2563eb); color:#fff; }
  #app:not(.admin-view):not(.support-view) .favorite-toggle { border-radius:50%; background:#ffffffed; border-color:#edf1f7; }
  #app:not(.admin-view):not(.support-view) .product-row { display:flex; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:#bed2f2 transparent; -webkit-overflow-scrolling:touch; touch-action:pan-x pan-y; cursor:grab; padding:5px 2px 14px; gap:14px; overscroll-behavior-x:contain; }
  .product-row:focus-visible { outline:2px solid #2563eb; outline-offset:4px; border-radius:16px; }
  .product-row.is-dragging { scroll-snap-type:none!important; scroll-behavior:auto!important; cursor:grabbing!important; user-select:none; }
  .product-row.is-dragging * { cursor:grabbing!important; user-select:none; }
  .product-row img { -webkit-user-drag:none; }
  .row-navigation { display:flex; align-items:center; gap:18px; margin-top:6px; color:#72849e; }
  .row-hint { font-size:10px; white-space:nowrap; }
  .row-progress { height:3px; background:#e2eaf6; border-radius:4px; flex:1; max-width:180px; margin-inline-start:auto; overflow:hidden; direction:rtl; }
  .row-progress i { display:block; width:30%; height:100%; border-radius:inherit; background:#8eb0ec; transform:translateX(calc(var(--row-progress,0) * -233.33%)); }
  .row-controls { display:flex; gap:7px; direction:rtl; }
  .row-control { width:36px; height:36px; display:grid; place-items:center; border:1px solid #dbe5f4; border-radius:12px; background:#fff; color:#3163b8; }
  .row-previous svg { transform:rotate(180deg); }
  .row-control:disabled { opacity:.35; cursor:default; }
  .row-control:hover:not(:disabled) { background:#eaf2ff; border-color:#b6cdf1; }

  /* Five everyday links; occasional tools are grouped instead of a long menu. */
  .admin-shell { grid-template-columns:220px minmax(0,1fr); }
  .admin-sidebar { padding:24px 14px 18px; }
  .admin-brand { padding-bottom:22px; }
  .admin-nav { gap:4px; }
  .admin-nav-link { min-height:44px; padding:9px 12px; border-radius:12px; }
  .admin-nav-group { margin-top:8px; border-top:1px solid var(--admin-border,#e7eef8); padding-top:8px; }
  .admin-nav-group>summary { display:flex; align-items:center; gap:11px; min-height:44px; padding:9px 12px; color:var(--admin-text,#475d7b); cursor:pointer; list-style:none; border-radius:12px; font-size:12px; }
  .admin-nav-group>summary::-webkit-details-marker { display:none; }
  .admin-nav-group>summary:hover { background:#2563eb0b; }
  .admin-nav-group>summary>svg { color:#829ac0; width:19px; height:19px; }
  .admin-nav-chevron { margin-inline-start:auto; font-size:17px; color:#829ac0; }
  .admin-nav-group[open] .admin-nav-chevron { transform:rotate(180deg); }
  .admin-nav-group>div { padding:3px 12px 2px 0; }
  .admin-nav-group .admin-nav-link { font-size:12px; min-height:41px; }
  .admin-nav-group .admin-nav-link svg { width:17px; height:17px; }
  .admin-sidebar-bottom { padding-top:14px; margin-top:24px; }
  .admin-workspace { padding-inline:28px; }
  .admin-topbar { min-height:72px; margin-bottom:23px; }
  .admin-topbar-title>span { display:none; }
  .admin-topbar .theme-choice { position:static; z-index:auto; margin:0; box-shadow:none; min-height:36px; padding:5px 9px; border-radius:11px; }
  .admin-topbar .theme-choice select { max-width:112px; }
  .admin-topbar-actions { gap:9px; flex-wrap:wrap; justify-content:flex-end; }
  .admin-page-head { margin-bottom:20px; }
  .admin-page-head h1 { font-size:23px; }
  .admin-page-head p { margin-top:3px; }
  .admin-shell .admin-table td,.admin-shell .admin-table-title { color:var(--admin-text,#344967); }
  .admin-shell .admin-table th { color:var(--admin-muted,#526984); }
  .admin-shell .admin-table td small,.admin-shell .admin-page-head p,.admin-shell .admin-muted { color:var(--admin-muted,#647a96); }
  .admin-shell .admin-nav-link:not(.active) { color:var(--admin-muted,#5b708b); }
  .admin-card { border-radius:18px; }
  .admin-kpi { display:flex; align-items:center; gap:14px; padding:18px; }
  .admin-kpi-icon { margin:0; width:43px; height:43px; flex-shrink:0; border-radius:14px; }
  .admin-kpi strong { font-size:23px; }
  .admin-editor-toolbar { top:12px; }
  .admin-order-tabs { display:flex; flex-wrap:wrap; gap:7px; padding:16px 18px 0; }
  .admin-order-tab { display:inline-flex; align-items:center; gap:8px; min-height:39px; padding:7px 12px; font:inherit; font-size:11px; border:1px solid var(--admin-border,#e2eaf6); border-radius:12px; background:transparent; color:var(--admin-muted,#637791); }
  .admin-order-tab b { font-weight:500; padding:0 5px; border-radius:6px; background:#8296b214; }
  .admin-order-tab[aria-pressed=true] { background:#eaf2ff; color:#245bb6; border-color:#b9d0f5; }
  .admin-order-tab[aria-pressed=true].status-new { background:#fffbeb; color:#92400e; border-color:#f6da8e; }
  .admin-order-tab[aria-pressed=true].status-processing { background:#eff6ff; color:#1d4ed8; border-color:#bfdbfe; }
  .admin-order-tab[aria-pressed=true].status-shipped { background:#f5f3ff; color:#6d28d9; border-color:#ddd6fe; }
  .admin-order-tab[aria-pressed=true].status-completed { background:#ecfdf5; color:#047857; border-color:#a7f3d0; }
  .admin-order-tabs+.admin-filters { padding-top:14px; }
  .admin-order-preview { gap:9px; margin-top:12px; max-width:310px; }
  .admin-order-mini { position:relative; display:block; width:94px; height:94px; max-width:none; padding:5px; border-radius:15px; border:1px solid #dce6f5; background:#fff; }
  .admin-order-mini .admin-product-image { width:100%; height:100%; min-width:0; max-width:none; border-radius:10px; background:#fff; object-fit:contain; }
  .admin-order-mini b { position:absolute; bottom:-5px; inset-inline-end:-5px; min-width:28px; height:25px; padding:2px 5px; display:grid; place-items:center; border-radius:9px; background:#2563eb; color:#fff!important; border:2px solid var(--admin-surface,#fff); font-size:11px; line-height:1; }
  .admin-order-ident { min-width:220px; }
  .admin-order-payment { margin-top:8px; }
  .admin-order-payment .admin-badge { font-size:10px; white-space:nowrap; }
  .admin-order-row td { padding-block:19px; }
  .admin-order-status { min-width:148px; border-radius:11px; }
  .admin-order-status select { max-width:166px; font-size:11px; }
  html[data-theme-scope=admin][data-theme=dark] .admin-order-mini { background:#fff; border-color:#486080; }
  html[data-theme-scope=admin][data-theme=dark] .admin-order-tab[aria-pressed=true] b { color:inherit; }
  html[data-theme-scope=admin][data-theme=dark] .admin-nav-group>summary { color:#c6d7ed; }

  @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    #app:not(.admin-view):not(.support-view) :is(.product-card,.category-card):hover { transform:translateY(-5px); border-color:#afc9f2; box-shadow:0 14px 30px #24559b12; }
    #app:not(.admin-view):not(.support-view) .product-card:hover .product-image img { transform:scale(1.055) rotate(-1deg); }
    #app:not(.admin-view):not(.support-view) .hero-product { transition:box-shadow .25s,translate .25s; }
    #app:not(.admin-view):not(.support-view) .hero-product:hover { translate:0 -6px; box-shadow:0 22px 45px #1d4ed823; }
    .admin-order-mini { transition:transform .18s,box-shadow .18s; }
    .admin-order-mini:hover { transform:translateY(-3px) scale(1.04); box-shadow:0 7px 18px #2563eb22; }
    .admin-nav-link,.admin-button,.row-control { transition:background .18s,border-color .18s,box-shadow .18s; }
  }
  @media(max-width:1000px) { .admin-shell { grid-template-columns:200px minmax(0,1fr); }.admin-workspace { padding-inline:20px; }.admin-kpi { padding:15px; gap:10px; }.admin-kpi strong { font-size:21px; } }
  @media(max-width:760px) {
    #app:not(.admin-view):not(.support-view) .hero.hero-artboard { padding-top:25px; border-radius:22px; }
    #app:not(.admin-view):not(.support-view) .hero-intro h1 { font-size:30px; }
    #app:not(.admin-view):not(.support-view) .product-row .product-card { width:206px; min-width:206px; flex-basis:206px; min-height:353px; }
    #app:not(.admin-view):not(.support-view) .offer-section { padding:18px 12px; border-radius:21px; }
    #app:not(.admin-view):not(.support-view) .category-card { padding-block:12px; border-radius:16px; }
    .row-navigation { gap:10px; }.row-hint { font-size:9px; }.row-control { width:33px; height:33px; border-radius:10px; }
  }
  @media(max-width:1100px) {
    .admin-table:has(.admin-order-row),.admin-table:has(.admin-order-row) tbody { display:block; min-width:0; width:100%; }
    .admin-table:has(.admin-order-row) thead { display:none; }
    .admin-table .admin-order-row { display:grid; grid-template-columns:1fr 1fr; grid-template-areas:"order order" "customer status" "amount action"; gap:15px; padding:18px; border-bottom:1px solid var(--admin-border,#e2eaf6); }
    .admin-order-row td { display:block; border:0!important; padding:0!important; min-width:0; }
    .admin-order-ident { grid-area:order; }.admin-order-customer { grid-area:customer; }.admin-order-amount { grid-area:amount; }.admin-order-fulfillment { grid-area:status; justify-self:end; align-self:center; }.admin-order-open { grid-area:action; justify-self:end; align-self:end; }
    .admin-order-preview { max-width:none; }.admin-order-mini { width:82px; height:82px; }.admin-order-payment { margin-top:5px; }
    .admin-order-tabs { gap:6px; padding:12px 12px 0; }.admin-order-tab { padding:6px 9px; font-size:10px; min-height:36px; }
  }
  @media(max-width:700px) { .admin-shell { display:block; }.admin-sidebar { width:248px; padding-top:27px; }.admin-workspace { padding-inline:15px; }.admin-topbar { min-height:65px; margin-bottom:19px; }.admin-page-head h1 { font-size:20px; }.admin-kpi { display:flex; }.admin-kpi small { display:none; }.admin-editor-toolbar { top:8px; }.admin-order-status { min-width:140px; }.admin-order-status select { font-size:10px; padding-inline:5px; } }
  @media(max-width:420px) { #app:not(.admin-view):not(.support-view) .hero-intro h1 { font-size:28px; }.row-progress { max-width:70px; }.admin-order-row { gap:12px!important; }.admin-order-mini { width:78px; height:78px; }.admin-order-tabs { flex-wrap:nowrap; overflow:auto; }.admin-order-tab { flex-shrink:0; } }
  @media(prefers-reduced-motion:reduce) { .admin-shell *, .row-navigation *, .product-row * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }.admin-order-mini:hover { transform:none; } }
}