.elementor-43858 .elementor-element.elementor-element-4ad2fab{--display:flex;}.elementor-43858 .elementor-element.elementor-element-cf4cfa0{width:100%;max-width:100%;}.elementor-43858 .elementor-element.elementor-element-3de0d65{--display:flex;}/* Start custom CSS for html, class: .elementor-element-cf4cfa0 *//* --- variables (keeps your palette) --- */
:root{
  --bg:#FFFDF8; --card:#fff; --ink:#222; --ink-2:#444; --ink-3:#6b6b6b; --border:#E9E4DA;
  --accent:#1E1B14; --brand:#E11D2E; --ok:#19A664; --warn:#E9603A;
  --r-xl:22px; --r-lg:18px; --r:12px;
  --sh:0 1px 1px rgba(0,0,0,.03), 0 10px 25px rgba(0,0,0,.06);
  --sh2:0 1px 1px rgba(0,0,0,.03), 0 12px 30px rgba(0,0,0,.10);
}

/* --- hero base --- */
.bk-hero{ padding:clamp(40px,6vw,80px) 0; background:var(--bg) }
.bk-wrap{ max-width:1200px; margin:auto; padding:0 clamp(16px,3vw,32px) }
.bk-h1{ font-size:clamp(2rem,4.6vw,3.25rem); line-height:1.08; font-weight:800; margin:0 }
.bk-lead{ font-size:clamp(1rem,1.6vw,1.15rem); color:var(--ink-2); margin:.8rem 0 0 }

/* --- responsive two-column grid --- */
.bk-heroGrid{
  display:grid;
  align-items:center;
  gap:clamp(24px,4vw,56px);
  /* text grows, image column stays generous and never tiny */
  grid-template-columns: 1.1fr minmax(520px, 820px);
}

/* --- image card (force over Elementor defaults) --- */
.bk-heroCard{
  position:relative;
  justify-self:end;          /* right aligned on desktop */
  width:100% !important;
  max-width:none !important; /* do not clamp by theme */
  border:1px solid var(--border);
  border-radius:var(--r-xl);
  overflow:hidden;
  box-shadow:var(--sh2);
}
.bk-heroCard img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16/10;        /* desktop aspect */
  object-fit:cover;
}
.bk-chip{
  position:absolute; top:12px; left:12px;
  background:#EBFFF4; color:#0B7D4A; border:1px solid #BEEAD4;
  border-radius:999px; padding:6px 10px; font-weight:800; font-size:.85rem
}
.bk-chip2{
  position:absolute; bottom:12px; left:12px;
  background:#EDF5FF; color:#0A4DB3; border:1px solid #CFE0FF;
  border-radius:999px; padding:6px 10px; font-weight:800; font-size:.85rem
}

