:root{--teal:#0fa3a0;--teal-d:#0b807e;--coral:#ff6b4a;--coral-d:#ef562f;--sunny:#ffc94d;--cream:#fff9f0;--paper:#fff;--ink:#23303a;--muted:#6b7a82;--line:#eae7df;--shadow:0 20px 44px -22px #143c3c4d;--wrap:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;font-family:Mulish,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.01em;font-family:Fredoka,system-ui,sans-serif;font-weight:600;line-height:1.15}a{color:var(--teal-d)}img{max-width:100%;height:auto}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}header.ph{z-index:50;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fff9f0eb;position:sticky;top:0}header.ph a{color:inherit;text-decoration:none}.nav{justify-content:space-between;align-items:center;gap:20px;height:76px;display:flex}.logo{white-space:nowrap;align-items:center;gap:9px;font-family:Fredoka,sans-serif;font-size:23px;font-weight:700;display:flex}.logo .dot{background:var(--teal);color:#fff;border-radius:14px;place-items:center;width:36px;height:36px;font-size:19px;display:grid;transform:rotate(-6deg)}.logo b{color:var(--teal)}.logo i{color:var(--coral);font-style:normal}.menu{gap:28px;font-size:15px;font-weight:700;display:flex}.menu a{padding:6px 0;transition:color .2s}.menu a:hover{color:var(--teal)}.cart{background:var(--coral);white-space:nowrap;border-radius:100px;padding:11px 20px;font-size:14px;font-weight:800;box-shadow:0 10px 22px -10px #ef562fb3;color:#fff!important}section{padding:60px 0}.shead{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;display:flex}.shead h2{font-size:clamp(28px,3.6vw,42px)}.shead p{color:var(--muted);font-weight:600}.shead a.more{color:var(--coral);white-space:nowrap;font-weight:800;text-decoration:none}.btn{background:var(--teal);cursor:pointer;border:none;border-radius:100px;padding:16px 30px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s;display:inline-block;box-shadow:0 14px 28px -12px #0fa3a0b3;color:#fff!important}.btn:hover{background:var(--teal-d);transform:translateY(-2px)}.btn.alt{box-shadow:none;border:2px solid var(--line);background:#fff;color:var(--ink)!important}.btn.alt:hover{border-color:var(--teal);color:var(--teal)!important}.article{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;margin:34px 0;padding:44px}.article h1{margin-bottom:14px;font-size:clamp(30px,4.2vw,46px)}.article .meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin-bottom:22px;font-size:14px;font-weight:700;display:flex}.article .meta a{color:var(--coral-d);text-decoration:none}.prose{font-size:17px}.prose h2{margin:34px 0 12px;font-size:29px}.prose h3{margin:26px 0 10px;font-size:23px}.prose p{margin:0 0 16px}.prose ul,.prose ol{margin:0 0 16px 22px}.prose li{margin-bottom:7px}.prose img{border-radius:16px;margin:18px 0}.prose figure{margin:18px 0}.prose figcaption{color:var(--muted);text-align:center;margin-top:7px;font-size:14px}.prose table{border-collapse:collapse;width:100%;margin:18px 0;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:10px 12px}.prose th{background:#f4f1e9;font-weight:800}.prose blockquote{border-left:4px solid var(--teal);background:#f1faf9;border-radius:0 14px 14px 0;margin:18px 0;padding:16px 20px}.prose blockquote.summary{border-left-color:var(--sunny);background:#fff6e8}.prose iframe{aspect-ratio:16/9;border-radius:16px;width:100%;max-width:100%;height:auto}.prose a{color:var(--coral-d)}.crumbs{color:var(--muted);padding:20px 0 0;font-size:13px;font-weight:700}.crumbs a{color:var(--teal-d);text-decoration:none}.crumbs span{opacity:.5;margin:0 7px}.grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.arts{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.pcard{background:var(--paper);border:1px solid var(--line);color:inherit;border-radius:22px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.pcard:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.pimg{aspect-ratio:1;background:#f4f1e9;overflow:hidden}.pimg img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.pcard:hover .pimg img{transform:scale(1.06)}.pmeta{flex-direction:column;flex:1;padding:15px 17px;display:flex}.pmeta h3{font-family:Mulish,sans-serif;font-size:15px;font-weight:700;line-height:1.35}.prow{justify-content:space-between;align-items:center;margin-top:auto;padding-top:11px;display:flex}.price{color:var(--teal);font-family:Fredoka,sans-serif;font-size:20px;font-weight:600}.acard{background:var(--paper);border:1px solid var(--line);color:inherit;border-radius:20px;text-decoration:none;transition:transform .25s;display:block;overflow:hidden}.acard:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.aimg{aspect-ratio:16/10;background:#e4f4f3;overflow:hidden}.aimg img{object-fit:cover;width:100%;height:100%}.acard h3{padding:15px 18px 6px;font-family:Mulish,sans-serif;font-size:16px;font-weight:800;line-height:1.35}.acard .rd{color:var(--coral);padding:0 18px 18px;font-size:13px;font-weight:800;display:block}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:40px 0;display:flex}.pager a,.pager span{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:100px;padding:10px 16px;font-size:14px;font-weight:800;text-decoration:none}.pager .on{background:var(--teal);color:#fff;border-color:var(--teal)}.related{margin:40px 0}.related h2{margin-bottom:18px;font-size:26px}.form{gap:14px;max-width:560px;margin-top:22px;display:grid}.form label{gap:6px;font-size:14px;font-weight:800;display:grid}.form input,.form textarea{border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 16px;font-family:inherit;font-size:15px}.form textarea{resize:vertical;min-height:150px}.form .hp{position:absolute;left:-9999px}.formnote{margin-top:12px;font-weight:700}footer.ph{background:var(--ink);color:#d9e2e5;margin-top:16px;padding:60px 0 28px}.fgrid{border-bottom:1px solid #ffffff1f;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:38px;padding-bottom:36px;display:grid}footer.ph h4{color:#fff;margin-bottom:14px;font-family:Fredoka,sans-serif;font-size:18px}footer.ph a{color:#b4c2c6;padding:5px 0;font-size:14px;font-weight:600;text-decoration:none;display:block}footer.ph a:hover{color:#fff}.fbot{color:#8a9ba0;flex-wrap:wrap;justify-content:space-between;gap:14px;padding-top:20px;font-size:13px;font-weight:600;display:flex}@media (width<=900px){.grid{grid-template-columns:1fr 1fr}.arts{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}.menu{display:none}.article{border-radius:20px;padding:26px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}