/* Fashion storefront: photography, quiet type and generous space.
   Brand ink comes from the shop; neutral surfaces derive from it. */
@font-face{font-family:Manrope;src:url('/static/fonts/manrope-variable-cyrillic.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('/static/fonts/manrope-variable-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body.fashion-store{
  --fh-ink:color-mix(in srgb,var(--primary) 15%,black);
  --fh-muted:color-mix(in srgb,var(--fh-ink) 62%,white);
  --fh-line:color-mix(in srgb,var(--fh-ink) 13%,white);
  --fh-paper:color-mix(in srgb,var(--primary) 2%,white);
  --fh-panel:color-mix(in srgb,var(--primary) 5%,white);
  font-family:Manrope,Arial,sans-serif;color:var(--fh-ink);background:white;
}
body.fashion-store h1,body.fashion-store h2,body.fashion-store h3,
body.fashion-store button,body.fashion-store input,body.fashion-store .logo-wordmark{font-family:Manrope,Arial,sans-serif;text-transform:none;letter-spacing:normal}
.fashion-store .portal-topbar{display:none}
.fashion-store .portal-topbar .container{min-height:32px}
.fashion-store .portal-topbar-left>span:last-child{display:none}
.fashion-store .portal-topbar-left svg{display:none}
.fashion-store .portal-topbar a{color:var(--fh-muted)!important}
.fashion-store .portal-nav{background:white;border-bottom:1px solid var(--fh-line);box-shadow:none}
.fashion-store .portal-nav>.container{min-height:88px;gap:30px}
.fashion-store .portal-logo .logo-full,.fashion-store .portal-logo .logo-mobile{display:none!important}
.fashion-store .portal-logo .logo-wordmark{display:inline!important;font-size:29px!important;font-weight:500!important;letter-spacing:-1.4px!important;color:var(--fh-ink)!important;margin-left:0!important}
.fashion-store .portal-links a{font-size:13px;font-weight:500!important;color:var(--fh-ink)!important}
.fashion-store .portal-links .ic{display:none}
.fashion-store .portal-search{max-width:300px;margin-left:auto}
.fashion-store .portal-search input{background:transparent!important;border:0!important;border-bottom:1px solid var(--fh-line)!important;border-radius:0!important;font:12px Manrope,Arial,sans-serif;padding-left:0!important}
.fashion-store .portal-search button{background:transparent!important;color:var(--fh-ink)!important;border-radius:0!important}
.fashion-store .portal-cart-btn{background:transparent!important;border:0!important;border-radius:0!important;color:var(--fh-ink)!important;font-size:12px!important;font-weight:500!important;padding:10px 0!important}
.fashion-store .portal-wish-btn{color:var(--fh-ink)!important}
.fashion-store .portal-catbar{background:white;border:0}
.fashion-store .portal-catbar-inner{justify-content:center;gap:25px;padding:0}
.fashion-store .catbar-link{background:transparent!important;color:var(--fh-muted)!important;font-size:12px;font-weight:400;padding:13px 0;border:0;border-radius:0}
.fashion-store .catbar-count{display:none}
.fashion-store .catbar-link:hover{color:var(--fh-ink)!important;text-decoration:underline;text-underline-offset:5px}
.fashion-store .portal-nav .container,.fashion-store .portal-catbar .container,.fashion-store .fashion-site-footer .container{width:92%;max-width:1440px;margin-inline:auto}

/* A single quiet shell across catalog, editorial and purchase screens. */
body.fashion-store .portal-nav>.container{min-height:76px;padding-block:10px}
body.fashion-store .catbar-link{font-size:13px}
body.fashion-store .catbar-active{color:var(--fh-ink)!important;text-decoration:underline;text-underline-offset:6px}
body.fashion-store .fashion-site-footer,body.fashion-store .store-footer-bottom{background:var(--fh-paper)!important;color:var(--fh-ink)!important;border-color:var(--fh-line)!important}
body.fashion-store .fashion-site-footer :is(h3,h4,.footer-accordion-toggle){color:var(--fh-ink)!important;font-family:Manrope,Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;font-size:14px!important}
body.fashion-store .fashion-site-footer :is(a,p,button){color:var(--fh-muted)!important}
body.fashion-store .fashion-site-footer a:hover{color:var(--fh-ink)!important}
body.fashion-store .mobile-bottom-nav{box-shadow:none;border-color:var(--fh-line);background:white}
body.fashion-store .bottom-nav-item{color:var(--fh-ink)!important;background:transparent!important}
body.fashion-store .bottom-nav-item.active{background:var(--fh-panel)!important}
body.fashion-store .mobile-menu-sidebar{background:white;color:var(--fh-ink);font-family:Manrope,Arial,sans-serif}
body.fashion-store .mobile-menu-head{background:var(--fh-paper);border-bottom:1px solid var(--fh-line);padding:22px}
body.fashion-store .mobile-menu-head img{display:none}
body.fashion-store .mobile-menu-head a span{font-size:26px!important;font-weight:500!important;letter-spacing:-1px;color:var(--fh-ink)!important}
body.fashion-store .mobile-menu-sidebar :is(a,button){font-family:inherit;color:var(--fh-ink)}
body.fashion-store .mobile-menu-sidebar a{border-radius:0}
body.fashion-store .portal-cart-btn #cart-count{display:inline!important}
body.fashion-store :is(.cd-head,.cd-foot){padding:22px;border-color:var(--fh-line);background:white}
body.fashion-store .cd-title{font-size:22px;font-weight:500;letter-spacing:-.5px}
body.fashion-store .cd-body{padding:0 22px}
body.fashion-store .cd-item{padding:22px 0;border-color:var(--fh-line);gap:16px}
body.fashion-store .cd-item img{width:80px;height:120px;object-fit:cover;object-position:top;border-radius:0}
body.fashion-store .cd-item-name{font-size:14px;font-weight:500;color:var(--fh-ink)}
body.fashion-store .cd-item-price{color:var(--fh-ink);font-size:14px;font-weight:600}
body.fashion-store .cd-qty{border:1px solid var(--fh-line);border-radius:0}
body.fashion-store .cd-qty button{height:36px;width:32px}
body.fashion-store .cd-item-del{color:var(--fh-muted);min-width:30px;min-height:36px}
body.fashion-store :is(.cd-checkout,.cd-viewcart){border-radius:0;font-weight:500;min-height:48px}
body.fashion-store .cd-checkout{background:var(--fh-ink);color:white}
body.fashion-store .cd-viewcart{border-color:var(--fh-line);color:var(--fh-ink)}
body.fashion-store :is(.cd-viewcart:hover,.cd-qty button:hover){background:var(--fh-paper)}
body.fashion-store .cd-empty{color:var(--fh-muted);font-size:14px}
body.fashion-store .cart-options{font-size:13px;line-height:1.6;margin-top:6px;color:var(--fh-muted)}
body.fashion-store .padel-consent{background:white;border-top:1px solid var(--fh-line);color:var(--fh-ink);font-family:Manrope,Arial,sans-serif;box-shadow:0 -4px 20px color-mix(in srgb,black 7%,transparent)}
body.fashion-store .padel-consent a{color:var(--fh-ink)}
body.fashion-store :is(.padel-consent-actions button,.padel-consent-save-sel,.padel-consent-open){border-color:var(--fh-ink);border-radius:0;font-family:Manrope,Arial,sans-serif;font-weight:500;color:var(--fh-ink)}
body.fashion-store .padel-consent-actions .padel-consent-accept{background:var(--fh-ink);color:white}
body.fashion-store .padel-consent-actions button:hover{background:var(--fh-panel);color:var(--fh-ink)}
body.fashion-store :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--fh-ink);outline-offset:4px}
body.fashion-store :is(.card-wish-btn,.pcard-wish,.fh-wish,.pd-wish-btn){border-radius:0!important;box-shadow:none!important;color:var(--fh-ink)}
body.fashion-store :is(.card-wish-btn,.pcard-wish,.fh-wish,.pd-wish-btn).wish-active{color:var(--fh-ink)!important}
body.fashion-store :is(.card-wish-btn,.pcard-wish,.fh-wish,.pd-wish-btn).wish-active svg{fill:currentColor}
body.fashion-store :is(.fp-summary,.fp-description-body,.fi-prose){line-height:1.8}
body.fashion-store :is(.fp-summary,.pd-variant-label,.co-order-item__qty){font-size:14px!important}
body.fashion-store :is(.bc-list,.breadcrumbs,.fc-note,.fa-note){font-size:12px}
@media(max-width:1050px){
 body.fashion-store .portal-nav>.container{gap:20px}
 body.fashion-store .portal-search{max-width:220px}
 body.fashion-store .portal-catbar-inner{gap:20px;justify-content:flex-start}
}
@media(max-width:767px){
 body.fashion-store .portal-nav>.container{min-height:65px;gap:12px;padding-block:8px;flex-wrap:wrap}
 body.fashion-store .portal-logo{order:1;margin:0 auto 0 0!important}
 body.fashion-store .portal-logo .logo-wordmark{font-size:25px!important}
 body.fashion-store .portal-burger{order:0;display:flex!important;margin:0;padding:8px 8px 8px 0;flex-shrink:0}
 body.fashion-store .portal-links,body.fashion-store .portal-wish-btn{display:none!important}
 body.fashion-store .portal-cart-btn{order:3;font-size:12px!important;white-space:nowrap}
 body.fashion-store .portal-search{display:flex!important;order:5;flex:0 0 100%;max-width:none;margin:0!important;padding:0!important}
 body.fashion-store .portal-search input{font-size:16px!important;min-height:42px}
 body.fashion-store .portal-catbar{display:block!important}
 body.fashion-store .portal-catbar-inner{gap:23px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start}
 body.fashion-store .catbar-link{flex-shrink:0;font-size:12px;padding:12px 0}
 body.fashion-store :is(.portal-nav,.portal-catbar,.fashion-site-footer) .container{width:calc(100% - 36px);padding-inline:0}
 body.fashion-store :is(input,select,textarea){font-size:16px}
 body.fashion-store .cd-item img{width:70px;height:105px}
}

