.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.product-grid{grid-template-columns:1fr}}.product-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:clamp(24px,3vw,32px) clamp(20px,2.5vw,28px) clamp(20px,2.5vw,28px);display:flex;flex-direction:column;transition:all .4s ease;cursor:pointer;position:relative;overflow:hidden;text-decoration:none;color:inherit}.product-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:height .35s ease}.product-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 14px 40px #2a2a2812}.product-card:hover:after{height:4px}.product-card:active{transform:scale(.98);box-shadow:0 4px 16px #2a2a280d}.product-card[data-cat=glow]:after{background:var(--cat-glow)}.product-card[data-cat=recover]:after{background:var(--cat-recover)}.product-card[data-cat=vitality]:after{background:var(--cat-vitality)}.product-card[data-cat=define]:after{background:var(--cat-define)}.product-card[data-cat=rest]:after{background:var(--cat-rest)}.product-card[data-cat=clarity]:after{background:var(--cat-clarity)}.rx-badge{position:absolute;top:12px;right:12px;padding:3px 10px;background:var(--bg-warm);border-radius:var(--radius-pill);font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.product-card-name{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--charcoal);margin-bottom:4px;line-height:1.2}.product-card-type{font-size:.72rem;font-weight:400;color:var(--text-tertiary);letter-spacing:.03em;margin-bottom:10px}.product-card-desc{font-size:.84rem;color:var(--text-secondary);font-weight:300;line-height:1.55;margin-bottom:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-light)}.product-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:.65rem;font-weight:500;letter-spacing:.02em}.product-tag-dot{width:5px;height:5px;border-radius:50%}.product-tag[data-cat=recover]{background:var(--cat-recover-bg);color:var(--cat-recover)}.product-tag[data-cat=recover] .product-tag-dot{background:var(--cat-recover)}.product-tag[data-cat=glow]{background:var(--cat-glow-bg);color:var(--cat-glow)}.product-tag[data-cat=glow] .product-tag-dot{background:var(--cat-glow)}.product-tag[data-cat=vitality]{background:var(--cat-vitality-bg);color:var(--cat-vitality)}.product-tag[data-cat=vitality] .product-tag-dot{background:var(--cat-vitality)}.product-tag[data-cat=define]{background:var(--cat-define-bg);color:var(--cat-define)}.product-tag[data-cat=define] .product-tag-dot{background:var(--cat-define)}.product-tag[data-cat=rest]{background:var(--cat-rest-bg);color:var(--cat-rest)}.product-tag[data-cat=rest] .product-tag-dot{background:var(--cat-rest)}.product-tag[data-cat=clarity]{background:var(--cat-clarity-bg);color:var(--cat-clarity)}.product-tag[data-cat=clarity] .product-tag-dot{background:var(--cat-clarity)}.product-tag.supporting{background:var(--bg-card-hover);color:var(--text-tertiary)}.product-tag.supporting .product-tag-dot{opacity:.5}.product-card-link{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:.8rem;font-weight:500;color:var(--green-primary);transition:gap .3s ease}.product-card:hover .product-card-link{gap:10px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.category-grid{gap:12px}}.cat-tile{position:relative;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:clamp(28px,3vw,40px) clamp(24px,3vw,36px) clamp(24px,3vw,36px);overflow:hidden;transition:all .4s ease;cursor:pointer;display:flex;flex-direction:column;min-height:190px;text-decoration:none;color:inherit}.cat-tile:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:height .35s ease}.cat-tile:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 12px 40px #2a2a2812}.cat-tile:hover:after{height:4px}.cat-tile:active{transform:scale(.97);box-shadow:0 4px 16px #2a2a280d}.cat-tile[data-cat=glow]:after{background:var(--cat-glow)}.cat-tile[data-cat=recover]:after{background:var(--cat-recover)}.cat-tile[data-cat=vitality]:after{background:var(--cat-vitality)}.cat-tile[data-cat=define]:after{background:var(--cat-define)}.cat-tile[data-cat=rest]:after{background:var(--cat-rest)}.cat-tile[data-cat=clarity]:after{background:var(--cat-clarity)}.cat-name{font-family:var(--font-display);font-size:1.55rem;font-weight:700;margin-bottom:6px}.cat-tile[data-cat=glow] .cat-name{color:var(--cat-glow)}.cat-tile[data-cat=recover] .cat-name{color:var(--cat-recover)}.cat-tile[data-cat=vitality] .cat-name{color:var(--cat-vitality)}.cat-tile[data-cat=define] .cat-name{color:var(--cat-define)}.cat-tile[data-cat=rest] .cat-name{color:var(--cat-rest)}.cat-tile[data-cat=clarity] .cat-name{color:var(--cat-clarity)}.cat-desc{font-size:.85rem;color:var(--text-secondary);font-weight:300;line-height:1.5;margin-bottom:auto}.cat-meta{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-light)}.cat-count{font-size:.72rem;color:var(--text-tertiary);font-weight:400;letter-spacing:.04em}.cat-arrow{width:28px;height:28px;border-radius:50%;background:var(--bg-warm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.75rem;transition:all .3s ease}.cat-tile:hover .cat-arrow{background:var(--green-deep);color:var(--text-on-dark)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}@media(max-width:768px){.how-grid{grid-template-columns:1fr;gap:0}}.how-step{position:relative;padding:clamp(32px,4vw,48px);background:var(--bg-card);text-align:center;transition:background .4s ease}.how-step:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.how-step:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}@media(max-width:768px){.how-step:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.how-step:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}}.how-step:hover{background:var(--bg-card-hover)}.how-num{font-family:var(--font-display);font-size:3.2rem;font-weight:300;color:var(--green-primary);opacity:.2;line-height:1;margin-bottom:20px}.how-title{font-family:var(--font-display);font-size:1.35rem;font-weight:500;color:var(--charcoal);margin-bottom:10px}.how-desc{font-size:.88rem;color:var(--text-secondary);font-weight:300;line-height:1.6}.value-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:clamp(28px,3.5vw,40px);transition:all .3s ease}.value-card:hover{border-color:var(--border-hover);box-shadow:0 8px 32px #2a2a280f}.related-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:800px){.related-product-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.related-product-grid{grid-template-columns:1fr}}.related-product-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:clamp(36px,4vw,52px) clamp(32px,3.5vw,48px) clamp(32px,3.5vw,48px);cursor:pointer;transition:all .4s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:220px}.related-product-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:height .35s ease}.related-product-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 14px 40px #2a2a2812}.related-product-card:hover:after{height:4px}.related-product-card[data-cat=glow]:after{background:var(--cat-glow)}.related-product-card[data-cat=recover]:after{background:var(--cat-recover)}.related-product-card[data-cat=vitality]:after{background:var(--cat-vitality)}.related-product-card[data-cat=define]:after{background:var(--cat-define)}.related-product-card[data-cat=rest]:after{background:var(--cat-rest)}.related-product-card[data-cat=clarity]:after{background:var(--cat-clarity)}.rx-badge-sm{position:absolute;top:16px;right:16px;padding:4px 12px;background:var(--bg-warm);border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.related-product-name{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--charcoal);margin-bottom:8px;line-height:1.2}.related-product-type{font-size:.9rem;color:var(--text-tertiary);font-weight:400;margin-bottom:20px}.related-product-fit-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.rp-tag{padding:5px 14px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:500}.rp-tag[data-cat=recover]{background:var(--cat-recover-bg);color:var(--cat-recover)}.rp-tag[data-cat=glow]{background:var(--cat-glow-bg);color:var(--cat-glow)}.rp-tag[data-cat=vitality]{background:var(--cat-vitality-bg);color:var(--cat-vitality)}.rp-tag[data-cat=define]{background:var(--cat-define-bg);color:var(--cat-define)}.rp-tag[data-cat=rest]{background:var(--cat-rest-bg);color:var(--cat-rest)}.rp-tag[data-cat=clarity]{background:var(--cat-clarity-bg);color:var(--cat-clarity)}