:root{--canvas: #ffffff;--surface: #fafaf8;--ink: #14161c;--muted: #5e6470;--accent: #0e7a4d;--accent-deep: #0a5f3c;--accent-soft: #e4f2eb;--amber: #f5a623;--amber-soft: #fdf3e3;--line: rgba(20, 22, 28, .12);--line-strong: rgba(20, 22, 28, .22);--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, sans-serif;--radius: 16px;--radius-sm: 10px;--shadow-card: 0 1px 2px rgba(20, 22, 28, .05), 0 10px 30px -14px rgba(20, 22, 28, .18);--header-h: 74px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.12;margin:0 0 .5em;letter-spacing:-.02em}h1{font-size:clamp(2.4rem,6.4vw,4.1rem)}h2{font-size:clamp(1.8rem,4vw,2.6rem)}h3{font-size:1.25rem}p{margin:0 0 1em}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--accent-deep)}button{font:inherit;cursor:pointer}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:-999px;top:0;z-index:100;background:var(--accent);color:#fff;padding:.6rem 1rem;border-radius:0 0 var(--radius-sm) 0;text-decoration:none}.skip-link:focus{left:0}.container{width:min(1220px,100% - clamp(2rem,5vw,4.5rem));margin-inline:auto}.section{padding-block:clamp(3.2rem,7vw,5.5rem)}[data-section]{scroll-margin-top:calc(var(--header-h) + 18px)}.stamp{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-body);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.44rem .8rem}.stamp--leaf{color:var(--accent);background:var(--accent-soft)}.stamp--sun{color:#9a6a00;background:var(--amber-soft)}.eyebrow{font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 .6rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-weight:700;font-size:1rem;line-height:1;text-decoration:none;border-radius:999px;padding:.95rem 1.7rem;border:1px solid transparent;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease}.btn--tomato{background:var(--accent);color:#fff}.btn--tomato:hover{background:var(--accent-deep);color:#fff;transform:translateY(-1px)}.btn--ghost{border-color:var(--line-strong);color:var(--ink);background:transparent}.btn--ghost:hover{border-color:var(--ink);background:var(--surface)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:clamp(.9rem,2vw,1.4rem)}.card{position:relative;display:flex;flex-direction:column;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.card:hover,.card:focus-within{transform:translateY(-4px);box-shadow:var(--shadow-card)}.card__link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}.card__link:hover{color:inherit}.card__thumb{position:relative;aspect-ratio:1 / 1;background:var(--surface);overflow:hidden}.card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.card:hover .card__thumb img{transform:scale(1.04)}.card__pick{position:absolute;top:.65rem;left:.65rem;z-index:2;font-family:var(--font-body);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.34rem .62rem}.card__off{position:absolute;top:.65rem;right:.65rem;z-index:2;font-family:var(--font-body);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#fff;background:var(--ink);border-radius:999px;padding:.34rem .62rem}.card__body{display:flex;flex-direction:column;gap:.55rem;padding:.9rem 1rem 1.05rem;flex:1}.card__title{font-family:var(--font-body);font-size:.95rem;font-weight:700;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__rating{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--muted)}.card__stars{color:var(--amber);letter-spacing:.06em;font-size:.9rem}.card__price-row{display:flex;align-items:baseline;gap:.5rem;margin-top:auto}.card__price{font-family:var(--font-body);font-size:1.08rem;font-weight:700;color:var(--ink)}.card__price-old{font-family:var(--font-body);font-size:.84rem;font-weight:500;color:var(--muted);text-decoration:line-through}.card__cta{margin-top:.35rem;display:flex;align-items:center;justify-content:center;gap:.45rem;font-weight:700;font-size:.9rem;color:#fff;background:var(--accent);border-radius:999px;padding:.62rem 1rem;transition:background .15s ease}.card__link:hover .card__cta,.card__link:focus-visible .card__cta{background:var(--accent-deep)}.card__cta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}