/*
 * Kane's Observations — canonical site presentation
 * Loaded after every legacy and page-specific stylesheet.
 * Visual overrides only: no behavior, storage, auth, payment, or data hooks.
 */
:root{
  --sf-ivory:#f7f2e9;
  --sf-ivory-soft:#fcf9f3;
  --sf-paper:#fffdf8;
  --sf-ink:#11161b;
  --sf-ink-soft:#1b232a;
  --sf-graphite:#222b32;
  --sf-slate:#526371;
  --sf-muted:#6e7880;
  --sf-silver:#b9c2c9;
  --sf-line:#d7d4ce;
  --sf-line-dark:#3a454e;
  --sf-blue:#537d9c;
  --sf-blue-deep:#31556e;
  --sf-blue-soft:#dbe6ed;
  --sf-shadow:0 22px 60px rgba(19,25,30,.12);
  --sf-radius:16px;
}

/* Final mobile header fit: preserve the approved lockup and keep both actions visible. */
@media (max-width:768px){
  html body > header#ko-mobile-header-root .ko-mobile-main-row{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:9px 12px!important;
  }
  html body > header#ko-mobile-header-root .ko-mobile-left{
    position:absolute!important;
    left:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:42px!important;
    gap:0!important;
  }
  html body > header#ko-mobile-header-root .ko-mobile-search-button{
    display:none!important;
  }
  html body > header#ko-mobile-header-root .ko-mobile-brand,
  html body > header#ko-mobile-header-root .ko-silver-brand--mobile{
    width:150px!important;
    max-width:100%!important;
  }
  html body > header#ko-mobile-header-root .ko-brand-image-frame--lockup{
    width:150px!important;
    height:34px!important;
  }
  html body > header#ko-mobile-header-root .ko-mobile-right{
    position:absolute!important;
    right:10px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:4!important;
    width:68px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
  }
}

html{background:var(--sf-ivory)!important;overflow-x:hidden}
body{margin:0!important;max-width:none!important;background:var(--sf-ivory)!important;color:var(--sf-ink)!important;overflow-x:hidden!important}
body *,body *::before,body *::after{box-sizing:border-box}

