.gal{position:relative}.gmain{position:relative;aspect-ratio:1;background:#fff;overflow:hidden}.gmain img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s}.thumbs{display:flex;gap:8px;padding:10px 20px 0}.thumbs button{width:64px;height:64px;border-radius:12px;overflow:hidden;border:2px solid transparent;background:#fff;flex:none}.thumbs button.on{border-color:var(--ink)}.thumbs img{width:100%;height:100%;object-fit:cover}.pt{font-size:32px;margin-top:16px}.pp{display:flex;align-items:baseline;gap:10px;margin-top:10px}.pp b{font:700 28px Fraunces,serif}.pp span{font-size:13px;color:var(--muted)}.lbl{font:600 13px Inter;margin:22px 0 10px;display:flex;gap:6px}.lbl span{color:var(--muted);font-weight:500}.opts{display:flex;gap:10px;flex-wrap:wrap}.opt{display:flex;align-items:center;gap:9px;min-height:46px;padding:8px 16px 8px 10px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:600 14px Inter}.opt i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.opt.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.buy{display:flex;gap:10px;margin-top:22px}.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;background:#fff;flex:none}.qty button{width:42px;height:50px;font:600 20px Inter}.qty span{min-width:22px;text-align:center;font-weight:600}.buy .btn{flex:1}.date{font-size:13px;color:var(--muted);text-align:center;margin-top:10px}.date b{color:var(--ink)}.perks{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:20px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.perks div{background:#fff;padding:12px;font:500 12.5px/1.35 Inter;display:flex;gap:8px;align-items:center}.acc{border-top:1px solid var(--line);margin-top:24px}.q{border-bottom:1px solid var(--line)}.q>button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 0;font:600 15px Inter;text-align:left}.q>button i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--lin);display:grid;place-items:center;font-style:normal;transition:transform .3s}.q.on>button i{transform:rotate(45deg)}.q .a{max-height:0;overflow:hidden;color:var(--muted);font-size:14px;transition:max-height .35s,padding .35s}.q.on .a{max-height:300px;padding-bottom:16px}.q .a ul{padding-left:18px;display:grid;gap:4px}.up{display:flex;gap:12px;align-items:center;margin-top:18px;padding:12px;border-radius:18px;border:1.5px dashed var(--acc);background:#fff;text-align:left;width:100%}.up .ck{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--acc);display:grid;place-items:center;color:#fff;font:700 14px Inter}.up.on{border-style:solid;background:#fbf1ea}.up.on .ck{background:var(--acc)}.up img{width:52px;height:52px;border-radius:12px;object-fit:cover;flex:none}.up b{font:600 14px Inter;display:block}.up span{font-size:12px;color:var(--muted)}.mini{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:14px -20px 0;padding:0 20px}.mini::-webkit-scrollbar{display:none}.mini .pc{flex:0 0 160px}.li{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;margin-bottom:10px}.li img{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:none}.li .m{flex:1;min-width:0;font:600 14px/1.3 Inter}.li .m span{display:block;font:500 12px Inter;color:var(--muted)}.li .m .qty{margin-top:6px;display:inline-flex}.li .m .qty button{width:32px;height:32px;font-size:16px}.li strong{font:700 16px Fraunces,serif;align-self:flex-start;margin-top:4px}.sum{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;margin-top:14px;display:grid;gap:8px;font-size:14px}.sum div{display:flex;justify-content:space-between}.sum .t{font:600 16px Inter;border-top:1px solid var(--line);padding-top:10px}.sum .t b{font:700 24px Fraunces,serif}.note-ship{font-size:12.5px;color:var(--muted);background:var(--lin);border-radius:14px;padding:10px 12px;margin-top:12px}.empty{text-align:center;padding:60px 20px}.empty img{width:140px;height:140px;margin:0 auto 14px;border-radius:20px;object-fit:cover}.tabs{position:absolute;left:0;right:0;bottom:0;height:64px;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);background:#fcf9f4f7;border-top:1px solid var(--line)}.tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:600 11px Inter;color:var(--muted)}.tabs button.on{color:var(--ink)}.tabs button.on svg{stroke:var(--acc)}.toast{position:absolute;left:50%;top:76px;z-index:60;transform:translate(-50%,-20px);opacity:0;background:var(--ink);color:#fff;font:600 13px Inter;padding:10px 18px;border-radius:999px;transition:.3s;white-space:nowrap;pointer-events:none}.toast.on{opacity:1;transform:translate(-50%)}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;background:#2b242080;display:none;place-items:center;padding:24px}.modal.on{display:grid}.modal>div{background:var(--cream);border-radius:24px;padding:24px;text-align:center;max-width:380px}.modal h3{font-size:24px;margin-bottom:8px}.modal p{font-size:14px;color:var(--muted);margin-bottom:16px}.foot{background:var(--ink);color:#b9aea2;font-size:13px;padding:40px 20px 34px;display:grid;gap:22px}.foot .lg{display:flex;align-items:center;gap:8px;font:700 24px Fraunces,serif;color:#fff}.foot p{max-width:34ch;margin-top:8px}.foot h4{font:600 11px Inter;letter-spacing:.16em;text-transform:uppercase;color:var(--sand);margin-bottom:10px}.foot ul{list-style:none;display:grid;gap:6px}.foot .bt{border-top:1px solid #4A3F38;padding-top:16px;font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.hdnav{display:none}@media(min-width:900px){.tabs{display:none}.scr{bottom:0}.hd{height:78px;padding:0 max(32px,calc((100% - 1200px)/2))}.logo{font-size:27px}.hdnav{display:flex;gap:28px;position:absolute;left:50%;transform:translate(-50%)}.hdnav button{font:500 15px Inter;padding:6px 0;border-bottom:1.5px solid transparent}.hdnav button:hover{border-color:var(--ink)}.pad{padding-left:max(32px,calc((100% - 1200px)/2));padding-right:max(32px,calc((100% - 1200px)/2))}.sec{padding-top:96px;padding-bottom:96px}.h2{font-size:52px}.lead{font-size:17px}.hero{display:grid;grid-template-columns:1fr 1.05fr;column-gap:64px;align-items:center;padding-top:56px;padding-bottom:24px}.hero>*{grid-column:1}.hero h1{font-size:88px}.hero .sub{font-size:19px}.hvis{grid-column:2;grid-row:1/span 5;margin:0;aspect-ratio:4/4.6}.seal{width:110px;height:110px;font-size:12px;right:22px;top:22px}.tag{left:22px;bottom:22px}.trust{grid-template-columns:repeat(4,1fr);margin-top:56px}.trust div{padding:22px 24px;font-size:14px;justify-content:center}.vs{grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.vs>div{padding:34px}.vs h3{font-size:28px}.vs ul{font-size:16px;gap:12px}.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0 0;padding:0;overflow:visible}.duo{grid-template-columns:1fr 1fr;align-items:center}.duo img{height:100%;aspect-ratio:auto;min-height:440px}.duo .t{padding:56px}.duo h3{font-size:46px}.duo .btn{width:auto;display:inline-flex}.grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.pc:hover{transform:translateY(-4px);box-shadow:0 20px 40px -26px #2b24208c}.pc b{font-size:16px}.pc .pr strong{font-size:21px}.steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.step{flex-direction:column;padding:26px}.acc{max-width:840px}#v-prod.on{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding:48px max(32px,calc((100% - 1200px)/2)) 80px;align-items:start}#v-prod .gal{position:sticky;top:100px;min-width:0}#v-prod .gmain{border-radius:28px;border:1px solid var(--line)}#v-prod .thumbs{padding:14px 0 0}#v-prod .thumbs button{width:84px;height:84px}#v-prod section.pad{padding:0;min-width:0}#v-prod .pt{font-size:50px;margin-top:6px}#v-prod .mini{margin-left:0;margin-right:0;padding:0}#v-prod .mini .pc{flex:0 0 180px}#v-cart section{max-width:720px;margin:0 auto}.foot{grid-template-columns:2fr 1fr 1fr;padding:64px max(32px,calc((100% - 1200px)/2)) 40px}.foot .bt{grid-column:1/-1}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/ph-extra.css.map */