.product-hero{background:var(--white);padding:64px 40px}.product-hero-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.product-image-box{background:#F3E5F5;border-radius:var(--radius-lg);aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-image-box img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg);display:none}.product-image-box img.loaded{display:block}.product-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted)}.product-image-placeholder span:first-child{font-size:80px}.product-image-placeholder span:last-child{font-size:12px;letter-spacing:.04em}.img-note{position:absolute;bottom:14px;background:rgba(255,255,255,.85);font-size:11px;color:var(--text-muted);padding:4px 12px;border-radius:20px}.product-category{font-size:11.5px;font-weight:500;color:var(--green-lime);letter-spacing:.10em;text-transform:uppercase;margin-bottom:8px}.product-details h1{font-family:var(--font-display);font-size:clamp(32px,4.5vw,50px);font-weight:600;color:var(--green-dark);line-height:1.1;margin-bottom:6px}.product-tagline{font-size:14px;color:var(--green-mid);font-weight:500;font-style:italic;font-family:var(--font-display);margin-bottom:20px}.product-desc{font-size:15px;color:var(--text-muted);line-height:1.8;margin-bottom:28px}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.badge{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;padding:6px 14px;border-radius:20px}.badge-green{background:var(--green-pale);color:var(--green-dark)}.badge-outline{background:transparent;color:var(--green-dark);border:1.5px solid var(--green-dark)}.protein-stat{display:flex;align-items:center;gap:18px;background:var(--green-pale);border-radius:var(--radius-lg);padding:18px 22px;border:1px solid rgba(142,184,58,.25)}.protein-big{font-family:var(--font-display);font-size:44px;font-weight:600;color:var(--green-dark);line-height:1;flex-shrink:0}.protein-stat p{font-size:13.5px;color:var(--text-muted);line-height:1.6}.protein-stat strong{color:var(--green-dark)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.info-card{background:var(--white);border-radius:var(--radius-lg);padding:28px;border:1px solid rgba(26,92,58,.08)}.info-card h3{font-size:15px;font-weight:500;color:var(--green-dark);margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(26,92,58,.08)}.ingredient-list{display:flex;flex-direction:column;gap:10px}.ingredient-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-main)}.ingredient-dot{width:8px;height:8px;background:var(--green-lime);border-radius:50%;flex-shrink:0}.allergen-box{background:#FFF8E1;border-radius:var(--radius-md);border:1px solid rgba(255,193,7,.30);padding:14px 16px;font-size:13px;color:#5D4037;line-height:1.65;margin-top:18px}.allergen-box strong{color:#4E342E}.storage-box{background:var(--off-white);border-radius:var(--radius-md);padding:14px 16px;font-size:13px;color:var(--text-muted);line-height:1.65;display:flex;gap:10px}.storage-box .icon{flex-shrink:0;color:var(--green-dark)}.nutrition-section{background:var(--off-white)}.nutrition-note{background:rgba(142,184,58,.12);border:1px solid rgba(142,184,58,.30);border-radius:var(--radius-md);padding:12px 18px;font-size:13px;color:var(--green-dark);margin-bottom:24px}.nutrition-table-wrap{overflow-x:auto}table.nutrition{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;font-size:14px}table.nutrition thead th{background:var(--green-dark);color:var(--white);padding:13px 20px;text-align:left;font-weight:500;font-size:13px}table.nutrition td{padding:12px 20px;border-bottom:1px solid rgba(26,92,58,.07);color:var(--text-muted)}table.nutrition tr:last-child td{border-bottom:none}table.nutrition td:first-child{color:var(--text-main);font-weight:500}table.nutrition td.value{color:var(--green-dark);font-weight:500}table.nutrition tr:nth-child(even){background:var(--off-white)}.placeholder-val{color:#B0BEC5;font-style:italic;font-size:12px}.how-section{background:var(--green-dark);padding:64px 40px}.how-inner{max-width:var(--max-w);margin:0 auto}.how-section .section-label{color:var(--green-lime)}.how-section .section-title{color:var(--white);margin-bottom:40px}.steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step{text-align:center}.step-num{width:48px;height:48px;background:var(--green-lime);color:var(--green-deep);font-family:var(--font-display);font-size:20px;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.step-icon{font-size:26px;margin-bottom:10px}.step-title{font-size:13.5px;font-weight:500;color:var(--white);margin-bottom:5px}.step-desc{font-size:12px;color:rgba(255,255,255,.52);line-height:1.6}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:40px}.benefit-card{background:var(--white);border-radius:var(--radius-lg);padding:22px 20px;border:1px solid rgba(26,92,58,.08);text-align:center}.benefit-icon{font-size:28px;margin-bottom:10px}.benefit-card h3{font-size:14px;font-weight:500;color:var(--green-dark);margin-bottom:6px}.benefit-card p{font-size:12.5px;color:var(--text-muted);line-height:1.6}.other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.other-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(26,92,58,.08);transition:transform .22s,box-shadow .22s;text-decoration:none;display:block}.other-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(26,92,58,.10)}.other-thumb{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:40px}.other-card-info{padding:16px 18px 18px}.other-card-info .tag{font-size:10.5px;color:var(--green-lime);font-weight:500;letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px}.other-card-info h3{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--green-dark);margin-bottom:6px}.other-card-info p{font-size:12.5px;color:var(--text-muted)}
    @media(max-width:820px){.product-hero{padding:44px 20px}.product-hero-inner{grid-template-columns:1fr;gap:36px}.product-image-box{max-width:360px;margin:0 auto}.two-col{grid-template-columns:1fr}.steps-row{grid-template-columns:repeat(2,1fr)}.how-section{padding:52px 20px}.other-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:480px){.steps-row{grid-template-columns:1fr}.other-grid{grid-template-columns:1fr}}