html,body{height:auto}
a{color:inherit;text-decoration:none}
.hd .logo{gap:9px}
.hd .logo svg{color:var(--acc)}
.hd .hdnav a{font:500 15px Inter;padding:6px 0;border-bottom:1.5px solid transparent}
.hd .hdnav a:hover{border-color:var(--ink)}
a.btn{text-decoration:none}
a.ib{color:var(--ink)}
.hero .cta a.btn{width:auto;flex:none}
.hero h1 em{white-space:normal}
.vs .good{background:var(--ink)}
.duo .btn{background:var(--sand);color:var(--ink)}
.gift{display:grid;gap:0;border-radius:28px;overflow:hidden;background:var(--lin);border:1px solid var(--line)}
.gift .t{padding:28px 22px}
.gift h3{font-size:30px;margin:8px 0}
.gift p{color:var(--muted);font-size:15px}
.gift .im{background:#fff}
.gift .im img{width:100%;aspect-ratio:1;object-fit:cover}
.gift .btn{margin-top:20px}
.q>button{color:var(--ink)}
.perks svg{flex:none;color:var(--acc-d)}
.qty input{width:34px;border:0;text-align:center;font:600 16px Inter;background:transparent;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.desc{margin-top:22px;color:var(--muted);font-size:15px}
.desc ul{padding-left:18px;display:grid;gap:4px;margin-top:8px}
.desc p+p{margin-top:8px}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.specs div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}
.specs b{display:block;font:700 22px Fraunces,serif}
.specs span{font-size:13px;color:var(--muted)}
.gmain img{opacity:0}.gmain img.on{opacity:1}
@media(min-width:900px){
.gift{grid-template-columns:1.1fr 1fr;align-items:center}.gift .t{padding:56px}.gift h3{font-size:46px}.gift .btn{width:auto;display:inline-flex}
.specs{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.specs div{padding:22px}
}