:root{--bone:#F3EDE1;--ink:#1B1915;--ink-soft:#4A453C;--forest:#1E3A2A;--amber:#B9762F;
--line:rgba(27,25,21,.13);--card:#FBF7EF;--shadow:0 1px 2px rgba(27,25,21,.05),0 22px 48px -28px rgba(27,25,21,.45)}
.ms *{box-sizing:border-box;margin:0;padding:0}
.ms{background:var(--bone);color:var(--ink);font-family:"Hanken Grotesk",system-ui,sans-serif;line-height:1.6;min-height:100vh}
.ms h1,.ms h2,.ms h3{font-family:"Fraunces",Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.01em}
.ms a{color:inherit}
.ms-wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.ms-header{position:sticky;top:0;z-index:50;background:rgba(243,237,225,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.ms-nav{display:flex;align-items:center;gap:18px;padding:12px 0;flex-wrap:wrap}
.ms-nav .logo{margin-right:auto}.ms-nav .logo img{height:40px;width:auto;display:block}
.ms-nav a.link{font-size:.85rem;font-weight:500;text-decoration:none;color:var(--ink-soft)}
.ms-nav a.link:hover,.ms-nav a.link[aria-current]{color:var(--forest)}
.ms-cart{display:flex;align-items:center;gap:10px;font-size:.85rem}
.ms-cart .pay{background:var(--forest);color:var(--bone);border-radius:100px;padding:9px 18px;text-decoration:none;font-weight:600}
.ms-cart .pay[hidden]{display:none}
.ms-hero{padding:44px 0 8px}
.ms-hero h1{font-size:clamp(2rem,5vw,3.4rem)}.ms-hero h1 em{font-style:italic;color:var(--forest)}
.ms-hero p{color:var(--ink-soft);max-width:52ch;margin-top:10px}
.ms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 0 60px}
@media(max-width:980px){.ms-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.ms-grid{grid-template-columns:repeat(2,1fr)}}
.ms-card{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s}
.ms-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.ms-card .im{aspect-ratio:1/1;background:#fff;overflow:hidden}
.ms-card .im img{width:100%;height:100%;object-fit:cover}
.ms-card .bd{padding:12px 14px 14px}
.ms-card .t{font-size:.9rem;font-weight:500;display:block}
.ms-card .p{color:var(--forest);font-weight:600;margin-top:4px;display:block}
.ms-pag{display:flex;gap:14px;justify-content:center;padding:0 0 70px;font-weight:600}
.ms-pag a,.ms-pag span{padding:8px 16px;border:1px solid var(--line);border-radius:100px;text-decoration:none}
.ms-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:36px 0 70px}
@media(max-width:900px){.ms-tiles{grid-template-columns:repeat(2,1fr)}}
.ms-pd{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;padding:40px 0 80px}
@media(max-width:860px){.ms-pd{grid-template-columns:1fr}}
.ms-pd .main{aspect-ratio:1/1;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.ms-pd .main img{width:100%;height:100%;object-fit:contain}
.ms-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.ms-thumbs img{width:64px;height:64px;object-fit:cover;border:1px solid var(--line);border-radius:6px;cursor:pointer}
.ms-pd h1{font-size:clamp(1.5rem,3.4vw,2.3rem)}
.ms-pd .price{font-size:1.3rem;color:var(--forest);font-weight:600;margin:12px 0 18px}
.ms-buy{background:var(--amber);color:#fff;border:0;border-radius:100px;padding:14px 34px;font-size:1rem;font-weight:700;cursor:pointer}
.ms-buy[disabled]{opacity:.55;cursor:default}
.ms-desc{margin-top:24px;color:var(--ink-soft);font-size:.95rem}
.ms-note{font-size:.78rem;color:var(--ink-soft);margin-top:14px}
.ms-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:var(--forest);color:var(--bone);padding:12px 22px;border-radius:100px;font-size:.9rem;opacity:0;pointer-events:none;transition:opacity .3s}
.ms-toast.on{opacity:1}
.ms-foot{border-top:1px solid var(--line);padding:26px 0 40px;font-size:.8rem;color:var(--ink-soft)}