.gf-heated-wrap{ --wine:#8e3138; --wine-dark:#612229; --wine-soft:#f7e9e8; --cream:#fbf7f0; --cream-2:#fffdf9; --warm:#d8af83; --ink:#272322; --text:#5d5551; --muted:#817873; --line:#eadfd7; --green:#68735a; --dark:#282221; --white:#ffffff; width:100%; max-width:820px; margin:0 auto; padding:10px 12px 46px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; color:var(--ink); line-height:1.55; } .gf-heated-wrap *{ box-sizing:border-box; } .gf-heated-wrap img, .gf-heated-wrap video{ display:block; width:100%; max-width:100%; } /* ========================================================= SECTION ========================================================= */ .gf-heat-section{ position:relative; margin:16px 0; padding:23px 19px; background:#fff; border:1px solid var(--line); border-radius:17px; overflow:hidden; box-shadow: 0 7px 24px rgba(79,47,42,.05); } .gf-heat-section--hero{ background: radial-gradient( circle at 90% 5%, rgba(216,175,131,.21), transparent 30% ), linear-gradient( 145deg, #fffdf9 0%, #fbf2ec 55%, #f6e8e6 100% ); } .gf-heat-section--wine{ background: linear-gradient( 145deg, #8f343b, #70262d ); border-color:#70262d; color:#fff; } .gf-heat-section--dark{ background:#292321; border-color:#292321; color:#fff; } .gf-heat-section--cream{ background:var(--cream); } .gf-heat-section--soft{ background:#faf8f5; } /* ========================================================= TYPOGRAPHY ========================================================= */ .gf-heat-kicker{ display:inline-flex; align-items:center; gap:6px; margin-bottom:9px; padding:6px 10px; border-radius:999px; background:#f6e3e2; color:#8e3138; font-size:10px; line-height:1; font-weight:900; letter-spacing:.065em; text-transform:uppercase; } .gf-heat-section--wine .gf-heat-kicker, .gf-heat-section--dark .gf-heat-kicker{ background:rgba(255,255,255,.14); color:#fff; } .gf-heated-wrap h2{ margin:0 0 10px; color:var(--ink); font-size:29px; line-height:1.08; letter-spacing:-.025em; font-weight:900; } .gf-heated-wrap h3{ margin:0 0 5px; color:var(--ink); font-size:16px; line-height:1.28; font-weight:850; } .gf-heated-wrap p{ margin:0; color:var(--text); font-size:14px; line-height:1.58; } .gf-heat-section--wine > h2, .gf-heat-section--dark > h2{ color:#fff !important; } .gf-heat-section--wine > p, .gf-heat-section--dark > p{ color:rgba(255,255,255,.86) !important; } /* ========================================================= TOP TRUST ========================================================= */ .gf-heat-trust{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-bottom:14px; } .gf-heat-trust__item{ min-width:0; padding:11px 5px; background:#fff; border:1px solid var(--line); border-radius:11px; text-align:center; } .gf-heat-trust__icon{ display:block; margin-bottom:4px; font-size:20px; line-height:1; } .gf-heat-trust__item strong{ display:block; color:#503b3b; font-size:10px; line-height:1.25; font-weight:850; } /* ========================================================= PILLS ========================================================= */ .gf-heat-pills{ display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; } .gf-heat-pill{ padding:7px 10px; background:#fff; border:1px solid #ead5d3; border-radius:999px; color:#684748; font-size:11px; line-height:1.2; font-weight:800; } /* ========================================================= MEDIA ========================================================= */ .gf-heat-media{ margin-top:17px; overflow:hidden; background:#f7f2ee; border:1px solid #eaded7; border-radius:14px; } .gf-heat-media img{ width:100%; height:auto; } /* ========================================================= FEATURE GRID ========================================================= */ .gf-heat-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:16px; } .gf-heat-card{ padding:14px 12px; background:#fff; border:1px solid #eadfd9; border-radius:11px; } .gf-heat-card__icon{ margin-bottom:6px; font-size:22px; } .gf-heat-card h3{ font-size:15px; } .gf-heat-card p{ font-size:12px; line-height:1.48; } .gf-heat-section--wine .gf-heat-card, .gf-heat-section--dark .gf-heat-card{ background:#fff; border-color:#fff; } .gf-heat-section--wine .gf-heat-card h3, .gf-heat-section--dark .gf-heat-card h3{ color:#302726 !important; } .gf-heat-section--wine .gf-heat-card p, .gf-heat-section--dark .gf-heat-card p{ color:#6b615d !important; } /* ========================================================= COMPARISON ========================================================= */ .gf-heat-compare{ display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:16px; } .gf-compare-card{ padding:15px 12px; border-radius:11px; } .gf-compare-card--old{ background:#f1f3f5; border:1px solid #e1e4e7; } .gf-compare-card--new{ background:#f9e8e5; border:1px solid #ebcbc7; } .gf-compare-card strong{ display:block; margin-bottom:8px; color:#342d2b; font-size:14px; font-weight:900; } .gf-compare-row{ padding:6px 0; border-bottom: 1px dashed rgba(63,48,44,.15); color:#625853; font-size:12px; line-height:1.35; } .gf-compare-row:last-child{ border-bottom:0; } /* ========================================================= SCENES ========================================================= */ .gf-heat-scenes{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:15px; } .gf-heat-scene{ padding:12px 5px;