/* Navigation and custom Simão icon treatment. */
.header-main{gap:28px}
.header-button{gap:10px;border-radius:9px;text-align:left;padding:6px}
.header-button:hover{background:#f6f7f1}
.header-icon{position:relative;display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid #e5e7de;border-radius:12px;background:#f3f4ee;transition:transform .2s,background .2s}
.header-button:hover .header-icon{transform:translateY(-2px);background:#fff2b0}
.header-button .header-icon .icon{width:31px;height:31px;stroke-width:1.5}
.header-label,.account .header-label{display:grid;gap:3px;white-space:nowrap}
.header-label small,.account small{font-size:9px;font-weight:450;color:#838878}
.header-label strong,.account strong{font-size:12px;font-weight:700;letter-spacing:-.15px}
.cart-icon{background:var(--yellow);border-color:#f0c923}
.header-button:hover .cart-icon{background:#ffdf5c}
.header-button .cart-counter{inset:auto -6px -5px auto;background:var(--ink);color:var(--yellow);border:2px solid #fff;min-width:21px;width:auto;padding:0 4px;height:21px;font-size:9px;line-height:1}
.icon .icon-accent{fill:var(--yellow);stroke:currentColor}
.icon .icon-surface{fill:#fff;stroke:currentColor}
.icon .icon-solid{fill:currentColor;stroke:none}
.cart-icon .icon .icon-accent{fill:#fff9de}
.navigation{background:#fcfcf9}
.nav-inner{height:58px;gap:23px;overflow:visible}
.nav-inner .departments{flex-shrink:0;min-height:38px;gap:12px;background:var(--yellow);border:0;border-radius:4px;padding:10px 13px;font-size:11px;font-weight:750}
.nav-inner .departments:hover{color:var(--ink);background:#ffe063}
.departments>.icon{width:13px;height:13px;margin-left:8px;transition:transform .25s}
.departments[aria-expanded="true"]>.icon{transform:rotate(90deg)}
.menu-glyph{display:flex;flex-direction:column;gap:4px;width:18px;flex:none}
.menu-glyph>span{width:18px;height:2px;background:var(--ink);border-radius:2px;transition:width .2s}
.menu-glyph>span:nth-child(2){width:12px}
.departments:hover .menu-glyph>span:nth-child(2){width:18px}
.nav-shortcuts{min-width:0;flex:1;display:flex;gap:25px;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;mask-image:linear-gradient(90deg,#000 calc(100% - 20px),transparent);padding-right:22px}
.nav-shortcuts::-webkit-scrollbar{display:none}
.nav-shortcuts button{padding:10px 0;flex-shrink:0;scroll-snap-align:start}
.nav-inner .offers-nav{flex-shrink:0;padding:7px 0 7px 15px;border-left:1px solid var(--line);font-size:11px;font-weight:650;color:#756024}
.menu-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(400px,calc(100% - 28px));height:100dvh;max-height:100dvh;max-width:100%;background:#fff;border-right:1px solid #dddccf;overflow:hidden;transform:translateX(-100%)}
.menu-drawer[open]{display:flex;flex-direction:column;animation:menu-enter .3s cubic-bezier(.2,.75,.25,1) both}
.menu-drawer.is-closing[open]{animation:menu-exit .22s ease-in both}
.menu-drawer::backdrop,.drawer::backdrop{animation:shade-enter .25s ease both;background:#14191070;backdrop-filter:blur(4px)}
.menu-drawer.is-closing::backdrop,.drawer.is-closing::backdrop{animation:shade-exit .22s ease both}
.menu-masthead{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--ink);color:#fff;padding:29px 25px 26px;border-bottom:4px solid var(--yellow)}
.menu-masthead .eyebrow{color:var(--yellow);font-size:9px;letter-spacing:2px;margin-bottom:9px}
.menu-masthead h2{font-size:29px;font-weight:600;line-height:1.1}
.menu-masthead .icon-button{width:34px;height:34px;border:1px solid #505346;border-radius:7px;color:#e4e8d9}
.menu-masthead .icon-button:hover{background:#383d31}
.menu-content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:25px 18px 23px;scrollbar-width:thin}
.menu-section-label{padding:0 9px;margin:0 0 12px;font-size:8px;letter-spacing:1.5px;color:#90967f;font-weight:700}
.department-list{display:grid;gap:5px}
.department-list>:is(a,button){display:flex;align-items:center;gap:14px;text-align:left;padding:12px 10px;border-radius:6px;min-height:67px;position:relative}
.department-list>:is(a,button):hover,.department-list>:is(a,button):focus-visible{background:#f4f5ee}
.department-list>:is(a,button)[aria-current="true"]{background:#fff8da}
.department-list>:is(a,button)[aria-current="true"]:before{content:'';position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:2px;background:#ecc600}
.department-symbol{display:grid;place-items:center;flex:0 0 42px;height:42px;background:#f0f2ea;border:1px solid #e5e8dc;border-radius:10px}
.department-symbol .icon{width:25px;height:25px;stroke-width:1.45}
.department-list>:is(a,button):hover .department-symbol,.department-list>:is(a,button)[aria-current="true"] .department-symbol{background:var(--yellow);border-color:#e9c52b}
.department-list strong{display:block;font-size:12px;font-weight:650;line-height:1.4}
.department-list small{display:block;margin-top:4px;font-size:9px;color:#8b917e}
.department-list>:is(a,button)>.icon{margin-left:auto;width:14px;height:14px;color:#8d957e;transition:transform .2s}
.department-list>:is(a,button):hover>.icon{transform:translateX(3px)}
.department-list .department-offers{margin-top:10px;border:1px dashed #ddd3a5;background:#fffbed}
.department-offers .department-symbol{background:#ffed9c;border-color:#ffed9c}
.menu-personal{border-top:1px solid var(--line);margin:24px 7px 0;padding-top:22px}
.menu-personal .menu-section-label{padding-left:2px}
.personal-links{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.personal-links :is(a,button){display:flex;align-items:center;flex-direction:column;gap:8px;padding:13px 4px;border-radius:6px;background:#f8f9f5;font-size:9px;font-weight:600}
.personal-links :is(a,button):hover{background:#fff2bc}
.personal-links .icon{width:26px;height:26px;stroke-width:1.4}
.menu-help{flex-shrink:0;display:flex;align-items:center;text-align:left;gap:13px;border-top:1px solid #e2e5d9;background:#f1f3eb;padding:18px 25px}
.menu-help:hover{background:#e9eddc}
.menu-help-icon{display:grid;place-items:center;background:var(--ink);color:var(--yellow);width:38px;height:38px;border-radius:9px}
.menu-help strong{display:block;font-size:11px;font-weight:700}
.menu-help small{display:block;color:#818a70;font-size:9px;margin-top:3px}
.menu-help>.icon{width:17px;height:17px;margin-left:auto}
.drawer[open]{animation:cart-enter .28s cubic-bezier(.2,.75,.25,1) both}
.drawer.is-closing[open]{animation:cart-exit .22s ease-in both}
@keyframes menu-enter{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes menu-exit{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes cart-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes cart-exit{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes shade-enter{from{opacity:0}to{opacity:1}}
@keyframes shade-exit{from{opacity:1}to{opacity:0}}
@media(max-width:1100px){.header-main{gap:22px}.account .header-label,.bag-button .header-label{display:none}.account .header-icon{display:grid}.header-button{padding:3px}.nav-inner{gap:18px}.nav-shortcuts{gap:24px}.nav-inner .departments{font-size:10px;padding:10px 12px}}
@media(max-width:800px){.header-main{gap:16px}.header-icon{width:42px;height:42px;flex-basis:42px}.header-button .header-icon .icon{width:29px;height:29px}.nav-inner{gap:15px;height:55px}.nav-inner .offers-nav{padding-left:12px}.nav-inner .departments{gap:9px}.departments>.icon{margin-left:0}}
@media(max-width:560px){.header-main{gap:0 14px;grid-template-columns:1fr auto auto}.header-icon{width:40px;height:40px;flex-basis:40px;border-radius:11px}.header-button .header-icon .icon{width:29px;height:29px}.header-button .cart-counter{height:20px;min-width:20px;font-size:8px;right:-5px;bottom:-4px}.nav-inner{height:58px;gap:12px;flex-wrap:nowrap}.nav-inner .departments{padding:10px;min-height:37px;gap:8px;font-size:9px}.departments>.icon{display:none}.menu-glyph{width:16px}.menu-glyph>span{width:16px}.menu-glyph>span:nth-child(2){width:10px}.nav-shortcuts{gap:21px;padding-right:12px;mask-image:linear-gradient(90deg,#000 calc(100% - 12px),transparent)}.nav-shortcuts button{font-size:9px}.nav-inner .offers-nav{display:none}.menu-drawer{width:min(365px,calc(100% - 28px))}.menu-masthead{padding:24px 20px 23px}.menu-masthead h2{font-size:28px}.menu-content{padding:21px 13px 20px}.department-list>:is(a,button){gap:12px;padding:10px 8px;min-height:66px}.department-list strong{font-size:12px}.department-list small{font-size:9px}.department-symbol{flex-basis:40px;height:40px}.menu-help{padding:17px 21px}.menu-personal{margin-top:21px;padding-top:18px}}
@media(prefers-reduced-motion:reduce){.menu-drawer[open]{transform:translateX(0)}.menu-drawer,.drawer{animation:none!important}}
.menu-drawer{touch-action:pan-y}