/* Canonical header: one uninterrupted ivory row, one black navigation row. */
body>.ko-new-header{
  position:relative!important;z-index:1000!important;width:100%!important;max-width:none!important;margin:0!important;
  color:var(--sf-ink)!important;background:var(--sf-ivory-soft)!important;border:0!important;
  box-shadow:0 1px 0 rgba(21,27,32,.14),0 10px 28px rgba(21,27,32,.08)!important;
}
body>.ko-new-header .ko-new-top-bar{
  width:min(100%,1660px)!important;min-height:104px!important;margin:0 auto!important;padding:14px 28px!important;
  display:grid!important;grid-template-columns:minmax(300px,360px) minmax(420px,1fr) minmax(250px,290px)!important;
  align-items:center!important;gap:28px!important;background:transparent!important;border:0!important;
}
body>.ko-new-header .ko-new-brand-link{display:block!important;width:100%!important;min-width:0!important;color:inherit!important;background:transparent!important;border:0!important;box-shadow:none!important}
body>.ko-new-header .ko-new-logo-wrap{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important;width:100%!important;min-width:0!important;height:78px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
body>.ko-new-header .ko-brand-image{display:block!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important}
body>.ko-new-header .ko-brand-image--mark{width:58px!important;height:48px!important;flex:0 0 58px!important}
body>.ko-new-header .ko-brand-image--wordmark{width:min(100%,294px)!important;height:78px!important;flex:1 1 auto!important;object-position:left center!important}
body>.ko-new-header .ko-new-search{position:relative!important;order:0!important;width:100%!important;max-width:980px!important;height:58px!important;margin:0 auto!important;background:transparent!important;border:0!important;box-shadow:none!important}
body>.ko-new-header .search-input-header{
  display:block!important;width:100%!important;height:58px!important;margin:0!important;padding:0 72px 0 24px!important;
  color:#263744!important;background:linear-gradient(180deg,#fffdf8,#f0e9de)!important;
  border:1px solid #aaa79f!important;border-radius:999px!important;outline:none!important;
  font:500 14px/1.2 Arial,Helvetica,sans-serif!important;box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(20,26,31,.1)!important;
}
body>.ko-new-header .search-input-header::placeholder{color:#53616b!important;opacity:1!important}
body>.ko-new-header .search-input-header:focus{border-color:#607c91!important;box-shadow:0 0 0 3px rgba(83,125,156,.16),0 8px 22px rgba(20,26,31,.1)!important}
body>.ko-new-header .search-btn{
  position:absolute!important;z-index:2!important;top:6px!important;right:6px!important;bottom:auto!important;left:auto!important;
  display:grid!important;place-items:center!important;width:46px!important;height:46px!important;margin:0!important;padding:0!important;
  color:#fff!important;background:linear-gradient(150deg,#2c343b,#11161b)!important;border:1px solid #59636b!important;border-radius:50%!important;
  transform:none!important;box-shadow:0 5px 14px rgba(15,20,24,.22)!important;
}
body>.ko-new-header .search-btn:hover,body>.ko-new-header .search-btn:focus-visible{background:#31556e!important;border-color:#7798ae!important;outline:2px solid rgba(83,125,156,.35)!important;outline-offset:2px!important}
body>.ko-new-header .ko-new-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:22px!important;min-width:0!important;color:var(--sf-ink)!important}
body>.ko-new-header .ko-new-action-link{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:0!important;color:var(--sf-ink)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important;font-weight:800!important;letter-spacing:.045em!important;text-decoration:none!important;white-space:nowrap!important}
body>.ko-new-header .ko-new-action-link:hover,body>.ko-new-header .ko-new-action-link:focus-visible{color:var(--sf-blue-deep)!important;text-decoration:underline!important;text-underline-offset:5px!important;outline:none!important}
body>.ko-new-header .ko-new-cart-badge{display:grid!important;place-items:center!important;min-width:18px!important;height:18px!important;padding:0 5px!important;color:#fff!important;background:var(--sf-ink)!important;border:0!important;border-radius:999px!important;font-size:10px!important}
body>.ko-new-header .ko-new-nav-bar{width:100%!important;min-height:48px!important;margin:0!important;padding:0!important;background:#090c0f!important;border-top:1px solid #2c343a!important;border-bottom:1px solid #343d43!important;box-shadow:none!important}
body>.ko-new-header .ko-new-nav-inner{min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;padding:0 18px!important;background:transparent!important}
body>.ko-new-header .ko-new-nav-inner>a,body>.ko-new-header .dropdown-toggle{position:relative!important;display:inline-flex!important;align-items:center!important;min-height:48px!important;padding:0 17px!important;color:#fbf8f1!important;background:transparent!important;border:0!important;font-size:13px!important;font-weight:800!important;letter-spacing:.09em!important;text-decoration:none!important;text-transform:uppercase!important;text-shadow:none!important}
body>.ko-new-header .ko-new-nav-inner>a::after,body>.ko-new-header .dropdown-toggle::after{content:""!important;position:absolute!important;right:-2px!important;width:4px!important;height:4px!important;border-radius:50%!important;background:#798690!important;opacity:.75!important}
body>.ko-new-header .ko-new-nav-inner>a:last-child::after,body>.ko-new-header .dropdown-toggle::after{display:none!important}
body>.ko-new-header .ko-new-nav-inner>a:hover,body>.ko-new-header .ko-new-nav-inner>a.active,body>.ko-new-header .dropdown-toggle:hover,body>.ko-new-header .dropdown-toggle[aria-expanded="true"]{color:#bcd2e0!important;background:#151b20!important}
body>.ko-new-header .dropdown-menu{z-index:1100!important;min-width:220px!important;padding:8px!important;background:#11171b!important;border:1px solid #38434b!important;border-radius:10px!important;box-shadow:0 18px 44px rgba(0,0,0,.28)!important}
body>.ko-new-header .dropdown-menu a{display:block!important;padding:12px 14px!important;color:#f8f5ee!important;background:transparent!important;border-radius:7px!important;text-decoration:none!important}
body>.ko-new-header .dropdown-menu a:hover{color:#fff!important;background:#263845!important}

/* Mobile header and drawer inherit the same brand system. */
body>.ko-mobile-header{z-index:1200!important;width:100%!important;margin:0!important;background:var(--sf-ivory-soft)!important;border:0!important;box-shadow:0 1px 0 #d5d0c7,0 8px 22px rgba(16,22,26,.1)!important}
body>.ko-mobile-header .ko-mobile-main-row{min-height:72px!important;padding:9px 12px!important;background:transparent!important}
body>.ko-mobile-header .ko-mobile-brand{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;background:transparent!important;border:0!important}
body>.ko-mobile-header .ko-brand-image--mark{width:36px!important;height:30px!important;flex:0 0 36px!important;object-fit:contain!important;filter:none!important;transform:none!important}
body>.ko-mobile-header .ko-brand-image--wordmark{width:150px!important;height:44px!important;object-fit:contain!important;object-position:left center!important;filter:none!important;transform:none!important}
body>.ko-mobile-header button,body>.ko-mobile-header a{color:var(--sf-ink)!important}
body>.ko-mobile-header .ko-mobile-search-row{padding:0 12px 10px!important;background:transparent!important}
body>.ko-mobile-header .ko-mobile-search-form{position:relative!important}
body>.ko-mobile-header .ko-mobile-search-input{width:100%!important;height:46px!important;padding:0 54px 0 16px!important;color:var(--sf-ink)!important;background:#fffdf8!important;border:1px solid #aba79e!important;border-radius:999px!important}
body>.ko-mobile-header .ko-mobile-search-button{position:absolute!important;right:4px!important;top:4px!important;width:38px!important;height:38px!important;color:#fff!important;background:#171d22!important;border:0!important;border-radius:50%!important}
body>.ko-mobile-header .ko-mobile-menu-button,body>.ko-mobile-header .ko-mobile-cart-link{background:transparent!important;border:0!important}
#ko-mobile-nav-drawer{z-index:1300!important;color:#f7f5ef!important;background:#101519!important;border-right:1px solid #39444c!important;box-shadow:24px 0 60px rgba(0,0,0,.35)!important}
#ko-mobile-nav-drawer a,#ko-mobile-nav-drawer button{color:#f7f5ef!important;background:transparent!important;border-color:#313b42!important}
#ko-mobile-nav-drawer a:hover,#ko-mobile-nav-drawer button:hover{color:#c7d9e5!important;background:#1d272e!important}

/* Shared page/footer foundations. */
body footer,body .site-footer,body .shop-footer,body .catalog-footer{background:#1b2025!important;color:#e9ecee!important;border-color:#3d474f!important}
body footer a,body .site-footer a,body .shop-footer a,body .catalog-footer a{color:#e9ecee!important}
body footer h2,body footer h3,body footer strong,body .site-footer h2,body .site-footer h3{color:#fff!important}

/* Mobile cart authority: independent icon and counter on the ivory header. */
@media (max-width:768px){
  html body > header#ko-mobile-header-root a.ko-mobile-icon-link.ko-mobile-cart,
  html body > header#ko-mobile-header-root a.ko-mobile-icon-link.ko-mobile-cart:link,
  html body > header#ko-mobile-header-root a.ko-mobile-icon-link.ko-mobile-cart:visited{
    position:relative!important;
    width:34px!important;
    height:34px!important;
    padding:5px!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
    color:#11161b!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  html body > header#ko-mobile-header-root a.ko-mobile-cart svg{
    width:22px!important;
    height:22px!important;
    display:block!important;
    fill:none!important;
    stroke:#11161b!important;
  }
  html body > header#ko-mobile-header-root a.ko-mobile-cart > b{
    position:absolute!important;
    top:-3px!important;
    right:-4px!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:2px solid #fcf9f3!important;
    border-radius:999px!important;
    color:#fff!important;
    background:#31556e!important;
    box-shadow:0 2px 5px rgba(17,22,27,.2)!important;
    font:700 9px/1 Arial,Helvetica,sans-serif!important;
    z-index:3!important;
  }
}

/* Homepage: preserve carousel controller and slide geometry; finish its surrounding system. */
.homepage-main{background:var(--sf-ivory)!important;color:var(--sf-ink)!important}
.homepage-main .collector-carousel{background:#070a0d!important;border-color:#37424a!important}
.homepage-main .collector-carousel__slide,.homepage-main .collector-carousel__viewport{background:linear-gradient(105deg,#070a0d 0%,#0c1115 55%,#11181d 100%)!important}
.homepage-main .collector-hero__content{max-width:760px!important}
.homepage-main .collector-hero__eyebrow{color:#83a9c2!important}
.homepage-main .collector-hero__title,.homepage-main .collector-hero__title span{color:#f8f5ee!important;text-shadow:0 3px 18px rgba(0,0,0,.4)!important}
.homepage-main .collector-hero__copy{color:#d2d8dc!important;text-shadow:none!important}
.homepage-main .collector-hero__button{color:#f7f6f2!important;background:#10161a!important;border-color:#8496a2!important;box-shadow:none!important}
.homepage-main .collector-hero__button--primary{color:#fff!important;background:linear-gradient(135deg,#5e86a2,#365b74)!important;border-color:#8baabd!important}
.homepage-main .collector-hero__statue-launch,.homepage-main .collector-hero__art,.homepage-main .collector-hero__media{display:none!important}
.homepage-main .collector-carousel__footer{border-color:#39444b!important;background:#0d1216!important}
.homepage-main .collector-carousel__dot{border-color:#95a3ad!important}.homepage-main .collector-carousel__dot.is-active{background:#7398b1!important}
.homepage-main .trust-strip{color:var(--sf-ink)!important;background:#f1ede5!important;border-color:#cfcbc4!important}
.homepage-main .trust-item,.homepage-main .trust-item strong,.homepage-main .trust-item span{color:var(--sf-ink)!important}
.homepage-main .brand-mission{min-height:320px!important;padding:46px 24px 56px!important;background:linear-gradient(180deg,#fffdf8,#f3eee5)!important;border:0!important}
.homepage-main .brand-mission h2{color:var(--sf-ink)!important}.homepage-main .brand-mission p{color:#43515b!important}.homepage-main .brand-mission a{color:#fff!important;background:#3e647d!important;border-color:#7290a4!important}

/* Shop All */
.shop-main{background:linear-gradient(180deg,#f8f4ec,#efe9de)!important;color:var(--sf-ink)!important}
.shop-main .shop-shell{width:min(100%,1380px)!important;padding:42px 28px 80px!important}
.shop-main .shop-context,.shop-main .shop-context a,.shop-main .shop-kicker{color:var(--sf-blue-deep)!important}
.shop-main .shop-hero{padding:50px!important;background:linear-gradient(120deg,#fffdf8 0%,#f0ebe2 62%,#dfe7eb 100%)!important;border:1px solid #d2d0ca!important;border-radius:var(--sf-radius)!important;box-shadow:var(--sf-shadow)!important}
.shop-main .shop-title,.shop-main .shop-title span,.shop-main h1,.shop-main h2,.shop-main h3{color:var(--sf-ink)!important;text-shadow:none!important}
.shop-main .shop-intro,.shop-main p{color:#4e5b64!important}
.shop-main .shop-button{color:var(--sf-ink)!important;background:#fff!important;border-color:#aab3b9!important}.shop-main .shop-button.primary{color:#fff!important;background:#456d88!important;border-color:#7191a6!important}
.shop-main .shop-opening,.shop-main .shop-departments,.shop-main .shop-browser,.shop-main .shop-assurance{background:#fffdf8!important;border-color:#d4d2cc!important;box-shadow:0 12px 38px rgba(18,24,28,.07)!important}
.shop-main .shop-departments a{color:#344652!important;border-color:#d5d5d0!important}.shop-main .shop-departments a:hover{color:#fff!important;background:#426984!important}
.shop-main .shop-search{background:#fff!important;border-color:#afb8bd!important}.shop-main .shop-search input{color:var(--sf-ink)!important;background:transparent!important}
.shop-main .shop-product{background:#fff!important;border-color:#d0d4d6!important;border-radius:12px!important;box-shadow:0 14px 34px rgba(17,22,26,.07)!important}
.shop-main .shop-product-visual{background:linear-gradient(145deg,#edf0f1,#dfe5e8)!important;border-color:#cfd5d8!important}
.shop-main .shop-product-monogram,.shop-main .shop-empty{color:#587994!important;border-color:#8097a8!important;background:#eef4f7!important}
.shop-main .shop-favorite{color:#3f5666!important;background:#fff!important;border-color:#aeb8bf!important}.shop-main .shop-favorite[aria-pressed="true"]{color:#fff!important;background:#466d88!important}

/* New Arrivals */
.arrivals{width:min(100%,1320px)!important;max-width:1320px!important;padding:60px 28px 88px!important;color:var(--sf-ink)!important}
body:has(>.arrivals){background:linear-gradient(180deg,#f8f4ec,#eee8dd)!important}
.arrivals .eyebrow,.arrivals .arrival-type{color:var(--sf-blue-deep)!important}
.arrivals h1{color:var(--sf-ink)!important;text-shadow:none!important}.arrivals .intro,.arrivals .arrival-meta,.arrivals .notice{color:#52606a!important}
.arrivals .arrivals-bar{border-color:#c5cbd0!important}.arrivals .arrivals-bar span{color:#34434d!important}.arrivals .arrivals-bar b{color:#557f9b!important}
.arrivals .arrival-grid{gap:22px!important}.arrivals .arrival-card{overflow:hidden!important;min-height:350px!important;background:#fff!important;border:1px solid #cfd4d7!important;border-radius:14px!important;box-shadow:0 16px 36px rgba(17,22,26,.08)!important}
.arrivals .arrival-image{background:linear-gradient(145deg,#eef1f2,#dfe5e8)!important;border-color:#cbd2d6!important}.arrivals .arrival-image::before{color:#486f89!important}.arrivals .arrival-image::after{border-color:rgba(72,111,137,.25)!important}
.arrivals .arrival-title,.arrivals .arrival-status{color:var(--sf-ink)!important}.arrivals .notice{background:#fffdf8!important;border:1px solid #ccd2d5!important;border-radius:12px!important}.arrivals .notice b{color:var(--sf-blue-deep)!important}

/* Collections */
.catalog-main{background:linear-gradient(180deg,#f8f4ec,#eee8dd)!important;color:var(--sf-ink)!important}
.catalog-main .catalog-shell{width:min(100%,1380px)!important;padding:38px 28px 82px!important}
.catalog-main .catalog-utility,.catalog-main .catalog-kicker{color:var(--sf-blue-deep)!important}
.catalog-main .catalog-hero{padding:46px!important;background:linear-gradient(125deg,#fffdf8,#edf1f3)!important;border:1px solid #d1d2cf!important;border-radius:var(--sf-radius)!important;box-shadow:var(--sf-shadow)!important}
.catalog-main .catalog-title,.catalog-main h1,.catalog-main h2,.catalog-main h3{color:var(--sf-ink)!important;text-shadow:none!important}.catalog-main p{color:#4f5e68!important}
.catalog-main .catalog-index,.catalog-main .catalog-tabs,.catalog-main .catalog-notice,.catalog-main .catalog-pathways{background:#fffdf8!important;border-color:#d0d3d4!important;box-shadow:0 12px 32px rgba(17,22,26,.06)!important}
.catalog-main .catalog-tabs a,.catalog-main .catalog-pathway{color:#344752!important;border-color:#d2d5d6!important}.catalog-main .catalog-tabs a:hover,.catalog-main .catalog-pathway:hover{color:#fff!important;background:#456d88!important}
.catalog-main .catalog-card{overflow:hidden!important;background:#fff!important;border-color:#ced3d5!important;border-radius:13px!important;box-shadow:0 14px 34px rgba(17,22,26,.07)!important}.catalog-main .catalog-card::before{display:none!important}.catalog-main .catalog-card h3,.catalog-main .catalog-card strong{color:var(--sf-ink)!important}.catalog-main .catalog-card a{color:var(--sf-blue-deep)!important}

/* Loyalty: sharp, readable, premium; no washed overlay or legacy gold. */
.loyalty-main{background:linear-gradient(180deg,#f7f2e9,#eee8dd)!important;color:var(--sf-ink)!important;filter:none!important;opacity:1!important}
.loyalty-main::before{opacity:.12!important;filter:grayscale(1) contrast(.85)!important}
.loyalty-main .loyalty-shell{position:relative!important;z-index:1!important;width:min(100%,1380px)!important;padding:38px 28px 86px!important;filter:none!important;opacity:1!important}
.loyalty-main .loyalty-context,.loyalty-main .loyalty-eyebrow{color:var(--sf-blue-deep)!important;text-shadow:none!important}
.loyalty-main .loyalty-hero{padding:48px!important;background:rgba(255,253,248,.95)!important;border:1px solid #d1d1cb!important;border-radius:var(--sf-radius)!important;box-shadow:var(--sf-shadow)!important;backdrop-filter:none!important}
.loyalty-main .loyalty-title,.loyalty-main .loyalty-title span,.loyalty-main h1,.loyalty-main h2,.loyalty-main h3{color:var(--sf-ink)!important;text-shadow:none!important;filter:none!important}
.loyalty-main .loyalty-intro,.loyalty-main p{color:#46545e!important;text-shadow:none!important}
.loyalty-main .loyalty-program-card,.loyalty-main .loyalty-section,.loyalty-main .loyalty-tier{background:#fffdf8!important;border-color:#ccd1d4!important;color:var(--sf-ink)!important;box-shadow:0 14px 36px rgba(18,24,29,.08)!important;filter:none!important;opacity:1!important}
.loyalty-main .loyalty-program-card::after,.loyalty-main .loyalty-section::before,.loyalty-main .loyalty-section::after{border-color:#8496a3!important;color:#698599!important;background:transparent!important}
.loyalty-main .loyalty-btn{color:var(--sf-ink)!important;background:#fff!important;border-color:#9faab1!important}.loyalty-main .loyalty-btn.primary{color:#fff!important;background:#456d88!important;border-color:#7191a6!important}
.loyalty-main .loyalty-section-title::before,.loyalty-main .loyalty-section-title::after,.loyalty-main .loyalty-tier::after{background:#cbd1d4!important}

/* Signed-out Account forms. */
body:has(>#signed-out-wrapper){background:linear-gradient(180deg,#f7f2e9,#eee8dd)!important}
#signed-out-wrapper{width:min(100%,960px)!important;margin:0 auto!important;padding:64px 24px 100px!important;color:var(--sf-ink)!important;background:transparent!important}
#signed-out-wrapper h1,#signed-out-wrapper h2,#signed-out-wrapper h3{color:var(--sf-ink)!important;text-shadow:none!important}
#signed-out-wrapper>p,#signed-out-wrapper .subtitle,#signed-out-wrapper label{color:#53616a!important}
#signed-out-wrapper .auth-shell,#signed-out-wrapper .auth-card,#signed-out-wrapper form{background:#fffdf8!important;border-color:#d0d1cc!important;box-shadow:var(--sf-shadow)!important}
#signed-out-wrapper input{color:var(--sf-ink)!important;background:#fff!important;border-color:#aeb6bb!important}
#signed-out-wrapper input:focus{border-color:#557d98!important;box-shadow:0 0 0 3px rgba(83,125,156,.16)!important}
#signed-out-wrapper .tabs,#signed-out-wrapper .tab{background:transparent!important;border-color:#d1d4d5!important;color:#455862!important}
#signed-out-wrapper .tab.active,#signed-out-wrapper form button{color:#fff!important;background:linear-gradient(135deg,#5e86a2,#365b74)!important;border-color:#7797aa!important;box-shadow:none!important}
#signed-out-wrapper .switch-link,#signed-out-wrapper a{color:#315f7c!important}
#signed-out-wrapper .auth-security-config{color:#405865!important;background:#edf4f7!important;border-color:#bfd0da!important}

/* Authenticated Account application — protected final presentation. */
#auth-welcome{width:100%!important;padding:32px 24px 80px!important;background:linear-gradient(180deg,#f6f1e8,#eee8dc)!important;color:var(--sf-ink)!important}
#auth-welcome .ko-account{width:min(100%,1440px)!important;max-width:1440px!important;min-height:900px!important;margin:0 auto!important;display:grid!important;grid-template-columns:244px minmax(0,1fr)!important;background:#f8f5ee!important;border:1px solid #cfd1cf!important;border-radius:18px!important;box-shadow:0 28px 80px rgba(18,23,27,.15)!important;overflow:hidden!important}
#auth-welcome .ko-sidebar{position:relative!important;z-index:1!important;padding:28px 18px!important;color:#ecf0f2!important;background:linear-gradient(180deg,#11171b,#080c0f)!important;border-right:1px solid #354047!important;box-shadow:none!important}
#auth-welcome .ko-sidebar::before,#auth-welcome .ko-sidebar::after{display:none!important}
#auth-welcome .ko-sidebar-brand{min-height:86px!important;padding:0 6px 22px!important;margin:0 0 22px!important;border-bottom:1px solid #354047!important;background:transparent!important}
#auth-welcome .ko-brand-badge,#auth-welcome .ko-brand-mark{color:#dbe5ea!important;background:#171f24!important;border-color:#54636d!important;box-shadow:none!important}
#auth-welcome .ko-brand-copy strong,#auth-welcome .ko-brand-copy span{color:#f2f4f5!important;text-shadow:none!important}
#auth-welcome .ko-nav{display:grid!important;gap:5px!important}
#auth-welcome .ko-nav-item{display:flex!important;align-items:center!important;gap:12px!important;min-height:46px!important;padding:0 13px!important;color:#b8c5cc!important;background:transparent!important;border:1px solid transparent!important;border-radius:9px!important;text-decoration:none!important;box-shadow:none!important}
#auth-welcome .ko-nav-item:hover,#auth-welcome .ko-nav-item.active,#auth-welcome .ko-nav-item[aria-current="page"]{color:#fff!important;background:#24343f!important;border-color:#526a79!important;box-shadow:inset 3px 0 0 #82a7bf!important}
#auth-welcome .ko-nav-item svg,#auth-welcome .ko-nav-item i{color:#9eb8c8!important}
#auth-welcome .ko-signout{width:100%!important;min-height:45px!important;margin-top:26px!important;color:#eff2f3!important;background:#171e23!important;border:1px solid #4b5962!important;border-radius:9px!important}
#auth-welcome .ko-main{min-width:0!important;padding:0 28px 44px!important;background:linear-gradient(180deg,#fbf9f4,#f2ede4)!important;color:var(--sf-ink)!important}
#auth-welcome .ko-main-top{min-height:58px!important;margin:0 -28px 22px!important;padding:0 28px!important;background:#fffdf8!important;border-bottom:1px solid #d4d3cf!important;color:var(--sf-ink)!important}
#auth-welcome .ko-account-context,#auth-welcome .ko-account-context-label,#auth-welcome .ko-account-context-section,#auth-welcome .ko-account-status{color:#465b68!important;text-shadow:none!important}
#auth-welcome .ko-account-context-divider{color:#9aa4aa!important}
#auth-welcome .ko-account-status::before{background:#6e91a8!important;box-shadow:0 0 0 4px rgba(110,145,168,.13)!important;clip-path:none!important;border-radius:50%!important;width:7px!important;height:7px!important}
#auth-welcome .ko-overview,#auth-welcome .collection-view,#auth-welcome .account-system-view{color:var(--sf-ink)!important;background:transparent!important}
#auth-welcome .ko-identity-status{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)!important;gap:22px!important;background:transparent!important;border:0!important}
#auth-welcome .ko-collector-identity{padding:28px!important;background:#fffdf8!important;border:1px solid #d1d4d4!important;border-radius:14px!important;box-shadow:0 12px 32px rgba(18,23,27,.07)!important}
#auth-welcome .ko-avatar,#auth-welcome .ko-avatar-wrap{border-color:#8296a2!important;background:radial-gradient(circle,#e8edf0,#cfd8dd)!important;box-shadow:inset 0 0 0 5px #fff,0 10px 28px rgba(30,47,58,.12)!important}
#auth-welcome .ko-avatar::before,#auth-welcome .ko-avatar-wrap::before{border-color:#b6c2c9!important;box-shadow:none!important}
#auth-welcome .ko-edit-photo,#auth-welcome .ko-avatar-edit,#auth-welcome button.primary{color:#fff!important;background:linear-gradient(135deg,#5e86a2,#365b74)!important;border-color:#7898ad!important;box-shadow:none!important}
#auth-welcome .ko-greeting-kicker,#auth-welcome .ko-collector-since,#auth-welcome .ko-account-secure{color:#55768b!important;text-shadow:none!important}
#auth-welcome .ko-greeting-name,#auth-welcome .ko-collector-name,#auth-welcome .ko-collector-email,#auth-welcome .ko-quote{color:var(--sf-ink)!important;text-shadow:none!important}
#auth-welcome .ko-status-hero{padding:30px!important;color:#f2f5f6!important;background:linear-gradient(145deg,#202a31,#11171b)!important;border:1px solid #45545e!important;border-radius:14px!important;box-shadow:0 16px 36px rgba(13,18,22,.18)!important}
#auth-welcome .ko-status-hero::before,#auth-welcome .ko-status-hero::after{display:none!important}
#auth-welcome .ko-status-hero *{color:inherit!important;text-shadow:none!important}
#auth-welcome .ko-status-hero .ko-status-score,#auth-welcome .ko-status-hero .ko-status-points{color:#c8dae5!important}
#auth-welcome .ko-tiers-section,#auth-welcome .ko-benefits-section,#auth-welcome .ko-collection-shell{margin-top:22px!important;padding:26px!important;background:#fffdf8!important;border:1px solid #d1d4d4!important;border-radius:14px!important;box-shadow:0 12px 32px rgba(18,23,27,.06)!important;color:var(--sf-ink)!important}
#auth-welcome .ko-tiers-section h2,#auth-welcome .ko-benefits-section h2,#auth-welcome .ko-collection-shell h2,#auth-welcome .ko-section-title{color:var(--sf-ink)!important;text-shadow:none!important}
#auth-welcome .ko-rank-grid{gap:12px!important;background:transparent!important}
#auth-welcome .ko-rank-item{padding:14px 10px!important;background:#f0f3f4!important;border:1px solid #d2d8db!important;border-radius:10px!important;box-shadow:none!important}
#auth-welcome .ko-rank-item *{color:#25333c!important;text-shadow:none!important}
#auth-welcome .ko-rank-item img{filter:drop-shadow(0 9px 8px rgba(17,23,28,.18))!important}
#auth-welcome .ko-tier-progress{padding:18px!important;background:#e9edef!important;border:1px solid #ccd3d7!important;border-radius:11px!important}
#auth-welcome .ko-tier-progress .dot,#auth-welcome .ko-tier-progress [class*="dot"]{color:#506b7c!important;background:#fff!important;border-color:#718998!important;box-shadow:none!important}
#auth-welcome .ko-tier-progress .done,#auth-welcome .ko-tier-progress .current{color:#fff!important;background:#507792!important;border-color:#84a6bb!important}
#auth-welcome .ko-benefits-grid-new{gap:12px!important}
#auth-welcome .ko-benefit-card,#auth-welcome .ko-benefit{color:#344651!important;background:#f5f6f4!important;border:1px solid #d1d5d6!important;border-radius:10px!important;box-shadow:none!important}
#auth-welcome .ko-benefit-icon{color:#557c96!important;background:#e8eff3!important;border-color:#aebfc9!important;box-shadow:none!important}
#auth-welcome .ko-benefit-card.locked,#auth-welcome .ko-benefit.locked{opacity:.68!important}

/* My Collection and its shelf system. */
#auth-welcome #collection-view{padding:0!important;color:var(--sf-ink)!important;background:transparent!important}
#auth-welcome .ko-collection-hero,#auth-welcome .ko-collection-featured,#auth-welcome .ko-collection-panel,#auth-welcome .ko-collection-stats,#auth-welcome .ko-collection-toolbar,#auth-welcome .ko-collection-empty,#auth-welcome .ko-shelf-card,#auth-welcome .ko-collection-card{color:var(--sf-ink)!important;background:#fffdf8!important;border-color:#d0d5d7!important;box-shadow:0 10px 28px rgba(18,23,27,.06)!important}
#auth-welcome .ko-collection-hero h1,#auth-welcome .ko-collection-hero h2,#auth-welcome .ko-collection-featured h2,#auth-welcome .ko-collection-card h3{color:var(--sf-ink)!important;text-shadow:none!important}
#auth-welcome .ko-collection-hero p,#auth-welcome .ko-collection-card p,#auth-welcome .ko-collection-empty p{color:#58656e!important}
#auth-welcome .ko-collection-filter,#auth-welcome .ko-collection-search,#auth-welcome .ko-collection-input{color:var(--sf-ink)!important;background:#fff!important;border-color:#aeb8be!important}
#auth-welcome .ko-collection-filter.active{color:#fff!important;background:#496f88!important;border-color:#7998ab!important}

/* Dynamic Account destinations rendered by account-system.js. */
#auth-welcome .account-system-view{padding:0!important;color:var(--sf-ink)!important}
#auth-welcome .as-page-head{margin:0 0 20px!important;padding:0 0 18px!important;border-color:#cfd4d6!important}
#auth-welcome .as-page-head h1,#auth-welcome .as-page-head h2,#auth-welcome .as-page-head h3{color:var(--sf-ink)!important;text-shadow:none!important}
#auth-welcome .as-page-head p{color:#5a6871!important}
#auth-welcome .as-panel,#auth-welcome .as-stat,#auth-welcome .as-list,#auth-welcome .as-list-row,#auth-welcome .as-product-card,#auth-welcome .as-address-card,#auth-welcome .as-security-card,#auth-welcome .as-pref-group,#auth-welcome .as-support-category,#auth-welcome .as-faq,#auth-welcome .as-empty,#auth-welcome .as-note{color:var(--sf-ink)!important;background:#fffdf8!important;border-color:#d0d5d7!important;box-shadow:0 9px 26px rgba(18,23,27,.055)!important}
#auth-welcome .as-panel h2,#auth-welcome .as-panel h3,#auth-welcome .as-list-row strong,#auth-welcome .as-product-card strong,#auth-welcome .as-address-card strong,#auth-welcome .as-security-card strong,#auth-welcome .as-pref-group strong,#auth-welcome .as-support-category strong,#auth-welcome .as-faq strong{color:var(--sf-ink)!important;text-shadow:none!important}
#auth-welcome .as-panel p,#auth-welcome .as-list-row span,#auth-welcome .as-product-card span,#auth-welcome .as-address-card span,#auth-welcome .as-security-card span,#auth-welcome .as-note{color:#596770!important}
#auth-welcome .as-btn{color:#334650!important;background:#fff!important;border-color:#9eabb2!important;box-shadow:none!important}
#auth-welcome .as-btn.primary,#auth-welcome .as-btn[data-primary="true"]{color:#fff!important;background:#456d88!important;border-color:#7392a6!important}
#auth-welcome .as-toolbar,#auth-welcome .as-filter-bar{background:#eef1f2!important;border-color:#cbd2d5!important}
#auth-welcome .as-search-wrap,#auth-welcome .as-field input,#auth-welcome .as-field select,#auth-welcome .as-field textarea{color:var(--sf-ink)!important;background:#fff!important;border-color:#aeb7bc!important}
#auth-welcome .as-field>span,#auth-welcome .as-search-wrap svg,#auth-welcome .as-stat em{color:#55768b!important}
#auth-welcome .as-status.gold,#auth-welcome .as-status.active,#auth-welcome .as-badge{color:#31566e!important;background:#e5eef3!important;border-color:#afc4d0!important}
#auth-welcome .as-address-card.default{box-shadow:inset 4px 0 0 #5c8199,0 9px 26px rgba(18,23,27,.055)!important}
#auth-welcome .as-modal{background:rgba(9,13,16,.72)!important}
#auth-welcome .as-dialog,#auth-welcome .ko-avatar-editor{color:var(--sf-ink)!important;background:#fffdf8!important;border-color:#cbd1d4!important;box-shadow:0 28px 80px rgba(0,0,0,.25)!important}
#auth-welcome .as-dialog-head,#auth-welcome .as-dialog-actions,#auth-welcome .ko-avatar-editor-head,#auth-welcome .ko-avatar-editor-actions{background:#f0ede6!important;border-color:#d0d2d1!important}
#auth-welcome .as-toast{color:#fff!important;background:#23313a!important;border-color:#5c7180!important}

/* Commerce stays account-consistent while provider-controlled fields remain untouched. */
body:has(>.cart-shell),body:has(>.cart-container),body:has(>main.cart-page),body:has(>.entry-shell),body:has(>.checkout-shell){background:linear-gradient(180deg,#f8f4ec,#eee8dd)!important}
.checkout-summary .checkout-button,.summary .secure-checkout,.order-summary .secure-checkout,.checkout-btn{color:#fff!important;background:#426d89!important;border-color:#82a4b9!important;text-shadow:none!important}

/* Keyboard clarity. */
body :focus-visible{outline:2px solid #4f7893!important;outline-offset:3px!important}

@media(max-width:1100px){
  body>.ko-new-header .ko-new-top-bar{grid-template-columns:minmax(250px,310px) minmax(320px,1fr) minmax(215px,240px)!important;gap:18px!important;padding-inline:18px!important}
  body>.ko-new-header .ko-brand-image--mark{width:50px!important;flex-basis:50px!important}
  body>.ko-new-header .ko-brand-image--wordmark{width:min(100%,250px)!important}
  body>.ko-new-header .ko-new-actions{gap:14px!important}
  #auth-welcome .ko-account{grid-template-columns:210px minmax(0,1fr)!important}
  #auth-welcome .ko-main{padding-inline:20px!important}
  #auth-welcome .ko-main-top{margin-inline:-20px!important;padding-inline:20px!important}
}

@media(max-width:900px){
  body>.ko-new-header{display:none!important}
  body>.ko-mobile-header{display:block!important}
  #auth-welcome{padding:20px 12px 60px!important}
  #auth-welcome .ko-account{display:block!important;min-height:0!important;border-radius:13px!important}
  #auth-welcome .ko-sidebar{display:none!important}
  #auth-welcome .ko-main{padding:0 16px 32px!important}
  #auth-welcome .ko-main-top{margin:0 -16px 18px!important;padding:0 16px!important}
  #auth-welcome .ko-identity-status{grid-template-columns:1fr!important}
  #auth-welcome .ko-rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .shop-main .shop-hero,.catalog-main .catalog-hero,.loyalty-main .loyalty-hero{padding:34px!important}
}

@media(max-width:600px){
  body>.ko-mobile-header .ko-mobile-main-row{min-height:66px!important}
  body>.ko-mobile-header .ko-brand-image--mark{width:32px!important;height:27px!important;flex-basis:32px!important}
  body>.ko-mobile-header .ko-brand-image--wordmark{width:136px!important;height:40px!important}
  .homepage-main .collector-hero__content{max-width:100%!important;padding-inline:22px!important}
  .homepage-main .brand-mission{min-height:0!important;padding:40px 20px 48px!important}
  .shop-main .shop-shell,.catalog-main .catalog-shell,.loyalty-main .loyalty-shell{padding:24px 15px 58px!important}
  .shop-main .shop-hero,.catalog-main .catalog-hero,.loyalty-main .loyalty-hero{padding:24px 19px!important;border-radius:12px!important}
  .arrivals{padding:38px 16px 58px!important}
  #auth-welcome{padding:12px 8px 48px!important}
  #auth-welcome .ko-account{border-radius:10px!important}
  #auth-welcome .ko-main{padding:0 12px 24px!important}
  #auth-welcome .ko-main-top{margin:0 -12px 16px!important;padding:0 12px!important}
  #auth-welcome .ko-collector-identity,#auth-welcome .ko-status-hero,#auth-welcome .ko-tiers-section,#auth-welcome .ko-benefits-section,#auth-welcome .ko-collection-shell{padding:18px!important;border-radius:10px!important}
  #auth-welcome .ko-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #auth-welcome .ko-benefits-grid-new{grid-template-columns:1fr!important}
  #auth-welcome .as-grid,#auth-welcome .as-stat-grid,#auth-welcome .as-product-grid{grid-template-columns:1fr!important}
}

/* Final commerce presentation — same ivory paper and graphite anchor system. */
body:has(>.brandbar),body:has(>.entry-brand){background:linear-gradient(180deg,#f8f4ec,#eee8dd)!important;color:var(--sf-ink)!important}
.brandbar,.entry-brand{min-height:92px!important;padding:12px 28px!important;background:#fffaf1!important;border-bottom:1px solid #d4d1ca!important;box-shadow:0 8px 25px rgba(17,22,26,.08)!important}
.brandbar .ko-commerce-brand,.entry-brand .ko-commerce-brand{display:flex!important;align-items:center!important;gap:16px!important;max-width:360px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.brandbar .ko-brand-image,.entry-brand .ko-brand-image{object-fit:contain!important;filter:none!important;transform:none!important;background:transparent!important}
.brandbar .return,.entry-brand .return{color:#315f7c!important}
.shell{width:min(100%,1440px)!important;margin:0 auto!important;padding:34px 24px 80px!important;color:var(--sf-ink)!important}
.shell>.head{margin:0 0 20px!important;color:var(--sf-ink)!important;background:transparent!important;border:0!important}
.shell>.head h1,.shell>.head h2{color:var(--sf-ink)!important;text-shadow:none!important}
.shell>.head p,.shell>.test{color:#52616b!important}
.steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0 0 20px!important;padding:8px!important;background:#e6e8e6!important;border:1px solid #cdd1d1!important;border-radius:12px!important}
.step-tab{min-height:52px!important;color:#51616b!important;background:transparent!important;border:1px solid transparent!important;border-radius:8px!important;box-shadow:none!important}
.step-tab.active{color:#fff!important;background:#26353f!important;border-color:#637985!important}
.shell>.grid{display:grid!important;grid-template-columns:minmax(0,1fr) 390px!important;gap:24px!important;align-items:start!important}
.shell .card{padding:28px!important;color:var(--sf-ink)!important;background:#fffdf8!important;border:1px solid #d0d3d2!important;border-radius:14px!important;box-shadow:0 18px 45px rgba(17,23,27,.1)!important}
.shell .card h2,.shell .card h3,.shell .panel h2,.shell .panel h3{color:var(--sf-ink)!important;text-shadow:none!important}
.shell .intro,.shell .panel p{color:#52616a!important}
.shell .field label,.shell .check{color:#354650!important}
.shell .field input,.shell .field select,.shell .promo-row input{height:48px!important;color:var(--sf-ink)!important;background:#fff!important;border:1px solid #aeb7bc!important;border-radius:8px!important;box-shadow:inset 0 1px 0 #fff!important}
.shell .field input,.shell .field select,.shell .promo-row input{-webkit-text-fill-color:var(--sf-ink)!important;caret-color:var(--sf-ink)!important}
.shell .field input:-webkit-autofill,.shell .field input:-webkit-autofill:hover,.shell .field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--sf-ink)!important;box-shadow:0 0 0 1000px #fff inset!important;transition:background-color 9999s ease-out 0s!important}
.shell .field input:focus,.shell .field select:focus,.shell .promo-row input:focus{outline:0!important;border-color:#557d98!important;box-shadow:0 0 0 3px rgba(83,125,156,.15)!important}
.shell .action{min-height:54px!important;color:#fff!important;background:linear-gradient(135deg,#5e86a2,#365b74)!important;border:1px solid #7898ad!important;border-radius:8px!important;text-shadow:none!important;box-shadow:none!important}
.shell .return,.shell .back{color:#315f7c!important}
.shipping-choice,.billing-fields,.express,.consents{color:var(--sf-ink)!important;background:#f2f3f1!important;border-color:#d0d5d6!important;border-radius:10px!important}
.shell .shipping-choice,.shell .shipping-choice *{color:#1d2b34!important;text-shadow:none!important}
.shell .shipping-choice strong,.shell .shipping-choice b{color:#0f1a21!important}
.divider{color:#65727a!important}.divider::before,.divider::after{background:#d1d5d6!important}
#payment-element,#express-checkout-element,#shop-pay-button-container{position:relative!important;z-index:1!important}
.shell .summary{position:sticky!important;top:20px!important;overflow:hidden!important;padding:0!important;color:var(--sf-ink)!important;background:#fffdf8!important;border:1px solid #cdd2d3!important;border-radius:14px!important;box-shadow:0 20px 48px rgba(15,20,24,.12)!important}
.shell .summary>h2,.shell .summary h2{margin:0!important;padding:24px!important;color:var(--sf-ink)!important;background:#f3f1eb!important;border-bottom:1px solid #d1d4d4!important;text-shadow:none!important}
.shell .summary .item,.shell .summary .promo,.shell .summary .rewards,.shell .summary .totals,.shell .summary .secure{padding:20px 24px!important;border-color:#d4d7d7!important;background:transparent!important;color:#263640!important}
.shell .summary .item strong,.shell .summary .sumline.total,.shell .summary .sumline.total *{color:#182329!important}
.shell .summary .item span,.shell .summary .promo-note,.shell .summary .reward-line,.shell .summary .sumline,.shell .summary .earn,.shell .summary .secure{color:#56646d!important}
.shell .summary .item img{border:1px solid #aeb8bd!important;border-radius:8px!important}
.shell .summary .promo-row input{color:var(--sf-ink)!important;background:#fff!important;border-color:#aeb7bc!important}
.shell .summary .promo-row button{color:#fff!important;background:#426d89!important;border:1px solid #7898ad!important;border-radius:7px!important}
.shell .summary #coupon-info{color:#315f7c!important;background:#edf3f6!important;border-color:#b8c9d2!important}
.shell .summary .sumline.total{padding-top:18px!important;border-top:1px solid #cbd1d3!important;font-size:20px!important}
.shell .summary .secure{background:#f0f2f1!important;border-top:1px solid #d4d7d7!important}

/* Authoritative Account Overview layer. It intentionally outranks the legacy
   account stylesheet without changing any account routes or controller hooks. */
html body #auth-welcome .ko-overview .ko-tiers-section,
html body #auth-welcome .ko-overview .ko-benefits-section{color:var(--sf-ink)!important;background:#fffdf8!important;background-image:none!important;border:1px solid #d1d4d4!important;box-shadow:0 12px 32px rgba(18,23,27,.06)!important}
html body #auth-welcome .ko-overview .ko-tiers-section::before,
html body #auth-welcome .ko-overview .ko-tiers-section::after,
html body #auth-welcome .ko-overview .ko-benefits-section::before,
html body #auth-welcome .ko-overview .ko-benefits-section::after{background:none!important;box-shadow:none!important}
html body #auth-welcome .ko-overview .ko-section-title,
html body #auth-welcome .ko-overview .ko-section-title span,
html body #auth-welcome .ko-overview .ko-tier-name,
html body #auth-welcome .ko-overview .ko-tier-number,
html body #auth-welcome .ko-overview .ko-progress-label,
html body #auth-welcome .ko-overview .ko-progress-meta,
html body #auth-welcome .ko-overview .ko-benefit-name,
html body #auth-welcome .ko-overview .ko-benefit-state{color:var(--sf-ink)!important;text-shadow:none!important}
html body #auth-welcome .ko-overview .ko-rank-grid,
html body #auth-welcome .ko-overview .ko-benefits-grid-new{background:transparent!important;background-image:none!important}
html body #auth-welcome .ko-overview .ko-rank-item{color:#263640!important;background:#f0f3f4!important;background-image:none!important;border:1px solid #d2d8db!important;box-shadow:none!important}
html body #auth-welcome .ko-overview .ko-tier-progress{color:#263640!important;background:#e9edef!important;background-image:none!important;border:1px solid #ccd3d7!important;box-shadow:none!important}
html body #auth-welcome .ko-overview .ko-tier-line,
html body #auth-welcome .ko-overview .ko-progress-track{background:#c9d1d5!important;border-color:#b8c3c8!important;box-shadow:none!important}
html body #auth-welcome .ko-overview .ko-tier-fill,
html body #auth-welcome .ko-overview .ko-progress-fill{background:#507792!important;box-shadow:none!important}
html body #auth-welcome .ko-overview .ko-benefit-card,
html body #auth-welcome .ko-overview .ko-benefit{color:#344651!important;background:#f5f6f4!important;background-image:none!important;border:1px solid #d1d5d6!important;box-shadow:none!important}
html body #auth-welcome #collection-view,
html body #auth-welcome .account-system-view{color:var(--sf-ink)!important;background:transparent!important;background-image:none!important;text-shadow:none!important}

/* Account identity readability. The legacy overview was designed for a much
   wider dark canvas; stack the two overview cards before its text is squeezed. */
html body #auth-welcome .ko-collector-identity{grid-template-columns:174px minmax(240px,1fr)!important;gap:26px!important;align-items:center!important}
html body #auth-welcome .ko-welcome-block{min-width:0!important;width:auto!important}
html body #auth-welcome .ko-welcome-block .ko-greeting-name{max-width:none!important;color:var(--sf-ink)!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1!important;text-shadow:none!important}
html body #auth-welcome .ko-welcome-block .ko-greeting-email{color:#475862!important;overflow-wrap:anywhere!important}
html body #auth-welcome .ko-welcome-block .ko-greeting-sub,
html body #auth-welcome .ko-collector-quote,
html body #auth-welcome .ko-collector-quote cite,
html body #auth-welcome .ko-identity-secure{color:#455d6c!important;text-shadow:none!important}
@media(max-width:1350px){
  html body #auth-welcome .ko-identity-status{grid-template-columns:1fr!important;gap:20px!important}
  html body #auth-welcome .ko-collector-identity{width:100%!important;max-width:none!important}
  html body #auth-welcome .ko-status-hero{width:100%!important}
}
@media(max-width:620px){
  html body #auth-welcome .ko-collector-identity{grid-template-columns:1fr!important;text-align:center!important}
  html body #auth-welcome .ko-identity-secure{justify-content:center!important}
}
.entry-shell{width:min(100%,1180px)!important;margin:0 auto!important;padding:52px 24px 90px!important;color:var(--sf-ink)!important}
.entry-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
.entry-panel{padding:34px!important;color:var(--sf-ink)!important;background:#fffdf8!important;border:1px solid #d0d3d2!important;border-radius:14px!important;box-shadow:0 18px 46px rgba(17,23,27,.09)!important}
.entry-panel h1,.entry-panel h2,.entry-panel h3{color:var(--sf-ink)!important;text-shadow:none!important}.entry-copy,.entry-panel p,.guest-note{color:#52616a!important}
.entry-panel input{height:48px!important;color:var(--sf-ink)!important;background:#fff!important;border:1px solid #aeb7bc!important;border-radius:8px!important}
.entry-button{min-height:52px!important;color:#fff!important;background:#456d88!important;border:1px solid #7695a8!important;border-radius:8px!important}.entry-button.dark{background:#25343e!important}
.google-button{color:var(--sf-ink)!important;background:#fff!important;border-color:#aeb7bc!important}.entry-or{color:#68747b!important}.entry-or::before,.entry-or::after{background:#d0d4d5!important}
.cart-shell .checkout-btn{color:#fff!important;background:linear-gradient(135deg,#668da7,#3e6680)!important;border:1px solid #9ab4c5!important;text-shadow:none!important;box-shadow:0 8px 20px rgba(35,64,82,.2)!important}
.cart-shell .checkout-btn:hover,.cart-shell .checkout-btn:focus-visible{color:#fff!important;background:#315a75!important;border-color:#c1d5e1!important}
@media(max-width:900px){.shell>.grid{grid-template-columns:1fr!important}.shell .summary{position:relative!important;top:auto!important}.entry-grid{grid-template-columns:1fr!important}}
@media(max-width:600px){.brandbar,.entry-brand{min-height:72px!important;padding:9px 14px!important}.shell{padding:22px 12px 56px!important}.shell .card{padding:20px 15px!important}.shell .summary>h2,.shell .summary h2,.shell .summary .item,.shell .summary .promo,.shell .summary .rewards,.shell .summary .totals,.shell .summary .secure{padding-left:17px!important;padding-right:17px!important}.steps{gap:5px!important}.step-tab{min-height:46px!important;font-size:10px!important}.entry-shell{padding:32px 14px 60px!important}.entry-panel{padding:22px 18px!important}}

/* One shared primary blue across the complete cart and checkout journey. */
:root{
  --ko-commerce-primary:#517893;
  --ko-commerce-primary-hover:#436983;
}
.shop-add-cart,
.ko-cart-action--primary,
.cart-shell .checkout-btn,
.entry-button:not(.dark),
.shell .action,
.saved-actions button:first-child,
.saved-row button{
  border-color:var(--ko-commerce-primary)!important;
  background-color:var(--ko-commerce-primary)!important;
  background-image:none!important;
  color:#fff!important;
}
.shop-add-cart:hover,
.shop-add-cart:focus-visible,
.ko-cart-action--primary:hover,
.ko-cart-action--primary:focus-visible,
.cart-shell .checkout-btn:hover,
.cart-shell .checkout-btn:focus-visible,
.entry-button:not(.dark):hover,
.entry-button:not(.dark):focus-visible,
.shell .action:hover,
.shell .action:focus-visible,
.saved-actions button:first-child:hover,
.saved-actions button:first-child:focus-visible,
.saved-row button:hover,
.saved-row button:focus-visible{
  border-color:var(--ko-commerce-primary-hover)!important;
  background-color:var(--ko-commerce-primary-hover)!important;
  background-image:none!important;
  color:#fff!important;
}

/* 2026-08-19 production incident repair.
   This is intentionally last in the cascade. It repairs contrast and layout
   only; account, collection, authentication and checkout hooks are unchanged. */

/* Keep the shared More control in the same row and baseline as every link. */
html body>.ko-new-header .ko-new-nav-inner{align-items:center!important}
html body>.ko-new-header .ko-new-nav-inner>.nav-dropdown{
  position:relative!important;top:auto!important;bottom:auto!important;
  display:flex!important;align-self:center!important;align-items:center!important;
  height:48px!important;min-height:48px!important;margin:0!important;padding:0!important;
  transform:none!important;vertical-align:middle!important
}
html body>.ko-new-header .ko-new-nav-inner>.nav-dropdown>.dropdown-toggle{
  position:relative!important;top:auto!important;bottom:auto!important;
  display:inline-flex!important;align-self:center!important;align-items:center!important;justify-content:center!important;
  height:48px!important;min-height:48px!important;margin:0!important;padding:0 17px!important;
  line-height:1!important;transform:none!important;white-space:nowrap!important
}

/* Account shell: one readable ivory system across every signed-in destination. */
html body #auth-welcome .ko-main,
html body #auth-welcome .account-system-view,
html body #auth-welcome #collection-view{color:#0f1a21!important;background:#f8f4ec!important;background-image:none!important;text-shadow:none!important}
html body #auth-welcome .account-system-view *,
html body #auth-welcome #collection-view *{text-shadow:none!important}
html body #auth-welcome .account-system-view h1,
html body #auth-welcome .account-system-view h2,
html body #auth-welcome .account-system-view h3,
html body #auth-welcome .account-system-view h4,
html body #auth-welcome .account-system-view strong,
html body #auth-welcome .account-system-view b,
html body #auth-welcome #collection-view h1,
html body #auth-welcome #collection-view h2,
html body #auth-welcome #collection-view h3,
html body #auth-welcome #collection-view h4,
html body #auth-welcome #collection-view strong,
html body #auth-welcome #collection-view b{color:#0f1a21!important}
html body #auth-welcome .account-system-view p,
html body #auth-welcome .account-system-view small,
html body #auth-welcome .account-system-view address,
html body #auth-welcome .account-system-view li,
html body #auth-welcome #collection-view p,
html body #auth-welcome #collection-view small,
html body #auth-welcome #collection-view address,
html body #auth-welcome #collection-view li{color:#43545f!important}
html body #auth-welcome .as-kicker,
html body #auth-welcome .as-field>span,
html body #auth-welcome .as-stat>span,
html body #auth-welcome .as-product-type,
html body #auth-welcome .as-balance-cell>span,
html body #auth-welcome .ko-collection-kicker,
html body #auth-welcome .ko-collection-stat>span,
html body #auth-welcome .ko-collection-section-title{color:#315f7c!important}

html body #auth-welcome .as-page-head,
html body #auth-welcome .as-stat,
html body #auth-welcome .as-panel,
html body #auth-welcome .as-empty,
html body #auth-welcome .as-note,
html body #auth-welcome .as-demo-banner,
html body #auth-welcome .as-toolbar,
html body #auth-welcome .as-list,
html body #auth-welcome .as-list-row,
html body #auth-welcome .as-order-card,
html body #auth-welcome .as-order-summary,
html body #auth-welcome .as-order-details,
html body #auth-welcome .as-vault-hero,
html body #auth-welcome .as-vault-item,
html body #auth-welcome .as-money-cell,
html body #auth-welcome .as-product-card,
html body #auth-welcome .as-balance-hero,
html body #auth-welcome .as-balance-cell,
html body #auth-welcome .as-address-card,
html body #auth-welcome .as-security-card,
html body #auth-welcome .as-security-list,
html body #auth-welcome .as-security-row,
html body #auth-welcome .as-pref-group,
html body #auth-welcome .as-pref-group-head,
html body #auth-welcome .as-pref-row,
html body #auth-welcome .as-support-category,
html body #auth-welcome .as-faq,
html body #auth-welcome .as-faq-button,
html body #auth-welcome .as-faq-answer,
html body #auth-welcome .as-contact-aside,
html body #auth-welcome .as-dialog{
  color:#263640!important;background:#fffdf8!important;background-image:none!important;
  border-color:#cbd2d5!important;box-shadow:none!important
}
html body #auth-welcome .as-page-head{border-bottom:1px solid #cbd2d5!important}
html body #auth-welcome .as-vault-hero,
html body #auth-welcome .as-balance-hero{background:#eef1f1!important}
html body #auth-welcome .as-security-list{gap:1px!important;background:#cbd2d5!important}
html body #auth-welcome .as-security-row{border-color:#cbd2d5!important}
html body #auth-welcome .as-pref-group-head{background:#eef1f1!important}
html body #auth-welcome .as-empty h2,
html body #auth-welcome .as-empty h3,
html body #auth-welcome .as-empty p,
html body #auth-welcome .as-faq-button,
html body #auth-welcome .as-security-row,
html body #auth-welcome .as-security-row *{color:#17242c!important}
html body #auth-welcome .as-empty-mark{color:#315f7c!important;border-color:#315f7c!important;background:#fff!important}
html body #auth-welcome .account-system-view input,
html body #auth-welcome .account-system-view select,
html body #auth-welcome .account-system-view textarea,
html body #auth-welcome #collection-view input,
html body #auth-welcome #collection-view select,
html body #auth-welcome #collection-view textarea{
  color:#0f1a21!important;-webkit-text-fill-color:#0f1a21!important;
  background:#fff!important;border-color:#aeb8bd!important;box-shadow:none!important
}
html body #auth-welcome .account-system-view input::placeholder,
html body #auth-welcome .account-system-view textarea::placeholder,
html body #auth-welcome #collection-view input::placeholder,
html body #auth-welcome #collection-view textarea::placeholder{color:#6b777e!important;opacity:1!important}
html body #auth-welcome .as-btn.primary,
html body #auth-welcome .account-system-view button[type=submit],
html body #auth-welcome #collection-view .ko-collection-action-primary{
  color:#fff!important;background:#456d88!important;border-color:#7898ad!important
}
html body #auth-welcome .as-btn:not(.primary),
html body #auth-welcome .as-toolbar button,
html body #auth-welcome .as-filter,
html body #auth-welcome #collection-view button{
  color:#173246!important;border-color:#9eb0ba!important
}
html body #auth-welcome .as-filter.active,
html body #auth-welcome .as-toolbar button.active,
html body #auth-welcome #collection-view button.active{
  color:#fff!important;background:#456d88!important;border-color:#456d88!important
}

/* My Collection: remove the remaining legacy obsidian/gold cards. */
html body #auth-welcome #collection-view .ko-collection-hero,
html body #auth-welcome #collection-view .ko-collection-feature,
html body #auth-welcome #collection-view .ko-collection-summary,
html body #auth-welcome #collection-view .ko-collection-stat,
html body #auth-welcome #collection-view .ko-collection-toolbar,
html body #auth-welcome #collection-view .ko-collection-empty,
html body #auth-welcome #collection-view .ko-collection-item,
html body #auth-welcome #collection-view .ko-shelf-card,
html body #auth-welcome #collection-view .ko-collection-modal-dialog{
  color:#263640!important;background:#fffdf8!important;background-image:none!important;
  border-color:#cbd2d5!important;box-shadow:none!important
}
html body #auth-welcome #collection-view .ko-collection-feature-media,
html body #auth-welcome #collection-view .ko-shelf-card-media{background:#eef1f1!important;border-color:#cbd2d5!important}
html body #auth-welcome #collection-view .ko-collection-feature::before,
html body #auth-welcome #collection-view .ko-collection-feature::after,
html body #auth-welcome #collection-view .ko-shelf-card::before,
html body #auth-welcome #collection-view .ko-shelf-card::after{background:none!important;box-shadow:none!important}

/* Overview: give the identity and status cards enough room at every desktop size. */
html body #auth-welcome .ko-identity-status{grid-template-columns:1fr!important;gap:20px!important}
html body #auth-welcome .ko-collector-identity,
html body #auth-welcome .ko-status-hero{width:100%!important;max-width:none!important}
html body #auth-welcome .ko-collector-identity{grid-template-columns:210px minmax(0,1fr)!important;gap:34px!important;padding:28px!important}
html body #auth-welcome .ko-welcome-block .ko-greeting-name{font-size:clamp(38px,5vw,64px)!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
html body #auth-welcome .ko-welcome-block .ko-greeting-email{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}
html body #auth-welcome .ko-status-hero{color:#fff!important;background:#17232b!important;background-image:none!important}
html body #auth-welcome .ko-status-hero *{color:#fff!important;text-shadow:none!important}

/* Checkout: repair every pale-on-paper line without touching provider mounts. */
html body .shell .shipping-choice,
html body .shell .shipping-choice *,
html body .shell .billing-fields,
html body .shell .billing-fields *{color:#0f1a21!important;text-shadow:none!important}
html body .shell .shipping-choice{background:#eef1f1!important;border-color:#9facb3!important}
html body .shell .summary,
html body .shell .summary *{text-shadow:none!important}
html body .shell .summary .promo label,
html body .shell .summary .rewards,
html body .shell .summary .rewards *,
html body .shell .summary .sumline,
html body .shell .summary .sumline *,
html body .shell .summary .secure,
html body .shell .summary .secure *{color:#344650!important}
html body .shell .summary .sumline span:last-child,
html body .shell .summary .sumline strong,
html body .shell .summary .sumline.total,
html body .shell .summary .sumline.total *{color:#0f1a21!important;opacity:1!important}
html body .shell .summary .promo-note{color:#55646d!important;opacity:1!important}
html body .shell .summary #coupon-info{color:#315f7c!important;opacity:1!important}
html body .shell .summary .secure{background:#eef1f1!important}

@media(max-width:620px){
  html body #auth-welcome .ko-collector-identity{grid-template-columns:1fr!important;gap:20px!important;text-align:center!important;padding:20px!important}
  html body #auth-welcome .ko-welcome-block .ko-greeting-name{font-size:40px!important}
}

/* Final account/checkout contrast contract. This block intentionally comes
   last so embedded legacy account rules cannot repaint ivory surfaces. */
html body #auth-welcome .ko-welcome-block .ko-greeting-label,
html body #auth-welcome .ko-overview .ko-rank-number,
html body #auth-welcome .ko-overview .ko-progress-meta,
html body #auth-welcome .ko-overview .ko-progress-percent,
html body #auth-welcome .ko-overview .ko-progress-labels,
html body #auth-welcome .ko-overview .ko-progress-labels span,
html body #auth-welcome .ko-overview .ko-benefits-sub,
html body #auth-welcome .ko-overview .ko-benefit-name,
html body #auth-welcome .ko-overview .ko-benefit-status{
  color:#263f50!important;opacity:1!important;text-shadow:none!important
}
html body #auth-welcome .ko-overview .ko-progress-current,
html body #auth-welcome .ko-overview .ko-benefit-status.unlocked{
  color:#fff!important;background:#315f7c!important;border-color:#315f7c!important
}
html body #auth-welcome .ko-overview .ko-benefit-status.locked{color:#566873!important;background:transparent!important}
html body #auth-welcome .ko-overview .ko-rank-name{color:#172832!important}

html body #auth-welcome .account-system-view .as-stat span,
html body #auth-welcome .account-system-view .as-balance-cell span,
html body #auth-welcome .account-system-view .as-pref-group-head p,
html body #auth-welcome .account-system-view .as-pref-row p,
html body #auth-welcome .account-system-view .as-support-category span,
html body #auth-welcome .account-system-view .as-faq-answer,
html body #auth-welcome .account-system-view .as-empty p{
  color:#536978!important;opacity:1!important
}
html body #auth-welcome .account-system-view .as-stat strong,
html body #auth-welcome .account-system-view .as-balance-cell strong,
html body #auth-welcome .account-system-view .as-panel-title,
html body #auth-welcome .account-system-view .as-vault-hero h2,
html body #auth-welcome .account-system-view .as-pref-group-head h2,
html body #auth-welcome .account-system-view .as-pref-row h3,
html body #auth-welcome .account-system-view .as-support-category strong,
html body #auth-welcome .account-system-view .as-faq-button,
html body #auth-welcome .account-system-view .as-empty h2,
html body #auth-welcome .account-system-view .as-empty h3{
  color:#10202a!important;opacity:1!important;text-shadow:none!important
}
html body #auth-welcome .account-system-view .as-stat em,
html body #auth-welcome .account-system-view .as-balance-cell:first-child strong,
html body #auth-welcome .account-system-view .as-panel-title::before{
  color:#315f7c!important;opacity:1!important
}
html body #auth-welcome .account-system-view .as-vault-hero p{color:#4b616f!important;opacity:1!important}
html body #auth-welcome .account-system-view .as-filter{
  color:#fff!important;background:#17232b!important;border:1px solid #17232b!important;border-bottom-width:2px!important
}
html body #auth-welcome .account-system-view .as-filter:hover,
html body #auth-welcome .account-system-view .as-filter:focus-visible{color:#fff!important;background:#263f50!important;border-color:#263f50!important}
html body #auth-welcome .account-system-view .as-filter.active{color:#fff!important;background:#315f7c!important;border-color:#315f7c!important}
html body #auth-welcome .account-system-view .as-support-category svg{stroke:#315f7c!important}
html body #auth-welcome .account-system-view .as-faq-button::after{color:#315f7c!important}

html body #auth-welcome #collection-view .ko-feature-copy>span,
html body #auth-welcome #collection-view .ko-collection-kicker,
html body #auth-welcome #collection-view .ko-shelf-card .ko-collection-kicker,
html body #auth-welcome #collection-view .ko-shelf-card .ko-shelf-open{
  color:#315f7c!important;opacity:1!important;text-shadow:none!important
}
html body #auth-welcome #collection-view .ko-feature-copy strong,
html body #auth-welcome #collection-view .ko-shelf-card strong,
html body #auth-welcome #collection-view .ko-shelf-card h2,
html body #auth-welcome #collection-view .ko-shelf-card h3{
  color:#10202a!important;opacity:1!important;text-shadow:none!important
}
html body #auth-welcome #collection-view .ko-feature-copy small,
html body #auth-welcome #collection-view .ko-shelf-card small,
html body #auth-welcome #collection-view .ko-shelf-card p{color:#536978!important;opacity:1!important}
html body #auth-welcome #collection-view .ko-feature-pick{
  color:#fff!important;background:#315f7c!important;border-color:#315f7c!important
}
html body #auth-welcome #collection-view .ko-empty-mark{color:#315f7c!important;opacity:1!important;text-shadow:none!important}

html body .shell .field label,
html body .shell .shipping-choice strong,
html body .shell .shipping-choice .price,
html body .shell .shipping-choice span,
html body .shell .shipping-choice small,
html body .shell .summary label,
html body .shell .summary p,
html body .shell .summary small,
html body .shell .summary .sumline,
html body .shell .summary .sumline *{
  color:#263f50!important;opacity:1!important;text-shadow:none!important
}
html body .shell .shipping-choice strong,
html body .shell .shipping-choice .price,
html body .shell .summary .sumline span:last-child,
html body .shell .summary .sumline strong,
html body .shell .summary .sumline.total,
html body .shell .summary .sumline.total *{color:#10202a!important}

/* Final phone polish: preserve the shared visual system without touching controllers. */
html body .shell .summary .item{grid-template-columns:68px minmax(0,1fr)!important;gap:13px!important}
html body .shell .summary .item>div{width:auto!important;min-width:0!important;max-width:none!important}
html body .shell .summary .item strong{display:block!important;width:auto!important;max-width:none!important;font-size:15px!important;line-height:1.2!important;overflow-wrap:normal!important;word-break:normal!important}
html body .shell .summary .item small{display:block!important;margin-top:3px!important;line-height:1.3!important}

html body #auth-welcome #collection-view .ko-shelf{border-color:#91a5b3!important;background:linear-gradient(145deg,#202a31,#10161b 78%)!important;color:#f8fafb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(20,29,35,.16)!important}
html body #auth-welcome #collection-view .ko-shelf:hover{border-color:#6e93ad!important;box-shadow:0 16px 34px rgba(20,29,35,.22),inset 0 1px 0 rgba(255,255,255,.1)!important}
html body #auth-welcome #collection-view .ko-shelf-cover,
html body #auth-welcome #collection-view .ko-shelf-cover.is-empty{background:radial-gradient(circle at 75% 35%,rgba(103,145,174,.16),transparent 31%),linear-gradient(145deg,#202a31,#0d1318 78%)!important}
html body #auth-welcome #collection-view .ko-shelf-content>span,
html body #auth-welcome #collection-view .ko-shelf-content em,
html body #auth-welcome #collection-view .ko-shelf>span{color:#b9cedd!important;text-shadow:0 2px 8px rgba(0,0,0,.72)!important}
html body #auth-welcome #collection-view .ko-shelf-content strong,
html body #auth-welcome #collection-view .ko-shelf>strong{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.78)!important}
html body #auth-welcome #collection-view .ko-shelf-content small,
html body #auth-welcome #collection-view .ko-shelf>small{color:#d7e0e6!important;text-shadow:0 2px 8px rgba(0,0,0,.72)!important}
html body #auth-welcome #collection-view .ko-shelf-empty-mark,
html body #auth-welcome #collection-view .ko-shelf.add::before{border-color:#89a9bf!important;color:#b9cedd!important}
html body #auth-welcome #collection-view .ko-shelf.add{background:radial-gradient(circle at 50% 34%,rgba(103,145,174,.16),transparent 33%),linear-gradient(145deg,#202a31,#10161b 78%)!important}

@media(max-width:620px){
  html body .shell .summary .item{grid-template-columns:58px minmax(0,1fr)!important;gap:10px!important}
  html body .shell .summary .item strong{font-size:14px!important;line-height:1.18!important}
  html body #auth-welcome .ko-overview .ko-progress-labels{position:relative!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;width:100%!important;height:auto!important;margin-top:32px!important;color:#526a7a!important;font-size:7px!important;line-height:1.15!important;letter-spacing:0!important;text-align:center!important}
  html body #auth-welcome .ko-overview .ko-progress-labels span,
  html body #auth-welcome .ko-overview .ko-progress-labels span:nth-child(n){position:static!important;left:auto!important;display:block!important;min-width:0!important;transform:none!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important}
  html body #auth-welcome #collection-view .ko-collection-toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  html body #auth-welcome #collection-view .ko-collection-tabs{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scrollbar-width:thin!important}
  html body #auth-welcome #collection-view .ko-collection-filter{flex:0 0 auto!important;white-space:nowrap!important}
  html body #auth-welcome #collection-view #collection-search{width:100%!important;min-width:0!important}
}

/* Premium brand lockup: one sizing authority for both source images. The
   artwork now fills its frame, so the KO and wordmark share a deliberate
   scale, baseline, and clear space instead of behaving like separate badges. */
@media(min-width:1101px){
  body>.ko-new-header .ko-new-top-bar{
    grid-template-columns:minmax(390px,404px) minmax(360px,1fr) minmax(250px,290px)!important;
  }
  body>.ko-new-header .ko-new-brand-link{
    display:flex!important;
    align-items:center!important;
    min-height:82px!important;
  }
  body>.ko-new-header .ko-new-logo-wrap{
    width:auto!important;
    height:82px!important;
    gap:14px!important;
  }
  body>.ko-new-header .ko-brand-image-frame--mark{
    width:96px!important;
    height:56px!important;
    flex:0 0 96px!important;
  }
  body>.ko-new-header .ko-brand-image-frame--wordmark{
    width:292px!important;
    height:78px!important;
    flex:0 0 292px!important;
  }
}

body>.ko-new-header .ko-brand-image--mark,
body>.ko-new-header .ko-brand-image--wordmark,
body>.ko-mobile-header .ko-brand-image--mark,
body>.ko-mobile-header .ko-brand-image--wordmark{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  flex:none!important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.72)) drop-shadow(0 4px 7px rgba(17,22,27,.16))!important;
}

@media(min-width:901px) and (max-width:1100px){
  body>.ko-new-header .ko-new-top-bar{
    grid-template-columns:322px minmax(260px,1fr) minmax(215px,240px)!important;
  }
  body>.ko-new-header .ko-new-logo-wrap{
    width:auto!important;
    height:66px!important;
    gap:12px!important;
  }
  body>.ko-new-header .ko-brand-image-frame--mark{
    width:72px!important;
    height:42px!important;
    flex:0 0 72px!important;
  }
  body>.ko-new-header .ko-brand-image-frame--wordmark{
    width:238px!important;
    height:64px!important;
    flex:0 0 238px!important;
  }
}

@media(min-width:901px) and (max-width:1040px){
  body>.ko-new-header .ko-new-top-bar{
    grid-template-columns:322px minmax(260px,1fr) minmax(70px,100px)!important;
  }
}

@media(max-width:900px){
  body>.ko-mobile-header .ko-mobile-brand{gap:7px!important}
  body>.ko-mobile-header .ko-brand-image-frame--mark{
    width:48px!important;
    height:28px!important;
    flex:0 0 48px!important;
  }
  body>.ko-mobile-header .ko-brand-image-frame--wordmark{
    width:150px!important;
    height:40px!important;
    flex:0 0 150px!important;
  }
}

@media(max-width:600px){
  body>.ko-mobile-header .ko-brand-image-frame--mark{
    width:44px!important;
    height:26px!important;
    flex-basis:44px!important;
  }
  body>.ko-mobile-header .ko-brand-image-frame--wordmark{
    width:138px!important;
    height:37px!important;
    flex-basis:138px!important;
  }
}

@media(max-width:380px){
  body>.ko-mobile-header .ko-brand-image-frame--mark{
    width:38px!important;
    height:22px!important;
    flex-basis:38px!important;
  }
  body>.ko-mobile-header .ko-brand-image-frame--wordmark{
    width:124px!important;
    height:33px!important;
    flex-basis:124px!important;
  }
}
