*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;background:#f4f3ef;color:#1b1b1a;line-height:1.5}
.wrap{max-width:1120px;margin:0 auto;padding:44px 24px 96px}
.buyrow{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
header{display:flex;align-items:center;gap:16px;margin-bottom:40px}
header img{height:44px;max-width:220px;object-fit:contain}
header .name{font-weight:700;font-size:22px}
h1{font-size:clamp(36px,6vw,64px);line-height:1.02;letter-spacing:-.02em;margin-bottom:14px}
.price{font-size:22px;font-weight:600;margin-bottom:10px}
.lead{font-size:19px;color:#55554f;max-width:700px}
h2{font-size:28px;margin:64px 0 18px;letter-spacing:-.01em}
.gift{background:#fff;border-radius:20px;padding:28px;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;margin-top:36px}
.gift img{width:100%;height:auto;display:block;border-radius:12px}
.gift .free{font-size:30px;font-weight:700;line-height:1.15;letter-spacing:-.01em;margin-bottom:12px}
.gift p{color:#55554f}
.dl{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.dl a{display:inline-block;border:1.5px solid #1b1b1a;border-radius:999px;padding:10px 18px;color:#1b1b1a;text-decoration:none;font-weight:600;font-size:15px}
.from{font-size:14px;color:#55554f;margin-top:14px}
.from b{color:#1b1b1a;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;list-style:none}
.grid li{display:flex;flex-direction:column;gap:8px}
.grid a.open{display:block;border-radius:10px;overflow:hidden;background:#e6e4dc;outline-offset:3px;position:relative}
.grid a.open img{width:100%;height:auto;display:block}
.grid a.open span{display:block;background:#1b1b1a;color:#fff;font-size:14px;font-weight:600;padding:8px 12px;text-align:center}
.grid .from{margin-top:0;font-size:13px}
.buybox{background:#fff;border-radius:20px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.buy{display:inline-block;background:#1b1b1a;color:#fff;text-decoration:none;font-weight:700;font-size:18px;padding:16px 30px;border-radius:999px}
.buybox p{color:#44443f}
.textlink{color:#1b1b1a;font-weight:600}
ul.inc{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
ul.inc li{background:#fff;border-radius:12px;padding:16px 18px}
details{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:10px}
summary{font-weight:600;cursor:pointer} details p{margin-top:10px;color:#44443f}
footer{margin-top:64px;font-size:14px;color:#6b6b64;max-width:760px} footer p+p{margin-top:8px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1b1b1a;outline-offset:3px}
dialog{margin:auto;border:0;border-radius:18px;padding:0;max-width:min(96vw,980px);width:100%;max-height:94vh;overflow:auto;background:#fff;color:#1b1b1a}
dialog::backdrop{background:rgba(20,20,18,.72)}
.view{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:0}
.stage{background:#ecebe6;display:flex;align-items:center;justify-content:center;padding:18px;min-height:340px}
.stage img{max-width:100%;max-height:min(800px,72vh);width:auto;height:auto;display:block;border-radius:8px}
.side{padding:22px 20px;display:flex;flex-direction:column;gap:14px}
.vbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:10px 14px;border-bottom:1px solid #e2e0d8}
.vbar h3{font-size:18px}
.vbar button{font:inherit;font-size:15px;font-weight:600;border:1.5px solid #1b1b1a;background:#1b1b1a;color:#fff;border-radius:999px;padding:8px 18px;cursor:pointer}
.primary{font-size:14px;color:#1b1b1a;margin:0}
.primary b{font-weight:600}
.op{margin-top:8px}
.side h3{font-size:18px}
.sizes{display:flex;flex-direction:column;gap:8px}
.side button{font:inherit;font-size:15px;border:1.5px solid #1b1b1a;background:#fff;color:#1b1b1a;border-radius:999px;padding:8px 14px;cursor:pointer;text-align:left}
.side button[aria-pressed="true"]{background:#1b1b1a;color:#fff}
.nav{display:flex;gap:8px;margin-top:auto}
.nav button{flex:1;text-align:center}
@media (max-width:760px){.wrap{padding:14px 16px 72px}header{margin-bottom:10px}header img{height:34px}header .name{font-size:20px}
h1{font-size:28px;margin-bottom:6px}.price{font-size:17px;margin-bottom:4px}.lead{font-size:15px}.lead.small{font-size:12.5px;line-height:1.35}
.gift{margin-top:12px;padding:12px;gap:16px}.gift .free{font-size:24px}.buy{font-size:17px;padding:14px 24px}
dialog{max-height:100dvh;max-width:100vw;border-radius:0}.vbar{padding:8px 12px}.gift{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr;gap:12px}.grid a.open span{font-size:12px;padding:6px 8px}.view{grid-template-columns:1fr}.stage{min-height:0;padding:10px}
.stage img{max-height:min(56vh,calc(100dvh - 300px))}.side{padding:16px}.sizes{flex-direction:row;flex-wrap:wrap}.side button{padding:7px 12px;font-size:14px}}
/* Former style attributes. !important keeps them as strong as they were inline. */
.inline-style-1{margin-bottom:6px !important}
.inline-style-2{margin-bottom:12px !important}
.inline-style-3{margin:0 0 12px !important}
.inline-style-4{margin:0 !important}
