/* Matches the old Shopify Dawn theme: Assistant font, black on white, square cards. */
:root{--fg:18,18,18;--bg:255,255,255;--soft:243,243,243;--accent:51,79,180;--w:1200px}
*{box-sizing:border-box}
html{font-size:62.5%}
body{margin:0;background:rgb(var(--bg));color:rgba(var(--fg),.75);font:400 1.6rem/1.8 Assistant,sans-serif;letter-spacing:.06rem}
h1,h2,h3{color:rgb(var(--fg));font-weight:400;letter-spacing:.06rem;line-height:1.3;margin:0 0 1.5rem}
h1{font-size:3.4rem}h2{font-size:2.6rem}h3{font-size:1.5rem}
@media(min-width:750px){h1{font-size:4rem}h2{font-size:3.2rem}}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:var(--w);margin:0 auto;padding:0 1.6rem}
@media(min-width:750px){.wrap{padding:0 5rem}}
.narrow{max-width:78rem}
.center{text-align:center}
.caption{font-size:1.1rem;letter-spacing:.13rem;text-transform:uppercase;margin:0 0 .6rem}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hp{position:absolute;left:-9999px}
[hidden]{display:none!important}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:4.5rem;padding:0 3rem;border:1px solid rgb(var(--fg));background:none;color:rgb(var(--fg));font:inherit;font-size:1.5rem;letter-spacing:.1rem;text-decoration:none;cursor:pointer;transition:box-shadow .1s}
.btn:hover{box-shadow:0 0 0 1px rgb(var(--fg))}
.btn-solid{background:rgb(var(--fg));color:#fff}
.btn-ghost{border-color:#fff;color:#fff}
.btn-ghost:hover{box-shadow:0 0 0 1px #fff}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn.wide{width:100%;margin-bottom:1rem}
.link{color:rgb(var(--fg));text-underline-offset:.3rem;font-size:1.4rem}

/* header */
.header{border-bottom:1px solid rgba(var(--fg),.08);background:#fff;position:sticky;top:0;z-index:20}
.header-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding-top:1.2rem;padding-bottom:1.2rem}
.logo img{width:150px;height:auto}
@media(min-width:990px){.logo img{width:200px}}
.nav ul{list-style:none;display:flex;gap:.4rem;margin:0;padding:0}
.nav li{position:relative}
.nav-link{display:block;padding:1.2rem;font-size:1.4rem;text-decoration:none;color:rgba(var(--fg),.75)}
.nav-link:hover,.nav-link.active{color:rgb(var(--fg));text-decoration:underline;text-underline-offset:.3rem}
.sub{display:none!important;position:absolute;top:100%;left:0;background:#fff;border:1px solid rgba(var(--fg),.1);padding:1rem 0!important;min-width:18rem;flex-direction:column}
.nav li:hover .sub,.nav li:focus-within .sub{display:flex!important}
.sub a{display:block;padding:.6rem 2rem;font-size:1.4rem;text-decoration:none}
.sub a:hover{text-decoration:underline}
.header-icons{display:flex;align-items:center;gap:.4rem;justify-self:end}
.icon{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;background:none;border:0;color:rgb(var(--fg));cursor:pointer;position:relative;padding:0}
.icon svg{width:2rem;height:2rem}
.cart-link svg{width:4rem;height:4rem}
.cart-count{position:absolute;bottom:.6rem;right:.4rem;background:rgb(var(--fg));color:#fff;border-radius:50%;font-size:.9rem;width:1.7rem;height:1.7rem;display:flex;align-items:center;justify-content:center;line-height:1}
.lang{font-size:1.3rem;text-decoration:none;padding:0 1rem}
.lang:hover{text-decoration:underline}
.menu-btn{display:none}
@media(max-width:989px){.nav,.header-icons .lang{display:none}.menu-btn{display:inline-flex}.header-in{grid-template-columns:auto 1fr auto}.logo{justify-self:center}}

/* mobile menu and drawers */
.drawer,.mobile-menu{position:fixed;inset:0;z-index:50}
.drawer-bg{position:absolute;inset:0;background:rgba(var(--fg),.5)}
.mm-panel{position:absolute;top:0;bottom:0;left:0;width:min(36rem,90vw);background:#fff;padding:1.6rem;overflow:auto}
.mm-panel ul{list-style:none;padding:0;margin:2rem 0}
.mm-panel .nav-link{font-size:1.8rem}
.mm-panel .sub{display:block!important;position:static;border:0;padding:0 0 0 1.6rem!important}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(40rem,100vw);background:#fff;display:flex;flex-direction:column}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:1.6rem 2.4rem;border-bottom:1px solid rgba(var(--fg),.08)}
.drawer-head h2{margin:0;font-size:2rem}
.drawer-body{flex:1;overflow:auto;padding:0 2.4rem}
.drawer-foot{padding:2rem 2.4rem;border-top:1px solid rgba(var(--fg),.08)}
.line{display:grid;grid-template-columns:8rem 1fr auto;gap:1.6rem;padding:2rem 0;border-bottom:1px solid rgba(var(--fg),.06);align-items:start}
.line img{width:8rem;height:8rem;object-fit:cover}
.line a{color:rgb(var(--fg));text-decoration:none}
.line a:hover{text-decoration:underline}
.line .rm{background:none;border:0;font:inherit;font-size:1.3rem;text-decoration:underline;cursor:pointer;padding:0;color:rgba(var(--fg),.75)}
.line .warn{color:#b3261e;font-size:1.3rem}
.totals{display:flex;justify-content:space-between;color:rgb(var(--fg));font-size:1.8rem;margin-bottom:.4rem}
.small{font-size:1.3rem;margin:0 0 1.6rem}
.empty{padding:4rem 0;text-align:center}
.cart-page .cart-foot{max-width:40rem;margin-left:auto;padding:3rem 0}
.cart-err{color:#b3261e;font-size:1.4rem}

/* hero */
.hero{min-height:56rem;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;justify-content:center;text-align:center}
.hero:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2)}
.hero-in{position:relative;color:#fff;padding:5rem 1.6rem 9rem}
.hero h1{color:#fff;margin-bottom:1rem}
.hero p{margin:0 0 2.5rem;font-size:1.5rem}
@media(max-width:749px){.hero{min-height:40rem}}

/* rich text and image with text */
.rich{text-align:center;padding:6rem 1.6rem 4rem}
.rich p{margin:0 auto 2.5rem}
.iwt{display:grid;grid-template-columns:1fr;margin-bottom:0}
.iwt-media img{width:100%;aspect-ratio:1.2;object-fit:cover}
.iwt-text{padding:4rem 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.iwt-text p{margin:0 0 3rem}
@media(min-width:750px){.iwt{grid-template-columns:1fr 1fr}.iwt-text{padding:4rem 7rem}.iwt-rev .iwt-media{order:2}.iwt-rev .iwt-text{padding-left:0}}

/* product grid */
.featured{padding:6rem 1.6rem 2rem}
@media(min-width:750px){.featured{padding:6rem 5rem 2rem}}
.featured .center{padding:2.4rem 0}
.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
@media(min-width:750px){.grid{grid-template-columns:repeat(4,1fr)}}
.card a{text-decoration:none;display:block}
.card-media{position:relative;aspect-ratio:1;overflow:hidden;background:rgb(var(--soft))}
.card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s,transform .4s}
.card-media .second{opacity:0}
@media(hover:hover){.card a:hover .card-media .second{opacity:1}.card a:hover .card-media img{transform:scale(1.03)}}
.card-title{font-size:1.3rem;margin:1.2rem 0 .2rem;color:rgb(var(--fg))}
.card a:hover .card-title{text-decoration:underline}
.price{color:rgb(var(--fg));font-size:1.4rem;letter-spacing:.1rem}
.price s{color:rgba(var(--fg),.6);margin-right:.6rem}
.badge{position:absolute;left:1rem;bottom:1rem;background:rgb(36,40,51);color:#fff;border-radius:4rem;padding:.4rem 1.3rem;font-size:1.2rem;z-index:2}

/* collection */
.coll{padding-top:4rem;padding-bottom:6rem}
.coll-bar{display:flex;justify-content:space-between;align-items:center;margin:2rem 0;font-size:1.4rem}
.coll-bar select{font:inherit;border:0;background:none;color:rgb(var(--fg))}

/* product page */
.product{display:grid;grid-template-columns:1fr;gap:3rem;padding-top:3rem;padding-bottom:4rem}
@media(min-width:750px){.product{grid-template-columns:55% 1fr;gap:5rem}}
.slides{list-style:none;padding:0;margin:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.slides::-webkit-scrollbar{display:none}
.slides li{flex:0 0 100%;scroll-snap-align:start}
.slides img{width:100%;aspect-ratio:1;object-fit:contain;background:rgb(var(--soft))}
.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-top:.8rem}
.thumb{padding:0;border:1px solid transparent;background:none;cursor:pointer;aspect-ratio:1;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb.on{border-color:rgb(var(--fg))}
.info h1{font-size:4rem;margin-bottom:1.2rem}
.price.big{font-size:1.8rem;margin-bottom:.4rem}
.tax{font-size:1.3rem;margin:0 0 2.4rem}
.info .rte{margin-top:2.4rem}
@media(min-width:750px){.info{position:sticky;top:10rem;align-self:start}}

/* pages and forms */
.page{padding-top:4rem;padding-bottom:4rem}
.page-img{padding-bottom:2rem}
.page-img img{width:100%;max-height:70rem;object-fit:cover}
.h-small{font-size:1.8rem;margin-top:3rem}
.contact-form,.search-form{display:grid;gap:1.6rem;margin-bottom:3rem}
.row2{display:grid;gap:1.6rem}
@media(min-width:750px){.row2{grid-template-columns:1fr 1fr}}
input,textarea,select.field{font:inherit;font-size:1.6rem;padding:1.4rem 1.5rem;border:1px solid rgba(var(--fg),.55);border-radius:0;background:#fff;color:rgb(var(--fg));width:100%}
input:focus,textarea:focus{outline:2px solid rgba(var(--fg),.5);outline-offset:1px}
.contact-form .btn{justify-self:start}
.form-msg{margin:0}
.policy .rte{font-size:1.5rem}
.search-page{padding-top:4rem;padding-bottom:6rem}

/* footer */
.footer{border-top:1px solid rgba(var(--fg),.08);margin-top:4rem}
.newsletter{text-align:center;padding:4rem 1.6rem;max-width:44rem}
.newsletter h2{font-size:1.8rem}
.nl-form{display:flex;border:1px solid rgba(var(--fg),.55)}
.nl-form input{border:0;outline:0}
.nl-form button{border:0;background:none;width:4.4rem;cursor:pointer;color:rgb(var(--fg))}
.nl-form button svg{width:1.4rem}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding-top:3rem;padding-bottom:2rem;border-top:1px solid rgba(var(--fg),.08)}
.footer-lang{font-size:1.4rem}
.footer-lang .caption{display:block}
.pay{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:0;justify-content:flex-end}
.pay li{font-size:1.1rem;border:1px solid rgba(var(--fg),.2);border-radius:.4rem;padding:.2rem .8rem}
.footer-legal{display:flex;flex-wrap:wrap;gap:1rem;font-size:1.1rem;padding-bottom:3rem}
.footer-legal ul{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0}
.footer-legal li:before{content:"·";margin-right:1rem}
.footer-legal a{text-decoration:none}
.footer-legal a:hover{text-decoration:underline}
.ship-to{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.8rem 0;font-size:1.5rem}
.ship-to select{font:inherit;padding:.6rem .8rem;border:1px solid rgba(var(--fg),.3);background:transparent;color:rgb(var(--fg));max-width:60%}
.totals.small{font-size:1.5rem;opacity:.8}