/* --- colored pills --- */
.bk-pills{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px; margin:20px 0 0;
}
.bk-pill{
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--r-lg); padding:14px; box-shadow:var(--sh)
}
.pill--warm{  background:linear-gradient(0deg,#FCF5EC, #FFF) }
.pill--quiet{ background:linear-gradient(0deg,#EEF2FF, #FFF) }
.pill--repair{background:linear-gradient(0deg,#ECFDF3, #FFF) }
.bk-muted{ color:var(--ink-3) }

/* --- buttons --- */
.bk-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  border-radius:22px; padding:.9rem 1.3rem; font-weight:800; text-decoration:none; white-space:nowrap
}
.bk-btn--primary{ background:var(--accent); color:#fff; box-shadow:var(--sh) }
.bk-btn--primary:hover{ filter:brightness(1.05) }
.bk-btn--ghost{ border:1px solid var(--border); background:#fff }
.bk-btn--ghost:hover{ background:#f7f3ea }

/* --- rating: google yellow stars --- */
.bk-rating{ display:flex; gap:8px; align-items:center; margin-top:12px }
.bk-rating .star{ color:#fbbc04; font-size:18px; line-height:1 }  /* Google yellow */
.bk-rating .bk-muted{ margin-left:4px }

/* --- mobile / tablet breakpoints --- */
@media (max-width: 1024px){
  .bk-heroGrid{ grid-template-columns:1fr }
  .bk-heroCopy{ order:1 }
  .bk-heroCard{ order:2; justify-self:stretch }
  .bk-heroCard img{ aspect-ratio:4/3 } /* taller crop for mobile */
  .bk-pills{ grid-template-columns:1fr 1fr }
}
@media (max-width: 640px){
  .bk-pills{ grid-template-columns:1fr } /* single column on small phones */
}

/* --- hard overrides against aggressive theme rules (safe scoped) --- */
.bk-hero figure img,
.bk-hero img{
  max-width:100% !important; height:auto !important;
}

:root{
  --bg:#FFFDF8;--card:#fff;--ink:#222;--ink-2:#444;--ink-3:#6b6b6b;--border:#E9E4DA;
  --accent:#1E1B14;--brand:#E11D2E;--ok:#19A664;--warn:#E9603A;
  --r-xl:22px;--r-lg:18px;--r:12px;--sh:0 1px 1px rgba(0,0,0,.03),0 10px 25px rgba(0,0,0,.06);
  --sh2:0 1px 1px rgba(0,0,0,.03),0 12px 30px rgba(0,0,0,.1);
  --g:clamp(16px,3vw,32px);--max:1200px
}
*{box-sizing:border-box}a{color:inherit}
img{max-width:100%;display:block}
/* Paper background */
.bk-paper,.paper{background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:18px 18px}

/* Layout helpers */
.bk-wrap{max-width:var(--max);margin:auto;padding:0 var(--g)}
.bk-row{display:flex;align-items:center;justify-content:space-between}

/* Buttons */
.bk-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:22px;padding:.9rem 1.3rem;font-weight:700;text-decoration:none;white-space:nowrap}
.bk-btn--primary{background:var(--accent);color:#fff;box-shadow:var(--sh)}
.bk-btn--primary:hover{filter:brightness(1.05)}
.bk-btn--ghost{border:1px solid var(--border);background:transparent}
.bk-btn--ghost:hover{background:#f7f3ea}
.bk-btn--brand{background:var(--brand);color:#fff}

/* Tag */
.bk-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;background:#F4F1EA;border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem}

/* Hero */
.bk-hero{padding:clamp(40px,6vw,80px) 0}
.bk-h1{font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.08;font-weight:800;margin:0}
.bk-lead{font-size:clamp(1rem,1.6vw,1.15rem);color:var(--ink-2);margin:.8rem 0 0}
.bk-lead--sm{font-size:1rem}
.bk-heroGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,48px)}
.bk-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 0}
.bk-pill{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px;box-shadow:var(--sh)}
.bk-heroCard{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh2)}
.bk-chip{position:absolute;top:12px;left:12px;background:#EBFFF4;color:#0B7D4A;border:1px solid #BEEAD4;border-radius:999px;padding:6px 10px;font-weight:700;font-size:.85rem}
.bk-chip2{position:absolute;bottom:12px;left:12px;background:#EDF5FF;color:#0A4DB3;border:1px solid #CFE0FF;border-radius:999px;padding:6px 10px;font-weight:700;font-size:.85rem}

/* Sections */
.bk-sec{padding:clamp(48px,7vw,96px) 0}
.bk-sec h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 14px;font-weight:800}
.bk-muted{color:var(--ink-3)} .bk-mt{margin-top:12px}

/* Cards + grids */
.bk-kachel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bk-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;box-shadow:var(--sh)}
.bk-card img{border-radius:12px}
.bk-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.bk-howto{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bk-step .num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--brand);color:#fff;font-weight:800;margin-bottom:10px}
.bk-checklist{display:flex;gap:14px;flex-wrap:wrap}
.bk-check{display:flex;gap:8px;align-items:center;border:1px solid var(--border);padding:10px 12px;border-radius:999px;background:#fff}

/* Data tables */
.bk-tableWrap,.tableWrap{overflow:auto;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--card);box-shadow:var(--sh)}
table,.tbl{width:100%;border-collapse:separate;border-spacing:0}
thead th,.tbl thead th{font-size:.95rem;text-align:left;padding:14px 16px;border-bottom:1px solid var(--border);background:#FAF7F0}
tbody td,.tbl td{padding:14px 16px;border-bottom:1px solid #F1ECE2}
tbody tr:last-child td,.tbl tr:last-child td{border-bottom:none}
tbody td:nth-child(3){font-weight:700}
.tco-ok{color:var(--ok);font-weight:700}.tco-warn{color:var(--warn);font-weight:700}

/* Notices */
.bk-notice,.note{display:flex;align-items:center;gap:10px;background:#FFF7E6;border:1px solid #FFE6B8;padding:12px 14px;border-radius:var(--r);color:#7A4A00;margin-top:12px}

/* Proof cards */
.bd-proof{padding:clamp(44px,6vw,84px) 0;background:var(--bg);color:#1f2328}
.bd-wrap{max-width:1200px;margin:auto;padding:0 clamp(16px,3vw,32px)}
.bd-head h2{margin:0 0 6px;font-weight:900;line-height:1.1;font-size:clamp(1.9rem,3.2vw,2.4rem)}
.bd-head h2 span{background:linear-gradient(90deg,#e9dfc8 0%,#f7f1de 40%,#fff 100%);box-decoration-break:clone;padding:.05em .25em;border-radius:6px}
.bd-head h2 em{font-style:normal;color:#6b7280;font-weight:700}
.bd-sub{margin:.35rem 0 0;color:#6b7280}
.bd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.bd-card{background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:0 10px 30px rgba(31,35,40,.08),0 1px 1px rgba(31,35,40,.05);padding:18px 18px 14px;position:relative;overflow:hidden}
.bd-card::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,#c7b590,#dccaa6,#f0e7cf);opacity:.9}
.bd-top{display:flex;align-items:center;gap:10px;margin-top:6px}
.bd-ic{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#f4f1ea;font-size:18px}
.bd-card h3{margin:0;font-size:1.05rem;font-weight:800}
.bd-card p{margin:.6rem 0 0}
.bd-kpis{display:flex;gap:10px;flex-wrap:wrap;margin:.8rem 0 0}
.bd-kpi{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#faf7f0}
.bd-kv{font-weight:900}
.bd-kl{font-size:.9rem;color:#6b7280}

/* Vergleich table block */
.blk-vgl{padding:clamp(40px,6vw,80px) 0;color:#1f2328}
.wrap{max-width:1200px;margin:auto;padding:0 clamp(16px,3vw,32px)}
.head h2{margin:0 0 .25rem;font-size:clamp(1.8rem,3vw,2.2rem);font-weight:800}
.muted{color:#6b7280;margin:0 0 .75rem}
.tbl .ok{color:var(--ok)}
.tbl .emph td{background:#f8fff9}
.note{background:#f7f7f2;border-color:var(--border)}

@media (max-width:760px){
  .tbl thead{display:none}
  .tbl tr{display:grid;grid-template-columns:1fr;gap:6px;border-bottom:1px solid var(--border);padding:12px 12px}
  .tbl td{border:0;padding:0}
  .tbl td:first-child{font-weight:800}
  .tbl td:nth-child(2)::before{content:"Tapete: ";font-weight:700;color:#6b7280}
  .tbl td:nth-child(3)::before{content:"Belka: ";font-weight:700;color:var(--ok)}
}

/* Region & Cards */
.blk{padding:clamp(48px,6vw,92px) 0;background:var(--bg);color:#1f2328}
.blk-wrap{max-width:1200px;margin:auto;padding:0 clamp(16px,3vw,32px)}
.blk-head h2{margin:0;font-weight:900;line-height:1.12;font-size:clamp(1.9rem,3.2vw,2.5rem)}
.blk-head h2 span{color:#6b7280;font-weight:700}
.blk-head .sub{margin:.4rem 0 0;color:#6b7280}
.grid.two{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}
.grid.two.rev{grid-template-columns:1.1fr .9fr}
@media (max-width:1020px){.grid.two,.grid.two.rev{grid-template-columns:1fr}}
.col{display:flex;flex-direction:column;gap:12px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
.kpi{background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px;text-align:center;box-shadow:var(--sh)}
.kv{font-weight:900;font-size:1.25rem}
.kl{color:#6b7280;font-size:.92rem}
.legend{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0 0;padding:0;list-style:none}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}
.green{background:#22c55e}.blue{background:#3b82f6}.red{background:#ef4444}
.visual{margin:0;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--sh);overflow:hidden}
.visual img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.visual figcaption{padding:8px 12px;color:#6b7280;font-size:.92rem}
.sticky{position:sticky;top:16px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:700px){.cards{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--sh);padding:14px}
.ct{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.ct h3{margin:0;font-size:1.06rem;font-weight:900}
.chip{background:#f4f1ea;border:1px solid var(--border);border-radius:999px;padding:6px 10px;color:#6b7280;font-weight:800}
.vs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.flag{display:inline-block;border-radius:10px;padding:6px 10px;font-weight:800;border:1px solid var(--border);background:#fff}
.flag.good{color:#16a34a;border-color:#d7f0df;background:#f0fbf3}
.flag.bad{color:#e11d48;border-color:#fad7de;background:#fff3f6}
.vs ul{margin:8px 0 0;padding-left:18px}
.vs li{margin:.25rem 0}
.bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.bar .b{height:8px;border-radius:999px;display:block;position:relative}
.bar .b em{position:absolute;inset:auto 8px -22px auto;color:#6b7280;font-size:.82rem}
.bar .b.bad{background:linear-gradient(90deg,#fecdd3,#fb7185)}
.bar .b.good{background:linear-gradient(90deg,#bbf7d0,#22c55e)}
.summary{margin-top:12px;background:#faf8f1;border:1px solid var(--border);border-radius:16px;padding:12px}
.sum{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.label{font-weight:900}
.neg{color:#e11d48;font-weight:900}
.pos{color:#16a34a;font-weight:900}
@media (max-width:700px){.sum{grid-template-columns:1fr}}

/* ===== Social proof (Google-style reviews) – drop-in replace ===== */
.gsp{padding:clamp(44px,6vw,84px) 0;background:var(--bg);color:#1f2328}
.gsp-wrap{max-width:1200px;margin:auto;padding:0 clamp(16px,3vw,32px)}
.gsp-head h2{margin:0 0 2px;font-weight:900;font-size:clamp(1.9rem,3.2vw,2.4rem);line-height:1.1}
.gsp-sub{color:#6b7280;margin:0 0 14px}

.gsp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:980px){.gsp-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.gsp-grid{grid-template-columns:1fr}}

.gsp-card{
  background:#fff;border:1px solid var(--border);border-radius:16px;
  box-shadow:0 1px 1px rgba(0,0,0,.04),0 12px 28px rgba(31,35,40,.08);
  padding:14px
}
.gsp-row{display:flex;gap:12px;align-items:center;margin-bottom:6px}
.gsp-avatar{
  width:36px;height:36px;border-radius:50%;
  background:#eef2f7;color:#3b4a5a;display:grid;place-items:center;font-weight:800
}
.gsp-meta{display:flex;flex-direction:column;gap:2px}
.gsp-author{font-weight:800}
.gsp-src{color:#6b7280}

.gsp-stars{display:flex;gap:2px;line-height:1}
.gsp-star{
  width:16px;height:16px;display:inline-block;
  background:conic-gradient(#fbbc04 0 100%);
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>') center/contain no-repeat;
          mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>') center/contain no-repeat
}
.gsp-text{margin:6px 0 0;line-height:1.5}

.gsp-ctas{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;margin-top:14px}
.btn{border-radius:12px;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-block}
.btn.ghost{border:1px solid var(--border);background:#fff;color:#1E1B14}
.btn.dark{background:#1E1B14;color:#fff}

/* a11y: visually-hidden helper for screen-reader-only text */
.sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


/* FAQ */
.belka-faq{padding:clamp(44px,6vw,84px) 0;background:var(--bg);color:#1f2328}
.faq-wrap{max-width:1200px;margin:auto;padding:0 clamp(16px,3vw,32px)}
.faq-head h2{margin:0 0 .35rem;font-weight:900;font-size:clamp(1.9rem,3.2vw,2.4rem);line-height:1.1}
.faq-head h2 span{background:linear-gradient(90deg,#e9dfc8,#f7f1de,#fff);padding:.05em .25em;border-radius:6px}
.faq-head h2 em{font-style:normal;color:#6b7280;font-weight:700}
.faq-sub{margin:0 0 .8rem;color:#6b7280}
.faq-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.faq-search{flex:1 1 360px;border:1px solid var(--border);border-radius:999px;padding:12px 14px;font:inherit;background:#fff}
.faq-actions .btn{border:1px solid var(--border);background:#fff}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 10px 30px rgba(31,35,40,.08),0 1px 1px rgba(31,35,40,.05);overflow:hidden}
.faq-item::before{content:"";display:block;height:6px;background:linear-gradient(90deg,#c7b590,#dccaa6,#f0e7cf)}
.faq-item summary{display:flex;gap:10px;align-items:center;list-style:none;cursor:pointer;padding:14px 16px;font-weight:800;outline:none}
.faq-item[open] summary{background:#fffcf4}
.ic{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f4f1ea;font-size:18px}
.faq-a{padding:0 16px 14px;color:#1f2328}
.faq-a .pill{display:inline-block;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:#fff}
.links{margin:.5rem 0 0 1rem}
.links li{margin:.25rem 0}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr}}

/* Calc + form */
.bk-calc{background:#fff;border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:var(--sh)}
.bk-field{display:flex;flex-direction:column;gap:8px}
.bk-input,.bk-select{padding:12px 14px;border:1px solid var(--border);border-radius:var(--r);font:inherit;background:#fff;width:100%}

/* CTA band */
.bk-ctaBand{background:#0F0E0B;color:#fff;padding:clamp(40px,6vw,64px) 0}
.bk-ctaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bk-ctaBtn{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;background:#1E1B14;border:1px solid #2B261D;border-radius:22px;padding:16px;font-weight:700;color:#fff;text-decoration:none}
.bk-ctaBtn.alt{background:transparent;border-color:#3A3327}

/* Sticky footer (mobile) */
.bk-sticky{position:fixed;left:0;right:0;bottom:0;background:rgba(255,253,248,.95);border-top:1px solid var(--border);padding:10px;display:none;z-index:50}
.bk-sticky .row{display:flex;gap:8px}

/* Responsive */
@media(max-width:1024px){
  .bk-heroGrid{grid-template-columns:1fr}
  .bk-kachel{grid-template-columns:repeat(2,1fr)}
  .bk-howto{grid-template-columns:repeat(2,1fr)}
  .bd-cards{grid-template-columns:repeat(2,1fr)}
  .bk-grid2{grid-template-columns:1fr}
  .bk-pills{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:980px){
  .bd-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .bk-sticky{display:block}
}
@media(max-width:720px){
  .bk-kachel,.bd-cards{grid-template-columns:1fr}
  .bk-howto{grid-template-columns:1fr}
  .bk-ctaGrid{grid-template-columns:1fr}
}
/* ================= FIX: Section 2 – Was ist Belka? (scoped) ================= */
.belka-alt{padding:clamp(40px,6vw,80px) 0;background:var(--bg);color:var(--ink)}
.belka-alt .wrap{max-width:1200px;margin:auto;padding:0 clamp(16px,3vw,32px)}

.belka-alt .intro h2{font-size:clamp(1.9rem,3.2vw,2.4rem);line-height:1.15;margin:0 0 .4rem;font-weight:800}
.belka-alt .lead{color:var(--ink-2);max-width:86ch;margin:0}

/* 2-column layout: sticky benefits + gallery */
.belka-alt .grid{
  display:grid;
  grid-template-columns:360px 1fr;
  gap:clamp(18px,3vw,28px);
  margin-top:18px;
}

/* Sticky left column */
.belka-alt .benefits{
  position:sticky; top:90px; align-self:start;
  background:var(--card); border:1px solid var(--border);
  border-radius:var(--r-lg); box-shadow:var(--sh2); padding:18px;
}
.belka-alt .benefits__title{margin:0 0 8px;font-size:1.05rem;font-weight:800}
.belka-alt .benefits__list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:10px}
.belka-alt .benefits__list li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}
.belka-alt .ic{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#f3f4f6;font-size:.95rem}
.belka-alt .muted{color:var(--ink-3)}
/* local note (تا با .note عمومی قاطی نشود) */
.belka-alt .note{background:#fff7e6;border:1px solid #ffe6b8;border-radius:14px;padding:12px;font-size:.95rem;color:#7a4a00}

/* Right gallery cards */
.belka-alt .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,18px)}
.belka-alt .card{
  position:relative; background:var(--card); border:1px solid var(--border);
  border-radius:var(--r-lg); box-shadow:var(--sh2); overflow:hidden;
}
.belka-alt .card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.belka-alt .card figcaption{padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.belka-alt .card strong{font-weight:800}
.belka-alt .card span{color:var(--ink-3);font-size:.95rem}

/* Result badges (chips) */
.belka-alt .chip{
  position:absolute; top:12px; left:12px; padding:6px 10px;
  border-radius:999px; font-weight:800; font-size:.85rem;
  border:1px solid rgba(0,0,0,.08); backdrop-filter:saturate(140%) blur(4px);
}
.belka-alt .chip--green{background:#eafff3;color:#0b7d4a;border-color:#bfe9d3}
.belka-alt .chip--blue{background:#edf5ff;color:#0a4db3;border-color:#cfe0ff}

/* Responsive */
@media (max-width:1024px){
  .belka-alt .grid{grid-template-columns:1fr}
  .belka-alt .benefits{position:static}
}
@media (max-width:640px){
  .belka-alt .gallery{grid-template-columns:1fr}
}
/* ================= /FIX ================= */
/* ===== HowTo – 4 image cards (scoped, no conflicts) ===== */
.howto-grid .howto-cards{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;margin-top:12px;
}
@media (max-width:1024px){.howto-grid .howto-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.howto-grid .howto-cards{grid-template-columns:1fr}}

.howto-grid .howto-card{
  position:relative;background:#fff;border:1px solid var(--border);
  border-radius:18px;box-shadow:var(--sh);overflow:hidden;
}
.howto-grid .howto-card img{
  width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover;
}
.howto-grid .howto-card figcaption{padding:14px 16px}
.howto-grid .howto-card h3{margin:.1rem 0 .15rem;font-weight:900;font-size:1.05rem}
.howto-grid .howto-card p{margin:0;color:var(--ink-2)}

.howto-grid .howto-card .badge{
  position:absolute;top:12px;left:12px;display:grid;place-items:center;
  width:32px;height:32px;border-radius:999px;background:var(--brand);color:#fff;
  font-weight:900;box-shadow:0 6px 18px rgba(225,29,46,.25);
}
/* HowTo tabs */
.howto-tabs{
  display:flex; gap:10px; flex-wrap:wrap;
  margin:8px 0 16px;
}
.howto-tab{
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 12px; border-radius:999px;
  border:1px solid var(--border);
  background:#fff; color:var(--ink);
  font-weight:800; text-decoration:none;
  box-shadow:var(--sh);
  transition:transform .15s ease, background .15s ease;
}
.howto-tab:hover{ transform:translateY(-1px); background:#faf7f0 }
.howto-tab--active{
  background:var(--accent); color:#fff; border-color:transparent;
  box-shadow:var(--sh);
  cursor:default;
}
.howto-tab .ic{font-weight:900; line-height:1; transform:translateY(-1px)}
@media (max-width:640px){
  .howto-tabs{margin:6px 0 12px}
  .howto-tab{padding:8px 12px}
}

/* Hover */
.howto-grid .howto-card:hover{
  transform:translateY(-2px);
  transition:.25s ease;
  box-shadow:0 16px 36px rgba(31,35,40,.12),0 1px 1px rgba(31,35,40,.05)
}
/* ===== HERO (mobile-first, responsive) ===== */
.hero-grid{
  display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(20px,5vw,48px);
  align-items:center;
}
.hero-text{display:flex;flex-direction:column;gap:14px}

/* Pills: horizontal scroll on small screens */
.hero-pills{
  display:flex; gap:10px; margin-top:6px; overflow:auto; padding-bottom:2px;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
}
.hero-pills .bk-pill{scroll-snap-align:start; min-width:220px}

/* CTAs: wrap; full-width on small screens */
.hero-ctas{display:flex; flex-wrap:wrap; gap:10px; margin-top:6px}
@media (max-width:640px){
  .hero-ctas .bk-btn{width:100%}
}

/* Rating block (Google yellow stars already defined by --gstar) */
.bk-rating{display:inline-flex; align-items:center; gap:10px; background:#F4F1EA;
  border:1px solid var(--border); border-radius:999px; padding:8px 12px; font-weight:800}
.bk-rating .bk-stars{display:flex; gap:2px}
.bk-rating .bk-stars i{
  width:16px;height:16px;display:inline-block;background:conic-gradient(var(--gstar) 0 100%);
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>') center/contain no-repeat;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>') center/contain no-repeat;
}
/* ===== BELKA HERO v2 (scoped) ===== */
.belka-hero2{
  --wrap-max:1200px;
  --ink:#1f2328; --muted:#6b7280; --border:#e9e4da; --card:#fff;
  --accent:#1E1B14; --shadow:0 10px 30px rgba(31,35,40,.08),0 1px 1px rgba(31,35,40,.05);
  --r:22px;

  /* pill themes */
  --warm-bg:#FFF7ED; --warm-bd:#FDE1C7; --warm-t:#9A3412;
  --calm-bg:#EEF5FF; --calm-bd:#CFE0FF; --calm-t:#0A4DB3;
  --fresh-bg:#EBFFF4; --fresh-bd:#BEEAD4; --fresh-t:#0B7D4A;

  color:var(--ink);
  padding:clamp(40px,6vw,80px) 0;
}
.belka-hero2__wrap{max-width:var(--wrap-max); margin:auto; padding:0 clamp(16px,3vw,32px);}
.belka-hero2__grid{
  display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(20px,5vw,48px); align-items:center;
}
.belka-hero2__h1{margin:0; line-height:1.08; font-weight:900; font-size:clamp(2rem,4.6vw,3.25rem);}
.belka-hero2__lead{margin:.8rem 0 0; color:var(--muted); max-width:70ch;}
/* Pills */
.belka-hero2__pills{display:flex; gap:10px; margin-top:12px; overflow:auto; padding-bottom:2px; scroll-snap-type:x mandatory;}
.belka-hero2__pill{
  min-width:220px; scroll-snap-align:start;
  background:var(--card); border:1px solid var(--border); border-radius:18px;
  padding:14px; box-shadow:var(--shadow); transition:transform .2s ease, box-shadow .2s ease;
}
.belka-hero2__pill strong{display:block; font-weight:800;}
.belka-hero2__pill span{color:var(--muted);}
.belka-hero2__pill:hover{transform:translateY(-2px);}

/* pill color mods */
.belka-hero2__pill--warm{background:var(--warm-bg); border-color:var(--warm-bd);}
.belka-hero2__pill--warm strong{color:var(--warm-t);}
.belka-hero2__pill--calm{background:var(--calm-bg); border-color:var(--calm-bd);}
.belka-hero2__pill--calm strong{color:var(--calm-t);}
.belka-hero2__pill--fresh{background:var(--fresh-bg); border-color:var(--fresh-bd);}
.belka-hero2__pill--fresh strong{color:var(--fresh-t);}

/* CTAs */
.belka-hero2__ctas{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px;}
/* if your theme lacks .bk-btn, this keeps them usable */
.belka-hero2__ctas .bk-btn{display:inline-flex; align-items:center; justify-content:center; border-radius:22px; padding:.9rem 1.2rem; font-weight:800; text-decoration:none;}
.belka-hero2__ctas .bk-btn--primary{background:var(--accent); color:#fff;}
.belka-hero2__ctas .bk-btn--ghost{border:1px solid var(--border); background:#fff; color:var(--ink);}

/* Rating */
.belka-hero2__rating{
  margin-top:10px; display:inline-flex; align-items:center; gap:10px;
  background:#F4F1EA; border:1px solid var(--border); border-radius:999px; padding:8px 12px; font-weight:800;
}
.belka-hero2__stars{display:flex; gap:2px;}
.belka-hero2__rating span:last-child{color:var(--muted); font-weight:700;}

/* Media card */
.belka-hero2__media{
  position:relative; margin:0; background:#fff; border:1px solid var(--border);
  border-radius:var(--r); box-shadow:var(--shadow); overflow:hidden;
}
.belka-hero2__media img{display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover;}
.belka-hero2__chip{
  position:absolute; display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px; font-weight:800; font-size:.9rem;
  border:1px solid rgba(0,0,0,.08); backdrop-filter:saturate(140%) blur(4px);
}
.belka-hero2__chip--green{top:12px; left:12px; background:#EBFFF4; color:#0B7D4A; border-color:#BEEAD4;}
.belka-hero2__chip--blue{bottom:12px; left:12px; background:#EDF5FF; color:#0A4DB3; border-color:#CFE0FF;}

/* Responsive */
@media (max-width:1080px){
  .belka-hero2__grid{grid-template-columns:1fr;}
  .belka-hero2__media{order:2;}
  .belka-hero2__text{order:1;}
}
@media (max-width:640px){
  .belka-hero2__ctas .bk-btn{width:100%;}
  .belka-hero2__pill{min-width:200px;}
}
@media (max-width:360px){
  .belka-hero2__wrap{padding:0 14px;}
}
/* ===== HERO: responsive & correct image sizing ===== */
<style id="belka-hero-fix">
</style>/* ===== HERO (scoped to .bk-hero) ===== */

/* دوستونه: متن + مدیا (عکس) — ستون راست هیچ‌وقت خیلی کوچک نمی‌شود */
.bk-hero .bk-heroGrid{
  display:grid !important;
  align-items:center !important;
  gap:clamp(24px,5vw,56px) !important;
  grid-template-columns: 1.15fr minmax(520px, 820px) !important;
}


.bk-hero .bk-heroCard{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
  background:#fff !important;
  border:1px solid var(--border) !important;
  border-radius:22px !important;
  overflow:hidden !important;
  box-shadow:0 1px 1px rgba(0,0,0,.03),0 12px 30px rgba(0,0,0,.10) !important;
}

/* تصویر داخل کارت: همیشه پرکن، بدون فشردگی */
.bk-hero .bk-heroCard img,
.bk-hero figure img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:cover !important;
  aspect-ratio:16/16 !important;    /* دسکتاپ */
}

/* چیپ‌های بالای تصویر */
.bk-hero .bk-chip{
  position:absolute !important; top:12px; left:12px;
  background:#EBFFF4; color:#0B7D4A; border:1px solid #BEEAD4;
  border-radius:999px; padding:6px 10px; font-weight:800; font-size:.9rem;
}
.bk-hero .bk-chip2{
  position:absolute !important; bottom:12px; left:12px;
  background:#EDF5FF; color:#0A4DB3; border:1px solid #CFE0FF;
  border-radius:999px; padding:6px 10px; font-weight:800; font-size:.9rem;
}


.bk-hero .bk-pills{display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px !important; margin-top:18px !important}
.bk-hero .bk-pill{border:1px solid var(--border); border-radius:18px; padding:14px; box-shadow:0 1px 1px rgba(0,0,0,.03),0 10px 25px rgba(0,0,0,.06)}
.bk-hero .pill--warm  {background:#FFF7ED; border-color:#FDE1C7}
.bk-hero .pill--quiet {background:#EEF5FF; border-color:#CFE0FF}
.bk-hero .pill--repair{background:#EBFFF4; border-color:#BEEAD4}
.bk-hero .pill--warm  strong{color:#9A3412}
.bk-hero .pill--quiet strong{color:#0A4DB3}
.bk-hero .pill--repair strong{color:#0B7D4A}


.bk-hero .bk-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:22px;padding:.9rem 1.2rem;font-weight:800;text-decoration:none}
.bk-hero .bk-btn--primary{background:var(--accent);color:#fff}
.bk-hero .bk-btn--ghost{border:1px solid var(--border);background:#fff;color:var(--ink)}


.bk-hero .bk-rating{display:inline-flex;gap:10px;align-items:center;background:#F4F1EA;border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-weight:800;margin-top:12px}
.bk-hero .bk-rating .star{color:#fbbc04; font-size:18px; line-height:1}


@media (max-width:1080px){
  .bk-hero .bk-heroGrid{grid-template-columns:1fr !important}
  .bk-hero .bk-heroCard img{aspect-ratio:4/3 !important}
}


.bk-hero img{max-width:100% !important; height:auto !important}
</style>
/* --- Pill text wrap fix (bk-hero only) --- */
.bk-hero .bk-pill{
  min-width:0;             
  line-height:1.25;
}

.bk-hero .bk-pill strong,
.bk-hero .bk-pill span{
  display:block;
  overflow-wrap:anywhere;     
  word-break:break-word;
  hyphens:auto;              
}

@media (max-width:640px){
 
  .bk-hero .bk-pill{padding:12px 14px}
  .bk-hero .bk-pill strong{line-height:1.15}
}

.hero-pills .bk-pill{min-width:220px; max-width:85vw}
</style>/* End custom CSS */