/* ===== قبل / بعد ===== */
.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:0 auto}
.cmp-col{border-radius:var(--r-md);padding:24px 22px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.cmp-col h3{font-size:1.05rem;margin-bottom:14px}
.cmp-col ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.cmp-col li{display:flex;gap:10px;align-items:flex-start;font-weight:600;line-height:1.55}
.cmp-col li::before{flex-shrink:0;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:.85rem;font-weight:900}
.cmp-before{background:#FBF7F8;color:var(--ink-soft)}
.cmp-before li::before{content:"✗";color:var(--red);background:rgba(214,69,69,.1)}
.cmp-after{background:#fff;border-color:var(--rose-300)}
.cmp-after li::before{content:"✔";color:var(--green);background:rgba(31,169,92,.12)}
/* ===== 3 أوضاع ===== */
.modes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto}
/* ===== الآراء: صورتين واتساب كبار + كروت نصية + lightbox ===== */
.rev-feat{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:0 auto 22px;align-items:start}
.proof{margin:0;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;cursor:zoom-in}
.proof img{display:block;width:100%;height:auto}
.proof figcaption{padding:12px 16px;font-weight:800;font-size:.95rem;border-top:1px solid var(--line);color:var(--ink);line-height:1.5}
.rev-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:0 auto}
.rev-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:20px 20px 16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}
.rev-card p{font-size:1.02rem;font-weight:600;line-height:1.75;color:var(--ink);margin:0}
.rev-src{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:.8rem;color:var(--ink-soft);font-weight:700}
.rev-src>span{display:inline-flex;align-items:center;gap:8px}
.rev-src .av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--rose-100),var(--lav-100));display:grid;place-items:center;font-style:normal;font-size:1rem;flex-shrink:0}
.rev-orig{background:none;border:0;padding:0;font:inherit;font-size:.8rem;font-weight:800;color:var(--rose-700);text-decoration:underline;cursor:pointer}
.lb{position:fixed;inset:0;z-index:300;background:rgba(20,12,30,.88);display:none;place-items:center;padding:20px;cursor:zoom-out}
.lb.open{display:grid}
.lb img{max-width:min(92vw,560px);max-height:88vh;width:auto;height:auto;border-radius:14px;background:#fff;box-shadow:var(--shadow-lg)}
.lb-x{position:absolute;top:14px;inset-inline-end:14px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:var(--ink);font-size:1.1rem;font-weight:900;cursor:pointer}
.social .wa:hover{background:#25D366}
.inc-spare{border-color:var(--rose-300);background:var(--rose-50)}
@media(max-width:720px){
  .cmp-grid,.modes-grid,.feat-grid{grid-template-columns:1fr}
  .rev-feat{grid-template-columns:1fr;max-width:420px}
  .rev-cards{grid-template-columns:1fr}
}

/* ===== badge الآراء فوق صورة الـ hero ===== */
.hero-proof{position:absolute;bottom:14px;inset-inline-start:14px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px 8px 10px;box-shadow:var(--shadow-md);color:var(--ink);text-decoration:none;font-size:.85rem;line-height:1.25;z-index:2}
.hero-proof[hidden]{display:none}
.hero-proof-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--rose-100),var(--lav-100));font-size:1.1rem;flex-shrink:0}
.hero-proof b{display:block;font-weight:800}
.hero-proof small{display:block;color:var(--rose-700);font-weight:700;font-size:.74rem}
@media(max-width:640px){.hero-proof{bottom:8px;inset-inline-start:8px;padding:6px 12px 6px 8px;font-size:.78rem}.hero-proof-ic{width:28px;height:28px;font-size:.95rem}}
/* chip "التوصيل مجاني" fـ hero */
.chip-free{background:var(--rose-100);border-color:var(--rose-300);color:var(--rose-800);font-weight:800}

/* ===== 2026-10-29: سطر العرض فوق الـ fold ===== */
.hero-offer-line{margin:0 0 10px;padding:8px 12px;border-radius:12px;background:var(--rose-50,#fff6fa);border:1px solid var(--rose-300,#f3b6cf);color:var(--ink);font-weight:800;font-size:.92rem;line-height:1.55;max-width:560px}
@media(max-width:640px){.hero-offer-line{font-size:.86rem;padding:7px 10px}}
/* ===== 2026-10-29: مقاس القمع مطوي، رابط صغير ===== */
#flangePick .fl-sum,#flangePick .fl-sum>span{text-decoration:none}
#flangePick .fl-sum{cursor:pointer;font-size:.86rem;font-weight:700;color:var(--ink-soft);line-height:1.5;list-style:none}
#flangePick .fl-sum::-webkit-details-marker{display:none}
#flangePick .fl-sum u{color:var(--rose-700);font-weight:800}
/* ===== 2026-10-29: سعر التوصيل قبل الزر ===== */
#coFormWrap #coSumHome{margin:0 0 12px}
#coFormWrap #coSumHome b{white-space:nowrap}
