/* ============================================================
   _template-europeu — estilo da landing review (Verbraucher)
   Design system: chrome slate (#374555/#2a3542) + CTA laranja (#e78400)
   Tipografia: Open Sans 400/600 (+400 italic), base 18px/1.75
   Tokens em variables.css
   ============================================================ */

/* ---------- Layout / containers ---------- */
.header{padding:16px 0 0}
.header-container{max-width:1300px;margin:0 auto;padding:0 20px}
.main{max-width:1150px;margin:0 auto;padding:0 20px}
.review-container{border:1px solid var(--border);background:var(--white);border-radius:5px;padding:0 20px 20px;margin-top:20px}
.review-section{margin:20px 0}
.disclaimer-container{max-width:1100px;margin:0 auto;padding:0 20px}

/* ---------- Header ---------- */
.werbung-disclaimer{color:var(--muted);font-size:10px;line-height:1;text-align:right}
.header-logo{height:50px;width:auto;margin:8px auto 0}
.heading{text-align:center;font-size:30px;font-weight:600;line-height:1.2;margin-top:10px}

/* ---------- Limited offer ---------- */
.limited-offer{border:2px dashed var(--slate);background:var(--track);border-radius:5px;padding:8px 12px;margin:10px 0 15px;text-align:center}

/* ---------- Product card ---------- */
.product-card{border:1px solid var(--border);background:var(--white);border-radius:5px;box-shadow:0 1px 7px 2px rgba(0,0,0,.2);margin-bottom:20px}
.product-card-name-text{padding:5px 10px 0 20px;font-size:20px;font-weight:600}
.product-card-grid{display:grid;grid-template-columns:15% 15% 38% 12% 1fr;gap:10px;padding:10px;align-items:center}
.pc-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.pc-cell-usp{align-items:flex-start;text-align:left}
.product-image{max-width:150px;margin:0 auto}
.product-card-mobile-cta{display:none;width:100%;margin-top:10px}

/* rating block */
.rating-block{width:125px;height:120px;border:1px solid var(--slate-dark);border-radius:3px;overflow:hidden;text-align:center}
.product-card-rating-text{background:var(--slate);color:var(--white);font-size:14px;font-weight:600;padding:2px}
.product-card-rating-number-text{color:var(--slate-dark);font-size:34px;font-weight:600;line-height:1;padding-top:10px}
.product-card-rating-excellent-text{font-size:14px;margin-top:-2px}
.product-card-star-rating{display:flex;justify-content:center;margin-top:6px}
.stars{color:var(--star);font-size:18px;letter-spacing:1px;line-height:1}

/* bestseller badge (🥇 inline) */
.bestseller-badge{display:flex;align-items:center;gap:8px;width:100%;background:var(--slate);color:var(--white);font-size:20px;font-weight:600;padding:4px 12px;border-radius:3px 3px 0 0}

/* USP list (✓ via ::before) */
.product-card-list{list-style:none}
.product-card-list-item{position:relative;padding-left:20px;font-size:14px;margin-bottom:3px;line-height:1.4}
.product-card-list-item::before{content:"\2713";position:absolute;left:0;top:1px;color:var(--slate-dark);font-weight:700}

/* discount */
.product-card-discount-small-text{color:var(--slate-dark);font-size:12px;line-height:1.2}
.product-card-discount-large-text{color:var(--slate-dark);font-size:24px;font-weight:600;line-height:1.1;margin:2px 0}

/* CTA buttons */
.cta-button{display:flex;align-items:center;justify-content:center;width:100%;background:var(--brand);color:var(--white);border:1px solid var(--brand-dark);border-bottom-width:3px;border-radius:3px;padding:14px 12px;font-size:18px;font-weight:600;letter-spacing:2px;text-align:center;text-shadow:2px 2px 5px rgba(0,0,0,.5);cursor:pointer}
.cta-button-ranking{font-size:24px;line-height:1.25}
.cta-button-review{font-size:26px;line-height:1.25}
.official-website-text{font-size:12px;margin-top:6px;text-align:center}

