:root{--bg:#faf6ec;--card:#fffdf7;--ink:#3a2a1e;--mute:#7a6a5a;--green:#4d6b45;--green2:#3b5535;--gold:#d9a521;--org:#c9772b;--line:#e8dfcc;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1e1812;--card:#282018;--ink:#f3eadb;--mute:#b5a690;--green:#8fb583;--green2:#a6c99b;--line:#3d3226}}
:root[data-theme="dark"]{--bg:#1e1812;--card:#282018;--ink:#f3eadb;--mute:#b5a690;--green:#8fb583;--green2:#a6c99b;--line:#3d3226}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 80px)}
*,*:before,*:after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Mulish,system-ui,sans-serif}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;line-height:1.15;margin:0 0 .5em;font-weight:600}
h1{font-size:clamp(2.4rem,6vw,4.2rem)}h2{font-size:clamp(1.8rem,3.5vw,2.6rem)}h3{font-size:1.35rem}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.w{max-width:1180px;margin:0 auto;padding:0 20px}.sec{padding:64px 0}
.ann{background:var(--green2);color:#fff;text-align:center;font-size:.85rem;padding:8px 12px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:20px;height:68px}
.logo{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:1.7rem;letter-spacing:.08em;line-height:1;color:var(--green2)}
.logo small{display:block;font:600 .6rem Mulish;letter-spacing:.5em;color:var(--org)}
.menu{display:flex;gap:26px;margin:0 auto}.menu a{font-weight:600;padding:6px 0;border-bottom:2px solid transparent}.menu a:hover,.menu a.on{border-color:var(--gold)}
.ico{display:flex;gap:6px;align-items:center}
.ib{position:relative;background:none;border:0;color:var(--ink);width:42px;height:42px;border-radius:50%;cursor:pointer;display:grid;place-items:center}
.ib:hover{background:var(--line)}.ib svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.bdg{position:absolute;top:2px;right:0;background:var(--org);color:#fff;font-size:.68rem;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center}
.burger{display:none}
.sbar{display:none;padding:10px 0}.sbar.open{display:block}
input,select,textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%}
label{font-size:.85rem;font-weight:600;display:block;margin-bottom:4px}
.btn{display:inline-block;background:var(--green);color:#fff;border:2px solid var(--green);padding:11px 22px;border-radius:999px;font:700 .95rem Mulish;cursor:pointer;transition:.2s;text-align:center}
.btn:hover{background:var(--green2)}.btn.o{background:transparent;color:var(--green2)}.btn.o:hover{background:var(--green);color:#fff}
.btn.g{background:var(--gold);border-color:var(--gold);color:#2b1d10}.btn.sm{padding:8px 14px;font-size:.85rem}.btn[disabled]{opacity:.5;cursor:not-allowed}
.hero{background:linear-gradient(120deg,#efe3c3,#e9d9a8);color:#3a2a1e;overflow:hidden}
.hero .w{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;padding-top:56px;padding-bottom:56px}
.hero p{font-size:1.15rem;max-width:34ch}.hero img{border-radius:200px 200px 24px 24px;width:100%;aspect-ratio:1/1.05;object-fit:cover}
.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.g4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}
.val h3{color:var(--green2)}.val p{margin:0;color:var(--mute)}
.cat{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3;display:block}.cat img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.cat:hover img{transform:scale(1.05)}
.cat span{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(transparent,rgba(30,20,10,.75));color:#fff;font:600 1.6rem 'Cormorant Garamond',serif}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(60,40,20,.12)}
.card .im{position:relative;aspect-ratio:1/1;background:var(--line);display:block}.card .im img{width:100%;height:100%;object-fit:cover}
.card .bd{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.card h3{margin:0}.card p{margin:0;color:var(--mute);font-size:.9rem}
.heart{position:absolute;top:10px;right:10px;background:var(--card);border-radius:50%;width:38px;height:38px;border:0;cursor:pointer;font-size:1.1rem;color:var(--org)}
.tag{position:absolute;top:10px;left:10px;background:var(--gold);color:#2b1d10;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:99px}
.st{color:var(--gold);letter-spacing:2px;font-size:.9rem}.st small{color:var(--mute);letter-spacing:0}
.pr{font:700 1.3rem Mulish;color:var(--green2)}.mrp{text-decoration:line-through;color:var(--mute);font-size:.9rem;margin-left:6px}
.two{display:grid;grid-template-columns:1fr 84px;gap:8px}.two2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.why{background:var(--green2);color:#fff;border-radius:26px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.why img{border-radius:18px}.why p{opacity:.9}
.q{font-family:'Cormorant Garamond',serif;font-size:1.2rem}.demo{font-size:.75rem;color:var(--mute)}
.soc{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.soc img{border-radius:14px;aspect-ratio:1;object-fit:cover;width:100%}
.nl{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:26px;padding:48px 20px}.nl form{display:flex;gap:10px;max-width:460px;margin:18px auto 0}
footer{background:#2b1d10;color:#e9dcc3;padding:52px 0 24px;margin-top:40px}footer h4{margin:0 0 10px;font-family:'Cormorant Garamond',serif;font-size:1.25rem;color:#f3cf6b}
footer a{display:block;padding:3px 0;opacity:.85}footer a:hover{opacity:1;text-decoration:underline}.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px}
.copy{border-top:1px solid #4a3a2a;margin-top:32px;padding-top:18px;font-size:.85rem;text-align:center}
.shop{display:grid;grid-template-columns:240px 1fr;gap:28px}.filt{position:sticky;top:90px;align-self:start}.filt .box{display:grid;gap:14px}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:40px}.main{border-radius:20px;width:100%;aspect-ratio:1;object-fit:cover}.th{display:flex;gap:10px;margin-top:10px}.th img{width:76px;height:76px;object-fit:cover;border-radius:12px;cursor:pointer;border:2px solid transparent}.th img.on{border-color:var(--gold)}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1.5px solid var(--line);background:var(--card);color:var(--ink);padding:8px 16px;border-radius:99px;cursor:pointer;font:600 .9rem Mulish}.chip.on{border-color:var(--green);background:var(--green);color:#fff}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:99px;background:var(--card)}.qty button{width:36px;height:36px;border:0;background:none;color:var(--ink);font-size:1.2rem;cursor:pointer}.qty b{min-width:28px;text-align:center}
.ci{display:grid;grid-template-columns:84px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.ci img{width:84px;height:84px;border-radius:12px;object-fit:cover}
.cl{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start}.sum div{display:flex;justify-content:space-between;padding:6px 0}.sum .t{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-weight:700;font-size:1.15rem}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fgrid .f{grid-column:1/-1}.err{color:#b3261e;font-size:.8rem;min-height:1em}
.pay{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px}.pay input{width:auto}.pay.dis{opacity:.55}.pay em{margin-left:auto;font-size:.75rem;background:var(--line);padding:2px 10px;border-radius:99px;font-style:normal}
.steps{display:flex;gap:8px;margin-bottom:20px}.steps span{flex:1;text-align:center;padding:8px;border-bottom:3px solid var(--line);font-weight:600;color:var(--mute)}.steps .on{border-color:var(--gold);color:var(--ink)}
.tbl{width:100%;border-collapse:collapse;font-size:.9rem}.tbl th,.tbl td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:top}.ov{overflow-x:auto}
.mod{position:fixed;inset:0;background:rgba(20,12,5,.6);z-index:50;display:grid;place-items:center;padding:16px}.mod .box{max-width:760px;width:100%;max-height:90vh;overflow:auto}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#2b1d10;color:#fff;padding:12px 22px;border-radius:99px;z-index:60;font-weight:600}
.sticky{display:none}
.note{background:#fff3cf;color:#4a3510;border-radius:12px;padding:10px 14px;font-size:.85rem}
@media(max-width:860px){.menu{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg);flex-direction:column;padding:12px 20px 20px;border-bottom:1px solid var(--line);gap:6px}.menu.open{display:flex}.burger{display:grid}.nav{gap:6px}.logo{margin-right:auto}
.hero .w,.pd,.shop,.cl,.why{grid-template-columns:1fr}.filt{position:static}.why{padding:28px}.sec{padding:44px 0}
.sticky{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));gap:10px;z-index:15;align-items:center}.sticky .btn{flex:1}.nl form{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
a.chip{display:inline-block}
.fgrid input[readonly]{opacity:.7}