:root{--deep:#215e69;--teal:#17968f;--green:#19c89a;--primary:#215e69;--bg:#f1f7f6;--card:#fff;--chip:#e4efee;--text:#123034;--text-muted:#5a7378;--text-faint:#8aa2a6;--mrp:#5f7b80;--skeleton:#dde8e7;--border:#d7e4e3;--sale:#f59e0b;--on-sale:#3d2708;--expired:#7a5a12;--btn-primary-bg:#19c89a;--btn-primary-text:#05342b;--btn-secondary-bg:#215e69;--btn-secondary-text:#fff;--overlay:hsla(0,0%,100%,.92);--r-sm:6px;--r-md:10px;--r-lg:14px;--shell:1680px}[data-theme=dark]{--primary:#2fd6a6;--bg:#0c1a1d;--card:#14262a;--chip:#1b3237;--text:#eaf4f3;--text-muted:#8fa9ad;--text-faint:#65818e;--mrp:#9cb3b7;--skeleton:#1e3035;--border:#22383d;--sale:#fbbf24;--on-sale:#3d2708;--expired:#c08a2a;--btn-primary-text:#04241e;--btn-secondary-bg:#245f6b;--overlay:rgba(12,26,29,.92)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:400 15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}.shell{max-width:var(--shell);margin:0 auto;padding:0 24px}@media (max-width:560px){.shell{padding:0 16px}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--card);border-bottom:1px solid var(--border)}.header-in{gap:12px;height:76px}.header-brand,.header-in{display:flex;align-items:center}.header-brand{flex:none}.header-logo{height:46px;width:auto}@media (max-width:560px){.header-in{height:62px}.header-logo{height:36px}}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--card);color:var(--text);cursor:pointer}.icon-btn:hover{background:var(--chip)}.search-inline{flex:1 1;min-width:0;max-width:50%;margin-left:auto}.header-search{padding-bottom:12px}.search-toggle{display:none}@media (max-width:860px){.search-inline{display:none}.search-toggle{display:grid}.header-brand{flex:1 1}}.search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--card);color:var(--text-faint)}.search:focus-within{border-color:var(--primary)}.search input{flex:1 1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:14px;color:var(--text)}.search input::-webkit-search-cancel-button{cursor:pointer}.drawer-backdrop{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.drawer-backdrop[data-open="1"]{opacity:1;visibility:visible}.drawer{position:fixed;top:0;bottom:0;left:0;z-index:31;width:260px;max-width:82vw;background:var(--card);border-right:1px solid var(--border);transform:translateX(-100%);visibility:hidden;transition:transform .22s ease,visibility .22s ease;overflow-y:auto}.drawer[data-open="1"]{transform:none;visibility:visible}.drawer-head{display:flex;justify-content:center;padding:14px 16px;border-bottom:1px solid var(--border)}.drawer-nav{padding:8px 0}.drawer-link{display:flex;align-items:center;gap:16px;padding:12px 20px;font-size:15px;color:var(--text)}.drawer-link:hover{background:var(--chip)}.drawer-link[data-active="1"]{background:var(--chip);color:var(--primary);font-weight:700}.drawer-link svg{flex:none}.banner-wrap{position:relative}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--text);cursor:pointer;opacity:.92}.banner-arrow:hover{opacity:1;background:var(--chip)}.banner-arrow[data-side=l]{left:8px;rotate:180deg}.banner-arrow[data-side=r]{right:8px}@media (max-width:720px){.banner-arrow{display:none}}.banners{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:20px 0 8px}.banners::-webkit-scrollbar{display:none}.banner{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:24/10;border-radius:var(--r-lg);overflow:hidden;background:var(--skeleton)}.banner img{width:100%;height:100%;object-fit:cover;display:block}@media (min-width:720px){.banner{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 24px) / 3);aspect-ratio:5/3}}.dots{display:flex;justify-content:center;gap:6px;margin:10px 0 4px}.dot{width:6px;height:6px;border-radius:999px;background:var(--border);border:0;padding:0;cursor:pointer}.dot[data-on="1"]{width:18px;background:var(--primary)}.section-title{font-size:19px;font-weight:700;margin:28px 0 12px}.grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px}@media (max-width:1100px){.grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:820px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.grid{grid-template-columns:repeat(2,1fr)}}.card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-lg)}.card,.card-media{background:var(--card);overflow:hidden}.card-media{display:block;position:relative;aspect-ratio:1;min-height:0;padding:8px}.card-media img{width:100%;height:100%;object-fit:contain;display:block}.badge,.card-media img{border-radius:var(--r-sm)}.badge{position:absolute;display:flex;align-items:center;gap:3px;padding:2px 5px;font-size:10px;font-weight:700;line-height:1.4}.badge-off{top:8px;right:8px;background:var(--sale);color:var(--on-sale)}.badge-time{bottom:8px;right:8px;background:var(--overlay);color:var(--text-muted)}.card-expired{position:absolute;inset:0;display:grid;place-items:center;background:var(--overlay);color:var(--expired);font-size:16px;font-weight:700}.card-body{display:flex;flex-direction:column;gap:4px;padding:8px;flex:1 1}.card-title{font-size:13px;font-weight:500;line-height:1.4;margin:0;height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.price-row{display:flex;align-items:baseline;gap:6px;margin-top:auto}.price{font-size:16px;font-weight:700}.mrp{font-size:12px;font-weight:500;color:var(--mrp);text-decoration:line-through;-webkit-text-decoration-color:var(--mrp);text-decoration-color:var(--mrp)}.actions{display:flex;gap:4px;margin-top:2px}.btn{flex:1 1;border:0;border-radius:var(--r-sm);padding:8px 10px;font:500 12px/1.2 inherit;text-align:center;cursor:pointer}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn:hover{filter:brightness(1.06)}.btn-lg{padding:13px 20px;font-size:15px;font-weight:600;flex:0 1 auto;min-width:150px}.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:32px;gap:32px;margin:28px 0;align-items:start}@media (max-width:860px){.detail{grid-template-columns:1fr;gap:20px}}.hero{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;aspect-ratio:1.1;max-height:520px}.hero img{width:100%;height:100%;object-fit:contain;border-radius:var(--r-md)}.detail h1{font-size:24px;line-height:1.3;margin:0 0 12px}.detail-price{font-size:28px;font-weight:700}.meta-row{display:flex;align-items:center;gap:8px;font-size:12px;margin:4px 0 18px}.chip,.meta-row{color:var(--text-muted)}.chip{background:var(--chip);border-radius:var(--r-sm);padding:3px 8px;font-size:11px;font-weight:600}.sub{font-size:16px;font-weight:700;margin:26px 0 8px}.prose{white-space:pre-line}.features{margin:8px 0 0;padding:0;list-style:none;display:grid;grid-gap:2px;gap:2px}.features li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--border);font-size:14px;line-height:1.6;color:var(--text-muted)}.features li:before{content:"\2713";flex:0 0 22px;height:22px;border-radius:999px;background:var(--chip);color:var(--primary);font-size:12px;font-weight:700;display:grid;place-items:center}.note{background:var(--chip);border-radius:var(--r-md);padding:12px 14px;font-size:13px;line-height:1.6;color:var(--text);margin-top:26px}.detail p{color:var(--text-muted);font-size:14px;line-height:1.7}.steps{margin:8px 0 0;padding:0;list-style:none;counter-reset:step}.steps li{display:flex;gap:12px;padding:9px 0;border-top:1px solid var(--border);font-size:14px;color:var(--text-muted)}.steps li:before{counter-increment:step;content:counter(step);flex:0 0 22px;height:22px;border-radius:999px;background:var(--chip);color:var(--primary);font-size:11px;font-weight:700;display:grid;place-items:center}.doc{max-width:760px;margin:32px auto 0}.doc h1{font-size:24px;margin:0 0 20px}.doc h2{font-size:16px;margin:28px 0 8px}.doc li,.doc p{color:var(--text-muted);font-size:14px;line-height:1.7}.doc ul{padding-left:20px}.doc strong{color:var(--text);font-weight:700}.footer{margin-top:56px;border-top:1px solid var(--border);background:var(--card);color:var(--text)}.footer-in{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);grid-gap:40px;gap:40px;padding-block:48px}.footer-col h3{margin:0 0 20px;font-size:22px;font-weight:700}.footer-col p{margin:0 0 16px;max-width:62ch;font-size:15px;line-height:1.6;color:var(--text-muted)}.footer-links{display:flex;flex-direction:column;gap:14px}.footer-links a{font-size:15px;color:var(--text-muted)}.footer-links a:hover{color:var(--text)}.footer-bar{border-top:1px solid var(--border)}.footer-bar p{padding-block:16px;margin:0;font-size:12px;line-height:1.6;color:var(--text-faint);text-wrap:pretty}@media (max-width:860px){.footer-in{grid-template-columns:1fr;gap:32px;padding-block:36px}}.center{text-align:center;padding:56px 0;color:var(--text-muted)}.skeleton{background:var(--skeleton);border-radius:var(--r-sm);animation:pulse 1.1s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.45}to{opacity:1}}