/*
Theme Name: Amazon theme 6 name 0.1.28
Author: Noman + ChatGPT
Version: 0.1.28
Description: Ultra-lean classic theme with a 2-row Amazon-style header (desktop), 3-row header (mobile), WooCommerce-ready UI.
Text Domain: amazon6name0126
*/
:root {
  --container: 1200px;
  --pad: clamp(10px, 2vw, 16px);
  --gap: clamp(8px, 2vw, 16px);
  --bg-1: #131921;
  --bg-2: #232F3E;
  --text-1: #ffffff;
  --text-2: #e6e6e6;
  --accent: #febd69;
  --focus: #60a5fa;
}

html {scroll-behavior: smooth;}
*, *::before, *::after {box-sizing: border-box;}
body {margin:0; font-family: system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji; line-height:1.4; color:#111;}
a {color: inherit;}
img {max-width: 100%; height: auto;}
.visually-hidden {position:absolute!important; height:1px;width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap;}
.sc-search-empty {padding:8px 10px; color:#6b7280;}
.sc-search-thumb-placeholder {display:block; width:40px; height:40px;}

.container {max-width: var(--container); margin-inline:auto; padding-inline: var(--pad);}
.sc-header {position:relative; z-index:50;}
.sc-row1 {background: var(--bg-1); color: var(--text-1);}
.sc-row2 {background: var(--bg-2); color: var(--text-2);}
.sc-row3 {background: var(--bg-2); color: var(--text-2);} /* mobile-only row */

.sc-row1 .container {display:grid; grid-template-columns:auto 1fr auto auto; gap: var(--gap); align-items:center; padding-block: var(--pad);}
.sc-row2 .container {display:grid; grid-template-columns:auto 1fr; gap: var(--gap); align-items:center; padding-block: 10px;}
.sc-row3 .container {padding-block: 8px;}

.sc-brand {display:flex; align-items:center; gap:10px; text-decoration:none;}
.sc-brand img {display:block; width:180px; height:48px; aspect-ratio:180/48;}
.sc-brand--text {color:#fff; font-size:clamp(1.05rem, 2vw, 1.35rem); font-weight:700; letter-spacing:.02em;}

/* Search */
.sc-search {position:relative; display:flex; min-width:0;}
.sc-search form {display:flex; width:100%;}
.sc-search select, .sc-search input[type="search"] {border:0; outline:none;}
.sc-search select {padding:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; background:#fff; color:#111; min-width:150px;}
.sc-search input[type="search"] {flex:1; padding:10px; background:#fff;}
.sc-search button[type="submit"] {border:0; padding:10px 14px; background:var(--accent); border-top-right-radius:10px; border-bottom-right-radius:10px; cursor:pointer;}
.sc-search button:focus-visible {outline:2px solid var(--focus); outline-offset:2px;}
/* Live results */
.sc-search-results {position:absolute; inset-inline:0; top:calc(100% + 6px); background:#fff; border:1px solid #e5e7eb; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.06); max-height:60vh; overflow:auto; display:none; z-index:80;}
.sc-search-results[aria-hidden="false"] {display:block;}
.sc-search-results ul {list-style:none; margin:0; padding:6px;}
.sc-search-results li a {display:grid; grid-template-columns:40px 1fr auto; gap:10px; align-items:center; padding:8px; border-radius:8px; color:#111; text-decoration:none;}
.sc-search-results li a:hover {background:#f8fafc;}
.sc-search-results img {width:40px; height:40px; object-fit:contain; display:block;}

/* Actions */
.sc-actions {display:flex; align-items:center; gap:18px; color:#fff;}
.sc-ico-btn {display:inline-flex; align-items:center; gap:8px; color:#fff; text-decoration:none; padding:8px 10px; border-radius:10px;}
.sc-ico-btn:focus-visible {outline:2px solid var(--focus); outline-offset:2px; background:rgba(255,255,255,.06);}
.sc-count {display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 4px; border-radius:999px; background:#ef4444; color:#fff; font-size:12px; line-height:1;}

/* Row 2 */
.sc-burger {display:inline-flex; align-items:center; gap:8px; cursor:pointer; padding:8px 10px; border-radius:10px; background:transparent; border:0; color:#fff;}
.sc-burger:focus-visible {outline:2px solid var(--focus); outline-offset:2px;}

.sc-nav {overflow:visible;}
.sc-nav ul {display:flex; flex-wrap:wrap; gap: clamp(10px,2vw,22px); list-style:none; margin:0; padding:0;}
.sc-nav a {text-decoration:none; color:#fff; font-weight:500; padding:6px 0; position:relative; z-index:1; pointer-events:auto;}
.sc-nav a:focus-visible {outline:2px solid var(--focus); outline-offset:2px; border-radius:8px; background:rgba(255,255,255,.06);}

/* Overlay + Drawers */
.sc-overlay {position:fixed; inset:0; background:rgba(0,0,0,.45); backdrop-filter: blur(2px); opacity:0; visibility:hidden; transition:opacity .2s ease, visibility .2s ease; z-index:60;}
.sc-overlay.active {opacity:1; visibility:visible;}
.sc-drawer {position:fixed; top:0; bottom:0; width:min(90vw,360px); background:#fff; box-shadow:0 10px 40px rgba(0,0,0,.18); transform:translateX(-100%); transition:transform .2s ease; z-index:70; overflow:auto;}
.sc-drawer.right {right:0; left:auto; transform:translateX(100%);} /* RIGHT drawer origin */
.sc-drawer.open {transform:translateX(0);}
.sc-drawer header {padding:14px 16px; border-bottom:1px solid #eee; font-weight:600; display:flex; align-items:center; justify-content:space-between;}
.sc-close {background:transparent; border:0; padding:6px; line-height:1; border-radius:8px; cursor:pointer;}
.sc-close:focus-visible {outline:2px solid var(--focus); outline-offset:2px;}
.sc-drawer .inner {padding:12px;}

/* Drawer Menu (left hamburger) */
.sc-drawer .drawer-menu ul{list-style:none; padding:0; margin:0; display:grid; gap:6px;}
.sc-drawer .drawer-menu li{display:flex; align-items:center; gap:6px; flex-wrap:wrap; position:relative;}
.sc-drawer .drawer-menu li > a{flex:1; display:block; min-width:0; padding:10px 8px; border-radius:8px; text-decoration:none; color:#111; position:relative; z-index:1;}
.sc-drawer .drawer-menu li > a:hover{background:#f3f4f6;}
.sc-subtoggle{margin-left:auto; background:transparent; border:0; width:26px; height:26px; display:grid; place-items:center; border-radius:6px; cursor:pointer; position:relative; z-index:2;}
.sc-subtoggle svg{transition: transform .15s ease;}
.sc-drawer .drawer-menu li.open > .sc-subtoggle svg{transform: rotate(90deg);}
.sc-drawer .drawer-menu .sub-menu{display:none !important; width:100%; margin-top:4px; padding-left:14px; border-left:2px solid #e5e7eb;}
.sc-drawer .drawer-menu .sub-menu a{font-size:.95rem; color:#374151;}
.sc-drawer .drawer-menu li.open > .sub-menu{display:block !important;}
.sc-drawer .drawer-menu .sub-menu .sub-menu{padding-left:18px; border-left:2px dashed #e5e7eb;}

/* Cart Drawer */
.sc-mini-cart .widget_shopping_cart_content{display:block;}
.sc-mini-cart .woocommerce-mini-cart{list-style:none;margin:0;padding:0;display:grid!important;gap:10px;}
.sc-mini-cart .woocommerce-mini-cart-item{display:grid!important;grid-template-columns:30% 70%!important;grid-template-rows:auto auto auto;gap:8px 12px;padding:12px;border-radius:12px;background:#fafafa;border:1px solid #eee;align-items:center;}
.sc-mini-cart .sc-item-thumb{grid-column:1;grid-row:1 / span 3;display:grid;place-items:center;}
.sc-mini-cart .sc-item-thumb img{width:100%!important;max-width:120px;max-height:120px;object-fit:contain;display:block;margin:auto;}
.sc-mini-cart .sc-item-body{grid-column:2;grid-row:1 / span 3;display:grid;grid-template-rows:auto auto auto;align-items:center;gap:6px;min-width:0;}
.sc-mini-cart .sc-item-head{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;}
.sc-mini-cart .sc-item-title{flex:1;min-width:0;font-weight:600;line-height:1.3;color:#111;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sc-mini-cart .sc-remove a.remove{
  display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px;background:transparent;position:relative;overflow:hidden;flex:0 0 auto;
  margin-right:20px; margin-inline-end:20px;
  color:transparent; font-size:0; text-indent:0;
}
.sc-mini-cart .sc-remove a.remove::after{ content:none !important; }
.sc-mini-cart .sc-remove a.remove::before{
  content:""; position:absolute; inset:0;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18" stroke="%23000" stroke-width="2" stroke-linecap="round" fill="none"/></svg>');
  background-repeat:no-repeat; background-position:center; background-size:16px 16px;
}
.sc-mini-cart .sc-price{font-weight:600;color:#111;}
.sc-mini-cart .sc-qty{display:inline-flex;align-items:center;gap:8px;}
.sc-mini-cart .sc-qty button{width:28px;height:28px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer;}
.sc-mini-cart .sc-qty input[type="number"]{width:56px;height:28px;border:1px solid #ddd;border-radius:8px;text-align:center;}

/* Buttons */
.sc-mini-cart .woocommerce-mini-cart__buttons{display:grid;gap:10px;margin-top:12px;}
.sc-mini-cart .woocommerce-mini-cart__buttons .button{display:block;width:100%;padding:14px 16px;border-radius:0;border:none;text-align:center;font-weight:700;letter-spacing:.02em;text-transform:uppercase;}
.sc-mini-cart .woocommerce-mini-cart__buttons .button:not(.checkout){background:#111;color:#fff;}
.sc-mini-cart .woocommerce-mini-cart__buttons .button.checkout{background:var(--accent);color:#111;}
.sc-mini-cart .woocommerce-mini-cart__buttons .button:hover{opacity:.92;}
.sc-mini-cart .woocommerce-mini-cart__buttons .button:focus-visible{outline:2px solid var(--focus);outline-offset:2px;}

.sc-mini-cart .woocommerce-mini-cart__total{margin-top:10px;padding-top:10px;border-top:1px solid #eee;font-weight:600;display:flex;justify-content:space-between;}
.sc-mini-cart .woocommerce-mini-cart__empty-message{padding:8px;}

/* prevent layout jumping */
.sc-mini-cart{contain:layout paint;}

/* ======= RESPONSIVE RULES ======= */

/* Tablet: hide horizontal desktop nav as before */
@media (max-width: 1024px){
  .sc-nav { display: none !important; }
}

/* Mobile (≤767px): enable 3-row layout */
@media (max-width: 1024px){
  /* Row 1: burger (no text) + logo + account + cart */
  .sc-row1 .container { grid-template-columns: auto 1fr auto auto; }
  .sc-burger--mobile { display:inline-flex; }
  .sc-row2 .sc-burger { display:none !important; } /* hide row2 burger on mobile */
  .sc-burger span { display:none; } /* hide "Shop By Department" label on mobile */

  /* Hide desktop search in row1; show mobile search in row2 */
  .sc-search.sc-search--desktop { display:none !important; }
  .sc-search.sc-search--mobile { display:flex !important; }

  /* Row 3: show mobile sliding nav */
  .sc-row3 { display:block; }
  .sc-nav--mobile { display:block !important; overflow:hidden; }
  .sc-nav--mobile ul {
    display:flex; gap:16px; list-style:none; padding:0; margin:0;
    overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap;
  }
  .sc-nav--mobile li { flex:0 0 auto; }
  .sc-nav--mobile a { display:inline-block; padding:8px 2px; }
}

/* Default hidden states for mobile-only elements */
.sc-burger--mobile { display:none; }
.sc-row3 { display:none; }
.sc-search.sc-search--mobile { display:none; }


/* === 0.1.17 MOBILE-ONLY TWEAKS (requested) === */
@media (max-width: 1024px){
  /* Ensure burger is visible as first item */
  .sc-burger--mobile{ display:inline-flex !important; visibility:visible !important; }

  /* Keep row1 grid tight, no overflow */
  .sc-row1 .container{ grid-template-columns:auto 1fr auto auto; gap:12px; }

  /* Mobile search: full-width, no overflow */
  .sc-search.sc-search--mobile{ width:100%; min-width:0; }
  .sc-search.sc-search--mobile form{ width:100%; min-width:0; display:flex; gap:0; }
  .sc-search.sc-search--mobile select{ min-width:90px; max-width:35%; }
  .sc-search.sc-search--mobile input[type="search"]{ flex:1 1 auto; min-width:0; }
  .sc-search.sc-search--mobile button[type="submit"]{ flex:0 0 auto; }
  .sc-search.sc-search--mobile .sc-search-results{ inset-inline:0; max-width:100%; overflow:hidden; }
}


/* === 0.1.18 MOBILE-ONLY TWEAKS (requested) === */
@media (max-width: 1024px){
  /* Bigger logo on mobile */
  .sc-brand img{ width:210px; height:auto; }

  /* Slightly more space between columns in Row 1 */
  .sc-row1 .container{ gap:16px; }

  /* Hide 'Cart' label on mobile; keep badge */
  .sc-actions .js-open-cart span:not(.js-cart-count){ display:none !important; }

  /* Ensure Row 3 horizontal menu is visible and scrollable */
  .sc-row3{ display:block; }
  .sc-nav--mobile{ display:block !important; overflow:hidden; }
  .sc-nav--mobile ul{ overflow-x:auto; -webkit-overflow-scrolling:touch; }

  /* Center-align the mobile search component */
  .sc-row2 .container{ justify-items:center; }
  .sc-search.sc-search--mobile{ width:100%; }
  .sc-search.sc-search--mobile form{ width:100%; max-width:640px; margin:0 auto; }
}


/* === 0.1.19 MOBILE + ICON TWEAKS (requested) === */
@media (max-width: 1024px){
  /* Slightly bigger mobile logo */
  .sc-brand img{ width:230px; height:auto; }
}

/* Ensure no hover background on the cart mini remove 'X' */
.sc-mini-cart .sc-remove a.remove,
.sc-mini-cart .sc-remove a.remove:hover,
.sc-mini-cart .sc-remove a.remove:focus,
.sc-mini-cart .sc-remove a.remove:focus-visible{
  background: transparent !important;
  box-shadow: none !important;
}


/* === 0.1.20 MOBILE-ONLY: Row-3 menu single line + horizontal drag === */
@media (max-width: 1024px){
  .sc-row3{ display:block; }
  .sc-nav--mobile{ display:block !important; }
  .sc-nav--mobile ul{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:16px;
    list-style:none;
    padding:0;
    margin:0;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling: touch;
    white-space:nowrap;
    scroll-snap-type: x proximity;
  }
  .sc-nav--mobile li{
    flex:0 0 auto;
    scroll-snap-align: start;
  }
  .sc-nav--mobile a{
    display:block;
    padding:8px 4px;
    white-space:nowrap;
  }
  /* Optional: hide scrollbar for cleaner look */
  .sc-nav--mobile ul::-webkit-scrollbar{ display:none; }
  .sc-nav--mobile ul{ -ms-overflow-style:none; scrollbar-width:none; }
}


/* === 0.1.21 MOBILE-ONLY: Row-1 grouped spacing === */
@media (max-width: 1024px){
  /* Switch row1 container to flex to control group gap */
  .sc-row1 .container{
    display:flex !important;
    align-items:center;
    gap:0;            /* no global gaps */
  }
  /* Group 1: Burger + Logo (small gap) */
  .sc-burger--mobile{ margin-right:8px; }
  /* Huge gap between Logo and Actions */
  .sc-actions{ margin-left:auto; gap:10px; }   /* Group 2: Account + Cart (small gap) */

  /* Ensure wishlist (if present) doesn't break the "two-item" feel on mobile (optional but safe) */
  .sc-actions [aria-label="Wishlist"]{ display:none !important; }
}


/* === 0.1.22 MOBILE-ONLY: Search full-width + equal padding, smaller logo === */
@media (max-width: 1024px){
  /* Slightly smaller logo on mobile */
  .sc-brand img{ width:200px; height:auto; }

  /* Make Row-2 a single column so search spans full width */
  .sc-row2 .container{ grid-template-columns: 1fr; justify-items: stretch; }

  /* Mobile search: full width of container (no fixed max) */
  .sc-search.sc-search--mobile{ width:100%; min-width:0; }
  .sc-search.sc-search--mobile form{ width:100%; max-width:none; margin:0; }
  .sc-search.sc-search--mobile select{ min-width:90px; max-width:35%; }
  .sc-search.sc-search--mobile input[type="search"]{ flex:1 1 auto; min-width:0; }
  .sc-search.sc-search--mobile button[type="submit"]{ flex:0 0 auto; }
  .sc-search.sc-search--mobile .sc-search-results{ inset-inline:0; max-width:100%; overflow:hidden; }
}


/* === 0.1.23 MOBILE-ONLY: adaptive logo + single-line "Sign in" === */
@media (max-width: 1024px){
  /* Allow the brand block to shrink gracefully */
  .sc-brand{ min-width:0; }
  /* Adaptive logo width: shrinks on very small devices, caps at previous mobile size */
  .sc-brand img{ width:clamp(120px, 35vw, 200px); height:auto; }

  /* Keep the "Sign in" label on a single line */
  .sc-actions .sc-ico-btn span{ white-space:nowrap; }
}


/* === 0.1.26: Fix Lighthouse Deprecated API (H1UserAgentFontSizeInSection)
   Explicitly define h1 sizing in sectioning elements to avoid relying on UA defaults. === */
:where(article,aside,nav,section,main) h1{ font-size:2em; margin:0.67em 0; }

/* === 0.1.28 Product Archive + Premium Cards === */
.sc-archive { padding-block: 26px 52px; }
.sc-archive .sc-arch-head { display:grid; gap:8px; margin:12px 0 26px; }
.sc-archive .sc-arch-head h1 { margin:0; font-size:clamp(1.9rem, 3vw, 2.8rem); line-height:1.1; letter-spacing:-.03em; color:#111827; }
.sc-archive .sc-breadcrumb { color:#6b7280; font-size:.95rem; }
.sc-archive .sc-breadcrumb nav { display:flex; flex-wrap:wrap; gap:4px; }
.sc-archive .sc-archive-notices { margin-bottom:18px; }
.sc-archive .sc-gridwrap { display:grid; grid-template-columns:minmax(240px, 280px) minmax(0, 1fr); gap:24px; align-items:start; }
.sc-archive .sc-sidebar { position:sticky; top:16px; display:grid; gap:14px; }
.sc-archive .sc-sidebar section { background:#fff; border:1px solid #e8ebf0; border-radius:24px; box-shadow:0 18px 38px rgba(15, 23, 42, .05); padding:18px; }
.sc-archive .sc-sidebar h3 { margin:0 0 12px; font-size:1rem; color:#111827; }
.sc-archive .sc-sidebar ul { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.sc-archive .sc-sidebar li { margin:0; }
.sc-archive .sc-sidebar a { text-decoration:none; color:#374151; font-weight:500; }
.sc-archive .sc-sidebar a:hover { color:#111827; }
.sc-archive .sc-sidebar .price_slider_wrapper .price_slider_amount { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:.9rem; }
.sc-archive .sc-sidebar .price_slider_wrapper .button { min-height:40px; border:0; border-radius:999px; padding:10px 16px; background:#111827; color:#fff; }
.sc-archive .sc-sidebar .ui-slider { margin:16px 8px 14px; background:#e5e7eb; border-radius:999px; height:6px; }
.sc-archive .sc-sidebar .ui-slider-range { background:#111827; border-radius:999px; }
.sc-archive .sc-sidebar .ui-slider-handle { width:18px; height:18px; border-radius:50%; background:#fff; border:2px solid #111827; top:-6px; }
.sc-archive .sc-mobile-only { display:none; }

.sc-archive .sc-topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; background:#fff; border:1px solid #e8ebf0; border-radius:24px; box-shadow:0 18px 38px rgba(15, 23, 42, .05); padding:16px 18px; margin-bottom:22px; }
.sc-archive .sc-top-left { color:#6b7280; font-size:.95rem; }
.sc-archive .woocommerce-result-count,
.sc-archive .woocommerce-ordering { margin:0 !important; }
.sc-archive .sc-top-right { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:12px; }
.sc-archive .sc-topbar .orderby { min-width:190px; min-height:44px; border:1px solid #dce2ea; border-radius:999px; background:#fff; padding:0 18px; color:#111827; font-weight:500; }
.sc-archive .sc-filter-btn { display:none; min-height:44px; border:0; border-radius:999px; background:#111827; color:#fff; padding:0 18px; font-weight:700; cursor:pointer; }
.sc-archive .sc-grid-toggle { display:inline-flex; align-items:center; gap:8px; padding:6px; border-radius:999px; background:#f3f4f6; }
.sc-archive .sc-grid-toggle button { width:38px; height:38px; border:0; border-radius:999px; background:transparent; color:#6b7280; font-weight:700; cursor:pointer; transition:background-color .2s ease, color .2s ease, transform .2s ease; }
.sc-archive .sc-grid-toggle button.is-active { background:#111827; color:#fff; transform:translateY(-1px); }

.sc-archive .sc-grid { list-style:none; margin:0; padding:0; display:grid; gap:24px; grid-template-columns:repeat(var(--sc-archive-default-cols, 3), minmax(0, 1fr)); }
.sc-archive .sc-grid.grid-1 { grid-template-columns:repeat(1, minmax(0, 1fr)); }
.sc-archive .sc-grid.grid-2 { grid-template-columns:repeat(2, minmax(0, 1fr)); }
.sc-archive .sc-grid.grid-3 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.sc-archive .sc-grid.grid-4 { grid-template-columns:repeat(4, minmax(0, 1fr)); }
.sc-archive .sc-empty-state { grid-column:1 / -1; min-height:160px; display:grid; place-items:center; padding:32px; border-radius:24px; border:1px dashed #d7dce4; color:#6b7280; background:#fff; }

.sc-card { position:relative; display:flex; flex-direction:column; min-height:100%; background:var(--sc-card-bg); border:1px solid var(--sc-card-border); border-radius:var(--sc-card-radius); overflow:hidden; box-shadow:var(--sc-card-shadow); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.sc-card:hover { transform:translateY(-6px); box-shadow:0 24px 54px rgba(15, 23, 42, .12); }
.sc-card .sc-card-media { position:relative; aspect-ratio:1 / .94; background:var(--sc-card-image-bg); overflow:hidden; border-radius:0 0 var(--sc-card-image-radius) var(--sc-card-image-radius); }
.sc-card .sc-thumb { display:block; width:100%; height:100%; border-radius:inherit; overflow:hidden; }
.sc-card .sc-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease; }
.sc-card:hover .sc-thumb img { transform:scale(1.04); }
.sc-card .sc-card-badge { position:absolute; top:14px; left:14px; z-index:2; min-height:28px; padding:0 12px; border-radius:999px; display:inline-flex; align-items:center; background:var(--sc-card-label-bg); color:var(--sc-card-label-text); font-size:.7rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; box-shadow:0 10px 28px rgba(15, 23, 42, .10); }
.sc-card .sc-card-tools { position:absolute; top:14px; right:14px; z-index:2; display:grid; gap:10px; }
.sc-card .sc-card-action { width:44px; height:44px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; background:var(--sc-card-action-bg); color:var(--sc-card-action-icon); border:0; box-shadow:var(--sc-card-action-shadow); cursor:pointer; transition:transform .2s ease, opacity .2s ease, background-color .2s ease; }
.sc-card .sc-card-action:hover { transform:translateY(-2px); opacity:.95; }
.sc-card .sc-card-action:focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
.sc-card .sc-card-body { display:flex; flex-direction:column; gap:18px; padding:18px; flex:1; }
.sc-card .sc-card-copy { display:grid; gap:8px; }
.sc-card .sc-card-category { color:var(--sc-card-category); font-size:.72rem; font-weight:700; letter-spacing:.24em; text-transform:uppercase; }
.sc-card .sc-title { color:var(--sc-card-title); text-decoration:none; font-size:clamp(1.08rem, 1.45vw, 1.45rem); font-weight:800; line-height:1.22; letter-spacing:-.02em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.44em; }
.sc-card .sc-title:hover { opacity:.9; }
.sc-card .sc-card-price-block { display:grid; gap:12px; padding-top:14px; border-top:1px solid rgba(148, 163, 184, .18); }
.sc-card .sc-card-price-line { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; }
.sc-card .sc-card-price-current { color:var(--sc-card-price); font-size:clamp(1.6rem, 2vw, 2.35rem); line-height:1; font-weight:900; letter-spacing:-.04em; }
.sc-card .sc-card-price-current .amount { color:inherit; }
.sc-card .sc-card-price-compare { color:var(--sc-card-compare); text-decoration:line-through; font-size:.98rem; font-weight:500; }
.sc-card .sc-card-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.sc-card .sc-card-chip { min-height:34px; padding:0 12px; border-radius:999px; display:inline-flex; align-items:center; gap:6px; font-size:.86rem; font-weight:700; }
.sc-card .sc-card-chip small { font-size:.82em; color:inherit; opacity:.7; }
.sc-card .sc-card-chip--sale { background:var(--sc-card-sale-bg); color:var(--sc-card-sale-text); }
.sc-card .sc-card-chip--rating { margin-left:auto; background:var(--sc-card-rating-bg); color:var(--sc-card-rating-text); border:1px solid var(--sc-card-rating-border); }
.sc-card .sc-card-chip--rating svg { color:#f59e0b; }
.sc-card .sc-card-buttons { display:grid; gap:12px; margin-top:auto; padding-top:18px; border-top:1px solid rgba(148, 163, 184, .18); }
.sc-card .sc-card-button { min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:10px; width:100%; border-radius:var(--sc-card-button-radius); text-decoration:none; padding:14px 18px; font-weight:800; letter-spacing:-.01em; transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease; }
.sc-card .sc-card-button:hover { transform:translateY(-1px); }
.sc-card .sc-card-button:focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
.sc-card .sc-card-button--primary { background:var(--sc-card-primary-bg); color:var(--sc-card-primary-text); border:1px solid var(--sc-card-primary-bg); box-shadow:0 14px 28px rgba(17, 24, 39, .12); }
.sc-card .sc-card-button--secondary { background:var(--sc-card-secondary-bg); color:var(--sc-card-secondary-text); border:1px solid var(--sc-card-secondary-border); }
.sc-card .sc-card-button--secondary svg { color:var(--sc-card-wa); flex:0 0 auto; }

.sc-archive .sc-visible-wrap { margin-top:16px; color:#6b7280; font-size:.95rem; }
.sc-archive .sc-loadmore { margin-top:20px; display:grid; }
.sc-archive .sc-loadmore .button { justify-self:center; min-height:50px; padding:0 22px; border:0; border-radius:999px; background:#111827; color:#fff; font-weight:800; box-shadow:0 16px 30px rgba(15, 23, 42, .12); }
.sc-archive .sc-loadmore .button[disabled] { opacity:.65; cursor:not-allowed; }

.sc-qv-wrap[hidden] { display:none !important; }
.sc-qv-overlay { position:fixed; inset:0; background:rgba(15, 23, 42, .55); z-index:1000; backdrop-filter:blur(2px); }
.sc-qv-sheet { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:min(92vw, 980px); display:grid; grid-template-columns:minmax(0, 1fr) minmax(280px, 360px); gap:24px; padding:22px; border-radius:32px; background:#fff; border:1px solid #e8ebf0; box-shadow:0 28px 70px rgba(15, 23, 42, .2); z-index:1001; }
.sc-qv-close { position:absolute; top:16px; right:16px; width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; border:1px solid #dce2ea; background:#fff; color:#111827; cursor:pointer; }
.sc-qv-img { aspect-ratio:1 / 1; background:#f4f5f7; border-radius:24px; overflow:hidden; }
.sc-qv-img img { width:100%; height:100%; object-fit:cover; display:block; }
.sc-qv-body { display:flex; flex-direction:column; justify-content:center; gap:16px; }
.sc-qv-title { margin:0; font-size:clamp(1.6rem, 2vw, 2.2rem); line-height:1.1; letter-spacing:-.03em; color:#111827; }
.sc-qv-price { font-size:1rem; color:#374151; font-weight:700; }
.sc-qv-links .button,
.sc-qv-actions .button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border-radius:999px; text-decoration:none; font-weight:800; }
.sc-qv-links .button { background:#fff; color:#111827; border:1px solid #dce2ea; }
.sc-qv-actions { display:flex; gap:10px; flex-wrap:wrap; }
.sc-qv-actions .button { background:#111827; color:#fff; border:1px solid #111827; }
#sc-qv-wa.button { background:#fff; color:#111827; border-color:#dce2ea; }

@media (max-width: 1180px) {
  .sc-archive .sc-grid.grid-4 { grid-template-columns:repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
  .sc-archive .sc-gridwrap { grid-template-columns:1fr; gap:20px; }
  .sc-archive .sc-sidebar { display:none; }
  .sc-archive .sc-mobile-only { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
  .sc-archive .sc-filter-btn { display:inline-flex; align-items:center; justify-content:center; }
  body.sc-filters-open::before { content:""; position:fixed; inset:0; background:rgba(15, 23, 42, .45); z-index:998; }
  body.sc-filters-open .sc-archive .sc-sidebar { display:grid; position:fixed; top:0; right:0; bottom:0; width:min(92vw, 360px); padding:18px; background:#fff; z-index:999; overflow:auto; border-left:1px solid #e5e7eb; box-shadow:-18px 0 48px rgba(15, 23, 42, .14); }
  .sc-archive .sc-grid,
  .sc-archive .sc-grid.grid-3,
  .sc-archive .sc-grid.grid-4 { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:18px; }
  .sc-archive .sc-grid.grid-1 { grid-template-columns:1fr; }
  .sc-card .sc-card-body { padding:16px; gap:16px; }
  .sc-card .sc-card-button { min-height:50px; padding-inline:14px; font-size:.95rem; }
  .sc-qv-sheet { width:min(94vw, 760px); grid-template-columns:1fr; padding:18px; gap:18px; }
}

@media (max-width: 767px) {
  .sc-archive { padding-block: 20px 38px; }
  .sc-archive .sc-topbar { flex-direction:column; align-items:stretch; }
  .sc-archive .sc-top-right { justify-content:flex-start; }
  .sc-archive .sc-topbar .orderby { width:100%; }
  .sc-card .sc-card-badge { top:12px; left:12px; min-height:26px; padding-inline:10px; font-size:.64rem; }
  .sc-card .sc-card-tools { top:12px; right:12px; gap:8px; }
  .sc-card .sc-card-action { width:40px; height:40px; }
  .sc-card .sc-card-category { letter-spacing:.2em; font-size:.66rem; }
  .sc-card .sc-title { font-size:1rem; }
  .sc-card .sc-card-price-current { font-size:1.45rem; }
  .sc-card .sc-card-price-compare { font-size:.84rem; }
  .sc-card .sc-card-chip { min-height:32px; padding-inline:10px; font-size:.8rem; }
  .sc-card .sc-card-button { min-height:46px; font-size:.9rem; }
}

@media (max-width: 420px) {
  .sc-archive .sc-grid,
  .sc-archive .sc-grid.grid-2,
  .sc-archive .sc-grid.grid-3,
  .sc-archive .sc-grid.grid-4 { grid-template-columns:1fr; }
}