:root{--g:#2E5E4E;--gd:#1F3A32;--sand:#F6F1E7;--sun:#F2A23A;--tx:#1A2420;--mut:#3B4A54;--mist:#DCE6E0;--r:14px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--tx);background:var(--sand);line-height:1.55}
a{color:var(--g)}img,svg{max-width:100%}.wrap{max-width:1100px;margin:0 auto;padding:0 1.1rem}
header.top{background:#fff;border-bottom:1px solid #e4ddd0;position:sticky;top:0;z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.25rem;text-decoration:none;color:var(--gd)}.brand img{width:36px;height:36px}
.nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0;flex-wrap:wrap;font-size:.95rem}.nav ul a{text-decoration:none;color:var(--tx);font-weight:600}
.hero{background:linear-gradient(160deg,#2E5E4E 0%,#1F3A32 70%);color:#fff;padding:3.5rem 0 4rem;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:var(--sun);opacity:.85}
.hero h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.1;margin:0 0 .8rem;max-width:16ch;position:relative;z-index:1}.hero p{max-width:52ch;font-size:1.1rem;opacity:.92;position:relative;z-index:1}
.btn{display:inline-block;background:var(--sun);color:var(--gd);font-weight:700;padding:.7rem 1.2rem;border-radius:999px;text-decoration:none;border:0;cursor:pointer;font-size:1rem}
.btn.o{background:transparent;border:2px solid var(--g);color:var(--g)}
section{padding:3rem 0}h2{font-size:1.7rem;margin:0 0 1.2rem}
.grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:600px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.grid.c4{grid-template-columns:repeat(4,1fr)}.grid.c3{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border-radius:var(--r);padding:1.2rem;box-shadow:0 2px 10px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:.5rem}
.cat{text-decoration:none;color:var(--tx);border-top:5px solid var(--g);transition:transform .15s}.cat:hover{transform:translateY(-3px)}.cat .ico{font-size:2rem}
.ph{background:repeating-linear-gradient(45deg,#eef2ef,#eef2ef 10px,#e3eae5 10px,#e3eae5 20px);border-radius:10px;aspect-ratio:4/3;display:grid;place-items:center;color:var(--mut);font-size:.85rem}
.tag{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#fff4e2;color:#9a5b00;padding:.15rem .5rem;border-radius:6px}
.card h3{margin:.2rem 0 0;font-size:1.1rem}.card p{margin:0;color:var(--mut);font-size:.95rem;flex:1}
.about{background:#fff}.news{background:var(--g);color:#fff}.news form{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.news input{flex:1 1 220px;padding:.75rem 1rem;border-radius:999px;border:0;font-size:1rem}
footer{background:var(--gd);color:#cfd8d3;padding:2rem 0;font-size:.9rem}footer a{color:#fff}.disc{opacity:.85;margin-top:.6rem}
.crumb{font-size:.9rem;margin-bottom:.5rem}.guide{background:#fff;border-radius:var(--r);padding:1.4rem;margin-top:1.5rem}

h1,h2,h3,.btn,.tag{font-family:Outfit,Inter,system-ui,sans-serif}h1,h2{font-weight:800;letter-spacing:-.01em}.brand img.logo-h{width:auto;height:35px}
.pimg{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:10px}
.price{flex:0!important;margin:0}.price strong{color:var(--gd);font-size:1.15rem}.price s{color:var(--mut)}.store{font-size:.8rem;color:var(--mut)}
.deal h3{flex:1}.pnote{font-size:.8rem;color:var(--mut);margin:.6rem 0 0}
.grid>*{min-width:0}.pimg{display:block;max-width:100%;color:transparent;background:#eef2ef}
.pimg{height:auto;flex:none;align-self:stretch}
.pimg{height:auto!important;aspect-ratio:4/3;object-fit:contain;background:#fff;align-self:auto;flex:none}
.card .pimg,img.pimg{width:100%!important;height:220px!important;max-height:220px!important;aspect-ratio:auto!important;object-fit:contain!important;background:#fff!important}