/* مرستكه | البانرات التسويقية في الواجهة */
.marketing-banners{width:min(1180px,92%);margin:1rem auto 0;position:relative;}
.marketing-banners[hidden]{display:none!important;}
.marketing-banners__shell{position:relative;overflow:hidden;border-radius:26px;box-shadow:0 18px 44px rgba(67,40,24,.14);background:#5b2c25;isolation:isolate;}
.marketing-banners__viewport{overflow:hidden;}
.marketing-banners__track{display:flex;direction:ltr;transition:transform .55s cubic-bezier(.2,.7,.2,1);will-change:transform;}
.marketing-banner{min-width:100%;direction:rtl;text-align:right;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(260px,.86fr);align-items:stretch;min-height:235px;position:relative;color:#fff;}
.marketing-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(circle at 13% 18%,rgba(255,255,255,.17),transparent 24%),
  radial-gradient(circle at 88% 88%,rgba(255,221,173,.15),transparent 34%),
  linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%) 0 0/26px 26px;
  opacity:.74;}
.marketing-banner.tone-maroon{background:linear-gradient(135deg,#6c302b 0%,#3f221e 58%,#4f6b55 100%);}
.marketing-banner.tone-green{background:linear-gradient(135deg,#2f6554 0%,#24493d 56%,#6f322b 100%);}
.marketing-banner.tone-sand{color:#4b2d20;background:linear-gradient(135deg,#f8dfc4 0%,#efd0a9 52%,#e4b889 100%);}
.marketing-banner.tone-sand .marketing-banner__eyebrow,.marketing-banner.tone-sand .marketing-banner__description{color:#5f4435;}
.marketing-banner.tone-sand .marketing-banner__cta{background:#5a2f22;color:#fff;border-color:#5a2f22;}
.marketing-banner.tone-sand .marketing-banner__cta:hover{background:#783e2d;border-color:#783e2d;color:#fff;}
.marketing-banner__copy{position:relative;padding:clamp(1.25rem,4vw,2.65rem);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.marketing-banner__copy::after{content:"";position:absolute;inset:0 auto 0 0;width:110px;opacity:.55;background:linear-gradient(135deg,transparent 12px,rgba(255,255,255,.08) 12px 22px,transparent 22px) 0 0/28px 28px;pointer-events:none;}
.marketing-banner__copy>*{position:relative;z-index:1;}
.marketing-banner__eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .65rem;color:#f8d7b7;font-size:.78rem;font-weight:800;letter-spacing:.01em;}
.marketing-banner__eyebrow::before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 0 4px rgba(255,255,255,.10);}
.marketing-banner__title{margin:0;max-width:740px;font-size:clamp(1.45rem,3.25vw,2.65rem);line-height:1.2;font-weight:900;}
.marketing-banner__description{margin:.8rem 0 1.25rem;max-width:680px;color:#fff6ee;line-height:1.8;font-size:clamp(.94rem,1.45vw,1.05rem);}
.marketing-banner__cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;padding:.72rem 1.1rem;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-weight:850;transition:transform .2s ease,background .2s ease,border-color .2s ease;}
.marketing-banner__cta::after{content:"←";font-size:1.05rem;line-height:1;}
.marketing-banner__cta:hover{transform:translateY(-2px);background:#fff;color:#5b2e22;border-color:#fff;}
.marketing-banner__media{position:relative;min-height:235px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(0,0,0,.14));}
.marketing-banner__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.17),transparent 50%),linear-gradient(180deg,transparent 45%,rgba(0,0,0,.25));pointer-events:none;}
.marketing-banner__media img{width:100%;height:100%;min-height:235px;display:block;object-fit:cover;transform:scale(1.015);}
.marketing-banner__media-placeholder{display:grid;place-items:center;height:100%;min-height:235px;background:
  linear-gradient(135deg,rgba(255,255,255,.13) 25%,transparent 25%) 0 0/28px 28px,
  linear-gradient(45deg,rgba(255,255,255,.06) 25%,transparent 25%) 0 0/28px 28px;
}
.marketing-banner__media-placeholder svg{width:min(170px,45%);height:auto;opacity:.85;filter:drop-shadow(0 12px 18px rgba(0,0,0,.15));}
.marketing-banners__nav{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none;padding:0 .65rem;z-index:3;}
.marketing-banners__arrow{width:38px;height:38px;border:1px solid rgba(255,255,255,.42);border-radius:50%;display:grid;place-items:center;background:rgba(48,29,22,.32);color:#fff;font:inherit;font-size:1.2rem;cursor:pointer;pointer-events:auto;backdrop-filter:blur(5px);transition:transform .2s ease,background .2s ease;}
.marketing-banners__arrow:hover{transform:scale(1.07);background:rgba(48,29,22,.58);}
.marketing-banners__dots{position:absolute;bottom:.9rem;inset-inline-start:1rem;display:flex;gap:.38rem;z-index:4;}
.marketing-banners__dot{border:0;width:8px;height:8px;padding:0;border-radius:999px;background:rgba(255,255,255,.46);cursor:pointer;transition:width .25s ease,background .25s ease;}
.marketing-banners__dot[aria-current="true"]{width:23px;background:#fff;}
@media(max-width:760px){.marketing-banners{width:min(94%,620px);margin-top:.75rem}.marketing-banners__shell{border-radius:20px}.marketing-banner{grid-template-columns:1fr;min-height:0}.marketing-banner__copy{min-height:220px;padding:1.25rem 1.15rem 2.7rem}.marketing-banner__title{font-size:1.52rem}.marketing-banner__description{font-size:.9rem;margin:.65rem 0 1rem}.marketing-banner__media{min-height:170px;order:-1}.marketing-banner__media img,.marketing-banner__media-placeholder{min-height:170px}.marketing-banners__nav{padding:0 .35rem}.marketing-banners__arrow{width:34px;height:34px}.marketing-banners__dots{bottom:.65rem;inset-inline-start:.85rem}.marketing-banner__copy::after{width:70px}.marketing-banner.tone-sand .marketing-banner__media::after{background:linear-gradient(180deg,rgba(81,45,26,.12),transparent 55%);}}
@media(prefers-reduced-motion:reduce){.marketing-banners__track{transition:none}.marketing-banner__cta,.marketing-banners__arrow{transition:none;}}
/* لوحة الإدارة | البانرات التسويقية */
.marketing-banner-record__image{display:block;width:min(100%,320px);height:135px;object-fit:cover;border-radius:13px;border:1px solid #e7ded2;margin:.85rem 0 0;}
.marketing-banners-admin-layout .hint{font-size:.86rem}.marketing-banners-admin-layout .record-grid span{overflow-wrap:anywhere;}