/* ريف قلم — بنرات العروض الموسمية (الموقع العام + معاينة اللوحة). الألوان من متغيرات --cb1/--cb2/--cbt/--cba على البنر. */
/* بنر الحملة */
.cbanner{position:relative;overflow:hidden;color:var(--cbt);background:linear-gradient(120deg,var(--cb1),var(--cb2));border-radius:22px;isolation:isolate}
.cb-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);align-items:center;gap:10px;padding:30px 34px;min-height:250px;margin:16px 0}
.cb-deco span{position:absolute;border-radius:50%;background:#fff;opacity:.07;z-index:-1}
.cb-deco span:nth-child(1){width:340px;height:340px;inset-inline-start:-90px;top:-150px}
.cb-deco span:nth-child(2){width:180px;height:180px;inset-inline-end:28%;bottom:-90px;opacity:.05}
.cb-deco span:nth-child(3){width:90px;height:90px;inset-inline-start:40%;top:18px;opacity:.06}
.cb-txt{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.cb-badge{display:inline-flex;align-items:center;background:var(--cba);color:var(--cb1);font-weight:900;font-size:15px;padding:4px 14px;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.18);transform:rotate(-2deg)}
.cbanner h2{font-size:clamp(22px,3.2vw,34px);font-weight:900;line-height:1.35;color:var(--cbt);margin:0}
.cbanner p{font-size:15px;line-height:1.8;opacity:.9;margin:0;max-width:560px}
.cb-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.cb-cta{background:var(--cba);color:var(--cb1);text-decoration:none;font-weight:900;padding:10px 22px;border-radius:12px;box-shadow:0 8px 18px rgba(0,0,0,.2);transition:transform .15s}
.cb-cta:hover{transform:translateY(-2px)}
.cb-coupon{font-size:13.5px;font-weight:700}
.cb-coupon code,.cb-strip code{background:rgba(255,255,255,.16);border:1px dashed rgba(255,255,255,.6);border-radius:8px;padding:2px 10px;font-weight:800;letter-spacing:1px;color:var(--cbt)}
.cb-ends{font-size:13px;font-weight:700;background:rgba(0,0,0,.18);border-radius:999px;padding:3px 12px}
.cb-permit{font-size:11px;opacity:.7}
.cb-art{width:100%;max-width:340px;height:auto;justify-self:center;filter:drop-shadow(0 14px 22px rgba(0,0,0,.22))}
.cbanner.has-photo{background:var(--cb1)}
.cb-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cbanner.has-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,var(--cb1) 30%,transparent);opacity:.92;z-index:-1}
.cb-strip{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;border-radius:0;padding:8px 16px;text-decoration:none;font-size:14px}
.cb-strip b{background:var(--cba);color:var(--cb1);border-radius:999px;padding:1px 12px;font-weight:900}
.cb-strip span{font-weight:700}
.cb-strip em{font-style:normal;font-size:12.5px;opacity:.9}
.cb-strip i{font-style:normal;font-weight:900}
.cb-strip:hover span{text-decoration:underline}
.home-offer{position:relative}
.home-offer-more{position:absolute;bottom:26px;inset-inline-end:34px;color:#fff;font-weight:800;font-size:13px;text-decoration:none;background:rgba(0,0,0,.2);border-radius:999px;padding:3px 12px}


@media(max-width:720px){
  .cb-hero{grid-template-columns:1fr;padding:22px 20px;text-align:start}
  .cb-art{max-width:220px;order:-1;margin:-6px auto 0}
  .cbanner p{font-size:14px}
  .home-offer-more{position:static;display:inline-block;margin:-6px 0 10px;background:#0e7c86}
}

/* الزخارف لا تخرج عن البنر (كانت تسبب تمريراً أفقياً على الجوال) */
.cb-deco{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
@media(max-width:600px){.cb-hero .cb-art{max-width:150px;margin:-10px auto -6px}.cb-hero{padding:20px 18px;min-height:0}.cbanner h2{font-size:22px}}