/* صف بعمودين */
.ad-container{
  background: radial-gradient(80% 120% at 0% 50%, #bb8647 0%, #d09a60 40%, #eac199 75%, #faeedd 100%);
  display:grid;
  grid-template-columns: 1fr 520px; /* يمين نص، يسار صورة */
  align-items:center;
  gap:32px;
  padding:0 30px;
  min-height:420px;
  position:relative;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.ad-col{position:relative}

/* المحتوى */
.ad-content{max-width:560px;text-align:right}
.ad-content .title h1{font-size:3.2rem;font-weight:800;color:var(--y-color-text-dark);margin:0 0 .5rem}
.ad-content .title h2{font-size:2.4rem;font-weight:700;color:var(--y-color-text-dark);margin:0 0 1rem}
.brand-highlight{position:relative;display:inline-block}
.brand-highlight::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:8px;
  background:linear-gradient(90deg,transparent 0%,var(--y-color-accent) 50%,transparent 100%);
  border-radius:4px
}
.who-text{font-size:1.125rem;line-height:1.8;color:var(--y-color-text-dark);margin:0 0 1.25rem}
.features{display:flex;flex-wrap:wrap;gap:12px 16px;list-style:none;padding:0;margin:0}
.feature-item{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.25);
  padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(4px)}
.feature-item i{font-size:1.05rem;color:var(--y-color-dark)}
.feature-item span{font-weight:600;color:var(--y-color-text-dark)}

/* الصورة */
.ad-image{display:flex;align-items:center;justify-content:center;width:520px;height:400px;z-index:2}
.rectangle-wrapper{position:absolute;inset:0;overflow:visible}
.rectangle{
  position:absolute;width:390px;height:390px;border:26px solid rgba(255,255,255,.45);
  background:transparent;transform:rotate(-45deg);top:50%;left:50%;translate:-50% -50%;
}
.rectangle2{
  position:absolute;width:300px;height:300px;background:rgba(255,255,255,.25);
  transform:rotate(-45deg);top:50%;left:50%;translate:-50% -50%;
}
.ad-img{position:relative;z-index:2;height:150%;width:auto;object-fit:cover;top:-20px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.18))}
.floating-badge{
  position:absolute;top:14px;right:18px;background:var(--y-color-dark);color:var(--y-color-text-light);
  padding:8px 14px;border-radius:999px;font-weight:800;z-index:4;box-shadow:0 4px 10px rgba(0,0,0,.18)
}

/* إيقاف أي أنيميشن قديمة */
.rectangle-wrapper,.rectangle,.rectangle2,.floating-badge,.ad-img{animation:none !important}

/* موبايل */
@media (max-width:992px){
  .ad-container{grid-template-columns:1fr;gap:20px;padding:20px;text-align:center}
  .ad-content{text-align:center;margin:0 auto}
  .features{justify-content:center}
  .ad-image{width:360px;height:300px;margin:0 auto}
  .rectangle{width:300px;height:300px;border-width:22px}
  .rectangle2{width:230px;height:230px}
  .ad-img{top:-10px;height:140%}
}
@media (max-width:480px){
  .ad-image{width:300px;height:250px}
  .rectangle{width:260px;height:260px;border-width:18px}
  .rectangle2{width:200px;height:200px}
  .ad-content .title h1{font-size:2.2rem}
  .ad-content .title h2{font-size:1.6rem}
  .who-text{font-size:1rem}
}
@media (max-width:992px){
  .ad-container{ overflow:hidden; }
  .rectangle-wrapper{ overflow:hidden; }
  .ad-img{ max-width:100%; width:100%; height:auto; top:0; }
}