.fashion-account-link{display:inline-flex;padding:10px;color:var(--fh-ink);align-items:center;justify-content:center}
body.fashion-store .card-wish-btn svg{stroke:currentColor}
body.fashion-store :is(.fi-page,.fashion-catalog,.fashion-product,.fashion-commerce,.fashion-account){--fi-muted:color-mix(in srgb,var(--fi-ink) 72%,white);--fp-muted:color-mix(in srgb,var(--fp-ink) 72%,white);--fc-muted:color-mix(in srgb,var(--fc-ink) 72%,white)}
@media(max-width:767px){.fashion-account-link{display:none}}

body.fashion-store.bare :is(.portal-nav,.portal-catbar,.mobile-bottom-nav),body.fashion-store:has(.fc-checkout) :is(.portal-catbar,.mobile-bottom-nav){display:none!important}
body.fashion-store .padel-consent-bare-settings{border:1px solid var(--fh-line);color:var(--fh-muted);border-radius:0;background:white;font-family:Manrope,Arial,sans-serif}

body.fashion-store .pcard-cover{aspect-ratio:2/3!important;border-radius:0}
body.fashion-store .pcard-cover>img{object-position:top!important}
body.fashion-store .pcard-add-btn{border-radius:0;color:var(--fh-ink);font-size:13px;text-decoration:none}

