/* Native integration only. Appearance comes from the approved reference CSS loaded last. */
html.surin-redesign .sr-visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
html.surin-redesign .sr-recoverable-legacy[hidden], html.surin-redesign [data-surin-native-options-slot][hidden], html.surin-redesign [data-surin-drawer-shortcuts][hidden] { display:none !important; }
html.surin-redesign .header-main .brand > a, html.surin-redesign .drawer-head .brand > a { display:flex !important; align-items:center; width:100%; max-width:none; height:100%; margin:0; padding:0; }
/* The reference crops a square image from its top margin; keep that crop inside the native link hitbox. */
html.surin-redesign .header-main .brand > a > img, html.surin-redesign .drawer-head .brand > a > img { align-self:flex-start; flex:none; }
html.surin-redesign .header-main .brand > a:focus-visible, html.surin-redesign .drawer-head .brand > a:focus-visible { outline-offset:-3px; }
html.surin-redesign .sr-header-search { position:relative; display:block; flex:1 1 auto; width:auto; min-width:0; max-width:560px; padding:0; }
html.surin-redesign .sr-header-search #small-search-box-form { width:100%; margin:0; }
html.surin-redesign .sr-header-search #small-search-box-form:focus-within { border-color:var(--brand) !important; }
html.surin-redesign .sr-header-search #small-searchterms { width:auto; min-width:0; padding:0; margin:0; color:inherit; text-align:right; font:inherit; font-size:var(--t-sm); }
html.surin-redesign .sr-header-search #small-search-box-form .search-box-button { position:static; width:auto !important; min-width:78px; flex:0 0 auto; height:40px; min-height:40px; padding:0 18px; box-shadow:none; }
html.surin-redesign .sr-header-search .icon-clear { position:static; flex:0 0 auto; padding:8px; margin:0; }
html.surin-redesign .sr-header-search .ui-autocomplete { width:100% !important; max-height:min(65vh,520px); overflow:auto; overscroll-behavior:contain; padding:8px; border:1px solid var(--line); border-radius:var(--r-md); background:#fff; box-shadow:var(--sh-lg); font-family:inherit; }
html.surin-redesign .sr-header-search .ui-autocomplete a { display:flex; min-height:54px; align-items:center; gap:10px; padding:8px; color:var(--ink); font-size:var(--t-sm); line-height:1.65; }
html.surin-redesign .sr-header-search .ui-autocomplete img { width:48px; height:48px; object-fit:contain; }
html.surin-redesign .sr-header-links { display:contents !important; position:static !important; width:auto; min-width:0; height:auto; overflow:visible; padding:0; margin:0; border:0; background:transparent; box-shadow:none; transform:none; }
html.surin-redesign .sr-header-links > .backMenu { display:none !important; }
html.surin-redesign .sr-quick-actions, html.surin-redesign .sr-quick-actions > li { display:contents; padding:0; margin:0; list-style:none; }
html.surin-redesign .sr-quick-actions .header-action::before { display:none; content:none; }
html.surin-redesign .header-action :is(.cart-qty,.wishlist-qty):empty, html.surin-redesign .mobile-nav-icon .cart-qty:empty { display:none; }
html.surin-redesign .sr-account-menu { position:relative; }
html.surin-redesign .sr-account-menu > summary { list-style:none; cursor:pointer; }
html.surin-redesign .sr-account-menu > summary::-webkit-details-marker { display:none; }
html.surin-redesign .sr-account-options { position:absolute; z-index:120; right:0; left:auto; top:calc(100% + 8px); min-width:220px; padding:8px !important; margin:0; border:1px solid var(--line); border-radius:var(--r-sm); background:#fff; box-shadow:var(--sh-md); list-style:none; }
html.surin-redesign .sr-account-options a, html.surin-redesign .sr-native-selectors > summary { display:flex; min-height:44px; align-items:center; padding:8px 12px; color:var(--ink); font-size:var(--t-sm); }
html.surin-redesign .sr-account-options a:hover { background:var(--surface); }
html.surin-redesign .sr-native-options { display:grid; gap:12px; padding:12px; }
html.surin-redesign .sr-native-options select { width:100%; min-height:44px; border:1px solid var(--line-2); border-radius:var(--r-xs); background:#fff; font:inherit; }
html.surin-redesign .sr-mobile-counter-host { display:contents !important; }
html.surin-redesign .sr-flyout-slot { position:absolute; z-index:120; right:28px; left:auto; top:100%; direction:rtl; }
html.surin-redesign .sr-flyout-slot #flyout-cart { position:absolute; right:0; left:auto; top:0; width:min(360px,calc(100vw - 32px)); max-height:min(70vh,560px); overflow:auto; overscroll-behavior:contain; visibility:hidden; opacity:0; pointer-events:none; transform:translateY(-6px); border:1px solid var(--line); border-radius:var(--r-md); background:#fff; box-shadow:var(--sh-md); transition:opacity 160ms var(--ease),transform 160ms var(--ease),visibility 160ms; }
html.surin-redesign .sr-flyout-slot #flyout-cart.active, html.surin-redesign .sr-flyout-slot #flyout-cart:focus-within { visibility:visible; opacity:1; pointer-events:auto; transform:translateY(0); }
html.surin-redesign .sr-flyout-slot .mini-shopping-cart { display:block; height:auto; padding:16px; }
html.surin-redesign .sr-flyout-slot .count { display:flex; flex-direction:row; align-items:center; gap:8px; font-size:14px; cursor:default; }
html.surin-redesign .sr-flyout-slot .count .title { display:inline; }
html.surin-redesign .sr-flyout-slot .count .counter { position:static; margin:0; }
html.surin-redesign .sr-flyout-slot .cart-detail-header { position:static; display:block !important; width:auto; padding-top:14px; background:transparent; border:0; box-shadow:none; }
html.surin-redesign .sr-flyout-slot .items { min-height:0; max-height:340px; }
html.surin-redesign .sr-flyout-slot .picture img { width:64px; height:64px; object-fit:contain; }
html.surin-redesign .sr-category-menu > summary { list-style:none; }
html.surin-redesign .sr-category-menu > summary::-webkit-details-marker { display:none; }
html.surin-redesign .sr-category-panel [hidden] { display:none !important; }
html.surin-redesign .sr-category-content { min-height:0; overflow:hidden; }
html.surin-redesign .sr-category-source { display:none !important; }
html.surin-redesign .sr-category-empty { padding:20px 22px; color:var(--muted); font-size:var(--t-sm); }
html.surin-redesign .sr-main-nav > a[aria-current=page] { color:var(--brand); }
html.surin-redesign .sr-main-nav > a[aria-current=page]::after { transform:scaleX(1); }
html.surin-redesign .sr-footer-social .networks, html.surin-redesign .sr-footer-social .networks > :is(li,div) { display:contents; padding:0; margin:0; list-style:none; }
html.surin-redesign .sr-footer-social .social-mark { width:24px; height:24px; max-width:24px; margin:0; }
html.surin-redesign .sr-footer-col > ul { padding:0; margin:0; list-style:none; }
html.surin-redesign .sr-footer-col > ul > li { padding:0; margin:0; }
html.surin-redesign .sr-native-footer-modules { display:flex; flex-wrap:wrap; gap:24px; align-items:center; padding-bottom:24px; }
html.surin-redesign .sr-footer-trust { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
html.surin-redesign .sr-footer-trust :is(img,iframe) { width:auto; max-width:110px; max-height:110px; object-fit:contain; }
html.surin-redesign .sr-native-footer-info { display:grid; gap:8px; }
html.surin-redesign .sr-footer-sitemap ul { padding:0; margin:0; list-style:none; }
html.surin-redesign .sr-site-footer .newsletter input { min-height:44px; border:1px solid var(--line-2); border-radius:var(--r-xs); }
html.surin-redesign .sr-site-footer .newsletter-subscribe-button { min-height:44px; padding:0 14px; border:0; border-radius:var(--r-xs); color:#fff; background:var(--brand-gradient); }
@media(max-width:1024px) {
  html.surin-redesign .sr-account-menu { display:none; }
  html.surin-redesign .sr-drawer-account .sr-account-options { position:static; width:100%; min-width:0; padding:8px 0 !important; border:0; box-shadow:none; }
}
@media(max-width:760px) {
  html.surin-redesign { --surin-mobile-nav-height:70px; }
  html.surin-redesign body { padding-bottom:calc(var(--surin-mobile-nav-height) + env(safe-area-inset-bottom,0px)); }
  html.surin-redesign .sr-header-search { order:3; max-width:none; flex-basis:100%; }
  html.surin-redesign .sr-header-search #small-search-box-form { height:46px; }
  html.surin-redesign .sr-flyout-slot { right:16px; }
}
@media(prefers-reduced-motion:reduce) { html.surin-redesign .sr-flyout-slot #flyout-cart { transition:none !important; } }
