@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap");:root{--bg:#f8faf9;--card-bg:#ffffff;--text-main:#0f172a;--text-sub:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--border-hover:#cbd5e1;--accent:#0f766e;--accent-hover:#042f2e;--accent-light:#f0fdf4;--accent-text:#15803d;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow-md:0 8px 24px rgba(15,23,42,0.06);--shadow-hover:0 16px 36px rgba(15,23,42,0.1);--font-main:"Zen Kaku Gothic New","Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Outfit","Plus Jakarta Sans",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}main{width:min(1200px,calc(100% - 36px));margin:0 auto}.hero{padding:56px 0 32px;border-bottom:1px solid var(--border)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid rgba(15,118,110,.2);border-radius:999px;background:var(--accent-light);color:var(--accent);font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:16px}.badgeDot{width:7px;height:7px;border-radius:50%;background-color:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.6)}h1{font-size:clamp(34px,5.5vw,56px);font-weight:900;letter-spacing:-.04em;line-height:1.1;color:var(--text-main)}.heroDesc{max-width:640px;margin-top:14px;font-size:15px;color:var(--text-sub);line-height:1.7}.heroChips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chip{padding:4px 12px;border-radius:6px;background:#edf2ef;color:#334155;font-size:12px;font-weight:500}.stickyNav{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding:14px 0;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.navContainer{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.navContainer::-webkit-scrollbar{display:none}.tabPill{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:10px 18px;border:1px solid var(--border);border-radius:999px;background:var(--card-bg);color:var(--text-sub);font-family:var(--font-main);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none;white-space:nowrap}.tabPill:hover:not(.active){background:#f1f5f9;color:var(--text-main);border-color:var(--border-hover);transform:translateY(-1px)}.tabPill.active{background:var(--text-main);color:#ffffff;border-color:var(--text-main);box-shadow:0 4px 14px rgba(15,23,42,.18);transform:translateY(-1px)}.tabIcon{font-size:14px}.rankingSection{padding:36px 0 60px}.sectionHeading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}h2{font-size:clamp(24px,3.5vw,32px);font-weight:800;letter-spacing:-.03em;color:var(--text-main)}.sectionSub{margin-top:4px;font-size:14px;color:var(--text-sub)}.totalCountBadge{padding:5px 12px;border-radius:999px;background:#e2e8f0;color:#475569;font-family:var(--font-display);font-size:12px;font-weight:700}.cardGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--border-hover)}.rankBadge{position:absolute;top:10px;left:10px;z-index:5;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:999px;background:var(--text-main);color:#ffffff;font-family:var(--font-display);font-size:13px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.2)}.crownIcon{font-size:15px}.rankBadge1{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 4px 12px rgba(217,119,6,.4)}.rankBadge2{background:linear-gradient(135deg,#cbd5e1,#64748b);box-shadow:0 4px 12px rgba(100,116,139,.3)}.rankBadge3{background:linear-gradient(135deg,#d97706,#78350f);box-shadow:0 4px 12px rgba(120,53,15,.35)}.imageWrap{position:relative;display:grid;place-items:center;height:200px;padding:16px;background:#f8faf9;overflow:hidden}.productImage{width:100%;height:170px;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s cubic-bezier(.16,1,.3,1)}.card:hover .productImage{transform:scale(1.05)}.noImage{color:var(--text-light);font-size:11px;letter-spacing:.12em;font-weight:700}.cardBody{padding:16px;display:flex;flex-direction:column;flex:1 1}.shopName{display:flex;align-items:center;gap:4px;margin-bottom:6px;color:var(--text-sub);font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopIcon{font-size:11px;opacity:.8}.productTitle{display:-webkit-box;overflow:hidden;min-height:2.6em;margin-bottom:12px;font-size:13px;font-weight:700;line-height:1.5;color:var(--text-main);-webkit-box-orient:vertical;-webkit-line-clamp:2}.priceRow{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.priceVal{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--accent);letter-spacing:-.02em}.freePostageTag{padding:2px 6px;border-radius:4px;background:#e0f2fe;color:#0369a1;font-size:10px;font-weight:700}.metaRow{display:flex;align-items:center;gap:6px;margin-bottom:16px;margin-top:auto}.ratingTag{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:6px;background:#fef3c7;color:#b45309;font-family:var(--font-display);font-size:11px;font-weight:700}.star{color:#f59e0b;font-size:11px}.reviewCountTag{padding:3px 8px;border-radius:6px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:600}.ctaBtn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 14px;border-radius:var(--radius-md);background:var(--accent);color:#ffffff;font-size:13px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 6px rgba(15,118,110,.2)}.ctaBtn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,118,110,.35)}.arrow{font-size:12px;transition:transform .2s ease}.ctaBtn:hover .arrow{transform:translate(2px,-2px)}.emptyState{padding:60px 20px;border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-sub);text-align:center}.warningBanner{margin-top:20px;padding:16px 20px;border:1px solid #fecaca;border-radius:var(--radius-md);background:#fef2f2;color:#991b1b;font-size:13px;line-height:1.6}.warningBanner code{padding:2px 6px;border-radius:4px;background:rgba(0,0,0,.06);font-family:monospace}.heroHeaderRow{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.heroHeaderRow .badge{margin-bottom:0}.heroContactIconBtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:var(--card-bg);color:var(--text-main);font-size:16px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm)}.heroContactIconBtn:hover{background:#f1f5f9;border-color:var(--border-hover);transform:translateY(-1px) scale(1.06)}.contactSection{padding:60px 0 20px;scroll-margin-top:80px}.contactCard{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-md);padding:40px}.contactHeader{text-align:center;max-width:580px;margin:0 auto 28px}.contactBadge{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--accent-light);color:var(--accent);font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.1em;margin-bottom:10px}.contactHeader h2{font-size:clamp(24px,3.5vw,32px);font-weight:800;color:var(--text-main)}.contactHeader p{margin-top:8px;font-size:14px;color:var(--text-sub);line-height:1.6}.tallyEmbedWrap{width:100%;max-width:680px;margin:0 auto}.tallyEmbedWrap iframe{border:none;border-radius:var(--radius-md)}footer{margin-top:60px;padding:32px 0 48px;border-top:1px solid var(--border);color:var(--text-sub);font-size:12px}.footerContent{justify-content:space-between;gap:20px}.footerContent,.footerLinks{display:flex;align-items:center}.footerLinks{gap:12px}.divider{color:var(--border-hover)}footer a{color:var(--accent);font-weight:700;transition:opacity .15s ease}footer a:hover{opacity:.8}@media (max-width:1080px){.cardGrid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width:768px){.cardGrid{grid-template-columns:repeat(2,1fr);gap:14px}.sectionHeading{display:block}.totalCountBadge{display:inline-block;margin-top:8px}}@media (max-width:640px){main{width:min(100% - 24px,1200px)}.hero{padding-top:36px}.cardGrid{grid-template-columns:1fr;gap:16px}.imageWrap{height:220px}.productImage{height:190px}.productTitle{font-size:14px;min-height:auto}.priceVal{font-size:22px}.footerContent{text-align:center;gap:12px}.footerContent,.footerLinks{flex-direction:column;align-items:center}.footerLinks{gap:8px}.divider{display:none}}