body.fashion-store .mobile-menu-sidebar{--accent:var(--fh-ink);--court:var(--fh-paper)}
body.fashion-store .mobile-menu-sidebar a{color:var(--fh-ink)!important;border-radius:0!important;font-weight:500!important}
body.fashion-store .mobile-menu-sidebar a[style*="background:var(--accent)"]{color:white!important;background:var(--fh-ink)!important}
body.fashion-store .mobile-menu-sidebar div[style*="border-radius"]{border-radius:0!important;border-color:var(--fh-line)!important}
body.fashion-store :is(#navCartBadge,#headerWishBadge,#navWishBadge){background:var(--fh-ink)!important;color:white!important}
body.fashion-store .catbar-scroll-hint{color:var(--fh-muted)!important}

body.fashion-store .mobile-menu-sidebar svg{stroke:currentColor!important}

/* Language switcher in the header (vigo #185): the topbar that used to carry it is hidden
   in this design, so the switcher sits beside the account icon. Phones use the one in the
   mobile menu. */
.fashion-lang{display:flex;align-items:center;gap:2px;margin-right:8px}
.fashion-lang a{padding:4px 6px;font-size:12px;letter-spacing:.08em;color:var(--fh-muted)!important;text-decoration:none;border-bottom:1px solid transparent;line-height:1}
.fashion-lang a:hover{color:var(--fh-ink)!important}
.fashion-lang a[aria-current="true"]{color:var(--fh-ink)!important;border-bottom-color:var(--fh-ink)}
@media(max-width:767px){.fashion-lang{display:none}}

/* Language switcher in the mobile menu (vigo #185): the padel pill with a lime square on the
   active language is replaced by the header's look - plain text, the active one underlined.
   Tap targets stay 44px tall. */
.fashion-store .mobile-language-row{background:var(--fh-paper);border-bottom:1px solid var(--fh-line)}
.fashion-store .mobile-language-row>span{font-weight:600;color:var(--fh-muted);letter-spacing:.1em}
.fashion-store .site-language-switcher{border:0;border-radius:0;padding:0;background:transparent;gap:4px}
.fashion-store .site-language-switcher a{border-radius:0;background:transparent!important;box-shadow:none!important;color:var(--fh-muted)!important;font-weight:500;border-bottom:1px solid transparent}
.fashion-store .site-language-switcher a:hover{color:var(--fh-ink)!important}
.fashion-store .site-language-switcher a[aria-current="true"]{color:var(--fh-ink)!important;border-bottom-color:var(--fh-ink)}
.fashion-store .mobile-language-row .site-language-switcher a{min-width:44px;height:44px}
/* Close button of the mobile menu: no tinted padel tile, just the cross. */
.fashion-store .mobile-menu-close{background:transparent;border-radius:0;color:var(--fh-ink)}
.fashion-store .mobile-menu-close:hover{background:var(--fh-panel)}