/* inline text links (afiliado, roteados pelo JS via .cta) */
.text-link{color:var(--brand);font-weight:600;text-decoration:underline}

/* ---------- Review breakdown card ---------- */
.review-container h2{text-align:center;font-size:28px;font-weight:600;line-height:1.2;margin:20px 0 12px}
.review-container h3{font-size:22px;font-weight:600;margin:22px 0 8px}
.review-container p{margin-bottom:12px}
.product-card-review{margin-top:8px;padding:10px}
.review-grid{display:flex;align-items:center;gap:16px}
.review-grid-img{flex:0 0 150px;max-width:150px}
.review-rows{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}
.review-row{display:grid;grid-template-columns:minmax(150px,30%) 1fr;align-items:center;gap:10px}
.rating-emoji-text-block{display:flex;align-items:center;gap:8px;font-weight:600}

/* progress bar */
.progressbar{position:relative;display:flex;align-items:center;width:100%;height:30px;background:var(--border);border-radius:7px;padding:3px}
.progressbar-fill{height:100%;background:var(--slate);border-radius:7px}
.percentage-progressbar-text-block{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:14px;font-weight:600}

/* ---------- Ingredients ---------- */
.ingredients-list{list-style:none;padding-left:0}
.ingredients-list-item{position:relative;padding-left:27px;margin-bottom:8px;line-height:1.5}
.ingredients-list-item::before{content:"\2713";position:absolute;left:0;top:3px;color:var(--slate-dark);font-weight:700;font-size:18px}
.ingredients-badges{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap;margin:16px 0}
.ingredients-badge{max-width:110px;height:auto}

/* ---------- Testimonials ---------- */
.customer-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0}
.customer-reviews-container{border:1px solid var(--border);border-radius:5px;padding:10px}
.customer-reviews-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.customer-reviews-name{font-weight:600;font-size:16px}
.customer-reviews-stars{color:var(--star);font-size:16px;letter-spacing:1px}
.verified-purchase-text{font-size:14px}
.customer-reviews-text{font-size:16px;line-height:1.6;margin:0}

/* ---------- Attention box ---------- */
.attention-box{border:2px dashed var(--text);background:var(--brand-light);border-radius:4px;padding:12px;margin-bottom:12px}

/* ---------- Final review CTA ---------- */
.review-cta-button-container{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:16px}
.review-cta-button-container .cta-button{max-width:520px}

/* ---------- Bottom badges (pagamento + trust) ---------- */
.bottom-badges{max-width:400px;margin:24px auto 0}
.bottom-badges-row{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.payment-method-icon{max-width:50px;height:auto}
.bottom-badges-icons{max-width:100px;height:auto}

/* ---------- References + disclaimer ---------- */
.scientific-references-text{font-size:14px;font-style:italic;line-height:1.5;margin-top:20px}
.scientific-references-text a{color:var(--link);text-decoration:underline}
.disclaimer-text{font-size:12px;font-style:italic;line-height:1.5;margin-top:20px}

/* ---------- Footer ---------- */
.footer{background:var(--footer-bg);margin-top:24px;padding:8px 20px 24px}
.footer-container{max-width:1100px;margin:0 auto}
.footer-text{color:var(--white);opacity:.6;font-size:12px;line-height:1.5;margin:16px 0}
.footer-text-links{text-align:center;color:var(--white);opacity:.6;font-size:12px;margin:16px 0}
.footer-link{color:var(--link);text-decoration:underline}

/* ---------- Páginas legais (Impressum / Datenschutz / Wie wir bewerten) ---------- */
.legal{max-width:900px;padding:24px 0 8px}
.legal h1{font-size:30px;font-weight:600;line-height:1.2;margin-bottom:16px}
.legal h2{font-size:22px;font-weight:600;margin:24px 0 8px}
.legal h3{font-size:18px;font-weight:600;margin:18px 0 6px}
.legal p,.legal li{font-size:16px;line-height:1.6;margin-bottom:10px}
.legal ul{padding-left:22px;margin-bottom:12px}
.legal a{color:var(--link);text-decoration:underline}
.legal strong{font-weight:600}