.header,#panel{--ink:#20231c;--paper:#f8f7f3;--sage:#556446;--line:#dedfd7;--muted:#717367;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:normal}
.header{position:relative;height:128px;padding:0 5.2%;display:flex;align-items:center;gap:64px;background:#fff;border:0;z-index:25}
.header a{color:inherit;text-decoration:none}
.header button,#panel button,#panel input{font:inherit;color:inherit;border:0}
.header button,#panel button{cursor:pointer}
.header a:focus-visible,.header button:focus-visible,#panel a:focus-visible,#panel button:focus-visible,#panel input:focus-visible{outline:2px solid var(--sage);outline-offset:5px}
.header svg,#panel svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.header .brand{display:flex;align-items:center;gap:12px;flex-shrink:0;font:700 24px/normal Arial,Helvetica,sans-serif;letter-spacing:-1.2px}
.header .desktop-nav{display:flex;align-items:center;gap:33px}
.header .nav-link{position:relative;display:flex;gap:6px;align-items:center;font-size:14px;font-weight:400;white-space:nowrap;background:none;padding:12px 0;line-height:1.4}
.header .nav-link:after{content:"";height:1px;background:var(--ink);position:absolute;left:0;bottom:5px;width:0;transition:width .2s}
.header .nav-link:hover:after{width:100%}
.header .nav-link.active{font-weight:700}
.header .header-actions{margin-left:auto;display:flex;gap:24px;align-items:center}
.header .icon-button,#panel .icon-button{width:32px;height:38px;display:grid;place-items:center;padding:4px;background:transparent;transition:opacity .2s}
.header .icon-button:hover,#panel .icon-button:hover{opacity:.55}
.header .icon-button svg,#panel .icon-button svg{width:25px;height:25px}
.header .bag-button{position:relative}
.header .bag-count{position:absolute;right:-5px;bottom:1px;width:15px;height:15px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:9px;line-height:normal}
.header .mobile-toggle{display:none}
#panel{position:fixed;inset:0;margin:auto;width:min(1020px,calc(100% - 48px));max-height:calc(100dvh - 48px);border:0;border-radius:0;padding:30px 42px 42px;background:var(--paper);box-shadow:0 30px 100px #10160b24;overflow:auto}
#panel::backdrop{background:#171c14a3;backdrop-filter:blur(5px)}
#panel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
#panel .panel-kicker{font-size:10px;letter-spacing:2px;color:var(--muted)}
#panel .panel-title{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(30px,4vw,46px);letter-spacing:-1.8px;line-height:1.1;margin:0 0 17px}
#panel .product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 24px}
#panel .product-card{display:block;padding:0;border:0;background:none;text-align:left;min-width:0;color:inherit;text-decoration:none}
#panel .product-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:filter .2s}
#panel .product-card:hover img{filter:brightness(.95)}
#panel .product-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;font-weight:600;margin:13px 0 6px;letter-spacing:-.3px}
#panel .product-label svg{width:19px;height:19px;flex-shrink:0}
#panel .product-type{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}
#panel .search-field{display:flex;align-items:center;border-bottom:1px solid var(--ink);gap:15px;margin:25px 0 28px}
#panel .search-field svg{width:23px;height:23px;flex-shrink:0}
#panel .search-field input{width:100%;padding:15px 0;border:0;background:transparent;font-size:19px;color:var(--ink);outline-offset:1px}
#panel .search-field input:focus-visible{outline:0}
#panel .search-field:focus-within{border-bottom:2px solid var(--sage)}
#panel .search-status{font-size:12px;color:var(--muted);margin:0 0 22px}
#panel .mobile-nav{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
#panel .mobile-nav a{color:inherit;text-decoration:none;background:none;font-size:24px;padding:6px 0;letter-spacing:-.5px}
#panel .product-detail{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center}
#panel .product-detail>img{width:100%;height:auto}
#panel .product-detail .panel-title{font-size:35px}
#panel .product-detail .product-type{display:block;margin-bottom:14px}
#panel .product-detail p{font-size:14px;color:var(--muted);line-height:1.9}
#panel .back-button{margin-bottom:28px;font-size:12px;background:none;padding:5px 0;color:var(--muted)}
body.modal-open{overflow:hidden}
@media(min-width:1700px){.header{gap:100px}.header .nav-link{font-size:16px}.header .desktop-nav{gap:40px}}
@media(max-width:1100px){.header{gap:35px;padding:0 4%;height:108px}.header .desktop-nav{gap:22px}.header .nav-link{font-size:12px}.header .brand{font-size:21px;gap:9px}.header .header-actions{gap:16px}}
@media(max-width:980px){.header .desktop-nav{display:none}.header .mobile-toggle{display:grid}}
@media(max-width:760px){.header{height:86px;padding:0 23px;gap:10px}.header .header-actions{gap:12px}.header .icon-button{width:28px;height:36px}.header .icon-button svg{width:23px;height:23px}#panel{padding:21px 23px 30px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}#panel .panel-head{margin-bottom:25px}#panel .product-grid{gap:25px 15px}#panel .product-label{font-size:12px;margin:10px 0 7px}#panel .product-label svg{width:14px;height:14px}#panel .product-type{font-size:8px;letter-spacing:.5px}#panel .panel-title{font-size:33px;letter-spacing:-1.3px}#panel .product-detail{grid-template-columns:1fr;gap:25px}#panel .product-detail .panel-title{font-size:30px}#panel .search-field input{font-size:16px}}
@media(max-width:370px){.header{padding:0 16px}.header .header-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.header *,#panel *{transition:none!important}}
@media print{.header{display:none}}