.qarar-ad-zone{position:relative;margin:34px 0;overflow:hidden}.qarar-ad-zone>.container{position:relative}.qarar-ad-zone__track{position:relative;border:1px solid rgba(190,22,34,.16);border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f4f4f5 100%);box-shadow:0 12px 34px rgba(26,30,36,.08)}
.qarar-ad-slide{display:grid;grid-template-columns:minmax(260px,38%) 1fr;min-height:210px}.qarar-ad-slide[hidden]{display:none}.qarar-ad-slide__image{display:block;min-height:210px;background:#e9eaec}.qarar-ad-slide__image img{width:100%;height:100%;min-height:210px;object-fit:cover;display:block}.qarar-ad-slide__content{padding:28px 34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.qarar-ad-slide__content>span{font-size:12px;font-weight:800;letter-spacing:.08em;color:#be1622}.qarar-ad-slide__content h2{font-size:clamp(21px,2.2vw,32px);margin:7px 0 10px;line-height:1.35}.qarar-ad-slide__content h2 a{color:#20242a;text-decoration:none}.qarar-ad-slide__content p{max-width:760px;color:#626973;line-height:1.9;margin:0 0 17px}.qarar-ad-slide__button{display:inline-flex;align-items:center;gap:8px;background:#be1622;color:#fff!important;border-radius:9px;padding:10px 18px;text-decoration:none;font-weight:800}.qarar-ad-zone__controls{position:absolute;left:28px;bottom:20px;display:flex;align-items:center;gap:8px;z-index:3}.qarar-ad-zone__controls button{width:34px;height:34px;border:1px solid #d8dce1;border-radius:50%;background:#fff;color:#333;cursor:pointer;font-size:20px}.qarar-ad-zone__controls button:hover{background:#be1622;color:#fff;border-color:#be1622}.qarar-ad-zone__controls span{font-size:12px;color:#606872;background:rgba(255,255,255,.9);padding:5px 8px;border-radius:20px}.qarar-ad-zone.is-top{margin-top:22px}.qarar-ad-zone.is-middle{margin:18px 0 34px}
@media(max-width:760px){.qarar-ad-slide{grid-template-columns:1fr}.qarar-ad-slide__image,.qarar-ad-slide__image img{min-height:170px;max-height:220px}.qarar-ad-slide__content{padding:22px 20px 64px}.qarar-ad-zone__controls{left:20px;bottom:18px}}

/* v25.1.1 — Sketch-faithful embedded ad positions */
.internal-side-column{min-width:0}.internal-side-column .inner-side-nav{position:sticky;top:100px}.internal-side-column .qarar-ad-zone{margin-top:22px}
.internal-layout.has-ad-rail{grid-template-columns:255px minmax(0,1fr) 245px;gap:34px}
.internal-ad-rail,.qarar-portal-ad-rail{min-width:0;align-self:start;position:sticky;top:100px}
.qarar-ad-zone.is-sidebar,.qarar-ad-zone.is-rail{margin:0 0 18px;background:#f4f4f5;border:1px solid #e2e3e6;border-radius:8px;overflow:hidden}
.qarar-ad-zone.is-sidebar .qarar-ad-slide,.qarar-ad-zone.is-rail .qarar-ad-slide{display:block;min-height:0}
.qarar-ad-zone.is-sidebar .qarar-ad-slide__image,.qarar-ad-zone.is-rail .qarar-ad-slide__image{display:block;aspect-ratio:4/3;overflow:hidden}
.qarar-ad-zone.is-sidebar .qarar-ad-slide__image img,.qarar-ad-zone.is-rail .qarar-ad-slide__image img{width:100%;height:100%;object-fit:cover}
.qarar-ad-zone.is-sidebar .qarar-ad-slide__content,.qarar-ad-zone.is-rail .qarar-ad-slide__content{padding:15px}
.qarar-ad-zone.is-sidebar h2,.qarar-ad-zone.is-rail h2{font-size:18px;line-height:1.45;margin:5px 0 8px}
.qarar-ad-zone.is-sidebar p,.qarar-ad-zone.is-rail p{font-size:13px;line-height:1.7;margin:0 0 10px}
.qarar-ad-zone.is-sidebar .qarar-ad-slide__button,.qarar-ad-zone.is-rail .qarar-ad-slide__button{font-size:13px}
.qarar-ad-zone.is-sidebar .qarar-ad-zone__controls,.qarar-ad-zone.is-rail .qarar-ad-zone__controls{padding:0 12px 12px}
.qarar-portal-layout.has-ad-rail{grid-template-columns:minmax(0,1fr) 280px 235px!important;gap:28px!important}
@media(max-width:1180px){.internal-layout.has-ad-rail{grid-template-columns:220px minmax(0,1fr)}.internal-ad-rail{grid-column:1/-1;position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.qarar-portal-layout.has-ad-rail{grid-template-columns:minmax(0,1fr) 260px!important}.qarar-portal-ad-rail{grid-column:1/-1;position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:780px){.internal-layout.has-ad-rail{grid-template-columns:1fr}.internal-side-column .inner-side-nav{position:static}.internal-side-column .qarar-ad-zone{display:none}.internal-ad-rail,.qarar-portal-ad-rail{display:block;grid-column:auto}.qarar-portal-layout.has-ad-rail{grid-template-columns:1fr!important}.qarar-ad-zone.is-rail{margin-top:18px}}

/* v25.1.2 — Exact sidebar-width advertising layout */
:root{--qarar-inner-side-width:250px;--qarar-inner-layout-gap:28px}

/* Give the three-column sketch enough room without changing the site-wide container. */
.container.internal-layout.has-ad-rail,
.container.qarar-portal-layout.has-ad-rail{
  width:min(calc(100% - 32px),1440px);
  max-width:1440px;
}

/* Internal pages: navigation right, content center, advertising left in RTL. */
.internal-layout.has-ad-rail{
  display:grid;
  grid-template-columns:var(--qarar-inner-side-width) minmax(0,1fr) var(--qarar-inner-side-width);
  gap:var(--qarar-inner-layout-gap);
  align-items:start;
}
.internal-layout.has-ad-rail>.internal-side-column,
.internal-layout.has-ad-rail>.internal-ad-rail{
  width:var(--qarar-inner-side-width);
  min-width:0;
  max-width:var(--qarar-inner-side-width);
}
.internal-side-column{
  width:var(--qarar-inner-side-width);
  max-width:100%;
}
.internal-side-column>.inner-side-nav,
.internal-side-column>.inner-side-shell{
  width:100%;
  max-width:100%;
}
.internal-ad-rail,
.qarar-portal-ad-rail{
  inline-size:var(--qarar-inner-side-width);
  max-inline-size:var(--qarar-inner-side-width);
  min-inline-size:0;
}

/* Portal pages keep their information sidebar and use an equally sized ad rail. */
.qarar-portal-layout.has-ad-rail{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px var(--qarar-inner-side-width)!important;
  gap:var(--qarar-inner-layout-gap)!important;
  align-items:start;
}
.qarar-portal-layout.has-ad-rail>.qarar-portal-ad-rail{
  width:var(--qarar-inner-side-width);
  max-width:var(--qarar-inner-side-width);
}

/* Sidebar and rail ads must never inherit the wide-banner dimensions. */
.qarar-ad-zone.is-sidebar,
.qarar-ad-zone.is-rail{
  display:block;
  inline-size:100%;
  width:100%;
  max-inline-size:var(--qarar-inner-side-width);
  max-width:var(--qarar-inner-side-width);
  min-width:0;
  margin:0 0 18px;
  border-radius:10px;
  overflow:hidden;
}
.qarar-ad-zone.is-sidebar .qarar-ad-zone__track,
.qarar-ad-zone.is-rail .qarar-ad-zone__track{
  width:100%;
  max-width:100%;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.qarar-ad-zone.is-sidebar .qarar-ad-slide,
.qarar-ad-zone.is-rail .qarar-ad-slide{
  display:block;
  width:100%;
  min-width:0;
  min-height:0;
}
.qarar-ad-zone.is-sidebar .qarar-ad-slide__image,
.qarar-ad-zone.is-rail .qarar-ad-slide__image{
  width:100%;
  min-width:0;
  min-height:0;
  max-height:none;
  aspect-ratio:4/3;
}
.qarar-ad-zone.is-sidebar .qarar-ad-slide__image img,
.qarar-ad-zone.is-rail .qarar-ad-slide__image img{
  width:100%;
  height:100%;
  min-height:0;
  max-height:none;
  aspect-ratio:4/3;
  object-fit:cover;
}
.qarar-ad-zone.is-sidebar .qarar-ad-slide__content,
.qarar-ad-zone.is-rail .qarar-ad-slide__content{
  width:100%;
  min-width:0;
  padding:14px 15px 16px;
  align-items:flex-start;
}
.qarar-ad-zone.is-sidebar .qarar-ad-slide__content h2,
.qarar-ad-zone.is-rail .qarar-ad-slide__content h2{
  width:100%;
  max-width:100%;
  font-size:17px;
  overflow-wrap:anywhere;
}
.qarar-ad-zone.is-sidebar .qarar-ad-slide__content p,
.qarar-ad-zone.is-rail .qarar-ad-slide__content p{
  width:100%;
  max-width:100%;
  font-size:13px;
  overflow-wrap:anywhere;
}
.qarar-ad-zone.is-sidebar .qarar-ad-slide__button,
.qarar-ad-zone.is-rail .qarar-ad-slide__button{
  max-width:100%;
  padding:8px 12px;
  white-space:normal;
}
.qarar-ad-zone.is-sidebar .qarar-ad-zone__controls,
.qarar-ad-zone.is-rail .qarar-ad-zone__controls{
  position:static;
  inset:auto;
  width:100%;
  justify-content:center;
  padding:0 12px 12px;
}

/* The ad below a navigation menu always follows that menu and shares its exact width. */
.internal-side-column .qarar-ad-zone.is-sidebar{
  width:100%;
  max-width:100%;
  margin-top:18px;
}

/* Keep both side columns visible on ordinary desktop widths. */
@media (min-width:1025px) and (max-width:1280px){
  :root{--qarar-inner-side-width:220px;--qarar-inner-layout-gap:22px}
  .container.internal-layout.has-ad-rail,
  .container.qarar-portal-layout.has-ad-rail{width:min(calc(100% - 24px),1260px)}
  .qarar-portal-layout.has-ad-rail{grid-template-columns:minmax(0,1fr) 250px var(--qarar-inner-side-width)!important}
}

/* Tablet/mobile: stack cleanly; never stretch an ad beyond the content width. */
@media(max-width:1024px){
  .internal-layout.has-ad-rail,
  .qarar-portal-layout.has-ad-rail{
    grid-template-columns:1fr!important;
  }
  .internal-layout.has-ad-rail>.internal-side-column,
  .internal-layout.has-ad-rail>.internal-ad-rail,
  .qarar-portal-layout.has-ad-rail>.qarar-portal-ad-rail,
  .internal-side-column,
  .internal-ad-rail,
  .qarar-portal-ad-rail{
    width:100%;
    max-width:100%;
    position:static;
  }
  .internal-ad-rail,
  .qarar-portal-ad-rail{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
  .qarar-ad-zone.is-sidebar,
  .qarar-ad-zone.is-rail{max-width:100%}
}
@media(max-width:680px){
  .internal-ad-rail,
  .qarar-portal-ad-rail{display:block}
}


/* v25.1.3 — Direction-safe inner layout engine
   Grid areas are defined physically so RTL/LTR can never swap the content and ad rail by accident. */
.internal-layout.has-ad-rail > .internal-side-column{grid-area:nav}
.internal-layout.has-ad-rail > .internal-content{grid-area:content}
.internal-layout.has-ad-rail > .internal-ad-rail{grid-area:ad}

html[dir="rtl"] .internal-layout.has-ad-rail{
  grid-template-areas:"ad content nav";
}
html[dir="ltr"] .internal-layout.has-ad-rail{
  grid-template-areas:"nav content ad";
}

.qarar-portal-layout.has-ad-rail > main{grid-area:content}
.qarar-portal-layout.has-ad-rail > .qarar-portal-sidebar{grid-area:nav}
.qarar-portal-layout.has-ad-rail > .qarar-portal-ad-rail{grid-area:ad}

html[dir="rtl"] .qarar-portal-layout.has-ad-rail{
  grid-template-areas:"ad content nav";
  grid-template-columns:var(--qarar-inner-side-width) minmax(0,1fr) 280px!important;
}
html[dir="ltr"] .qarar-portal-layout.has-ad-rail{
  grid-template-areas:"nav content ad";
  grid-template-columns:280px minmax(0,1fr) var(--qarar-inner-side-width)!important;
}

/* Keep text alignment tied to the document language, not to the physical rail position. */
html[dir="rtl"] .qarar-ad-zone.is-sidebar .qarar-ad-slide__content,
html[dir="rtl"] .qarar-ad-zone.is-rail .qarar-ad-slide__content{
  text-align:right;
  align-items:flex-start;
}
html[dir="ltr"] .qarar-ad-zone.is-sidebar .qarar-ad-slide__content,
html[dir="ltr"] .qarar-ad-zone.is-rail .qarar-ad-slide__content{
  text-align:left;
  align-items:flex-start;
}

/* Logical positioning for carousel controls. */
.qarar-ad-zone__controls{
  left:auto;
  right:auto;
  inset-inline-end:28px;
}
@media(max-width:760px){
  .qarar-ad-zone__controls{left:auto;right:auto;inset-inline-end:20px}
}
.qarar-ad-zone.is-sidebar .qarar-ad-zone__controls,
.qarar-ad-zone.is-rail .qarar-ad-zone__controls{
  inset-inline-end:auto;
}

@media (min-width:1025px) and (max-width:1280px){
  html[dir="rtl"] .qarar-portal-layout.has-ad-rail{
    grid-template-columns:var(--qarar-inner-side-width) minmax(0,1fr) 250px!important;
  }
  html[dir="ltr"] .qarar-portal-layout.has-ad-rail{
    grid-template-columns:250px minmax(0,1fr) var(--qarar-inner-side-width)!important;
  }
}

@media(max-width:1024px){
  .internal-layout.has-ad-rail,
  .qarar-portal-layout.has-ad-rail{
    grid-template-areas:
      "nav"
      "content"
      "ad"!important;
  }
}


/* v25.1.4: structural placement fix — ads stay inside their actual grid column. */
.internal-side-column{width:100%;min-width:0;display:flex;flex-direction:column;gap:22px}
.internal-side-column>.inner-side-nav{width:100%;box-sizing:border-box}
.internal-side-column>.qarar-ad-zone.is-sidebar{width:100%;max-width:100%;min-width:0;margin:0!important;align-self:stretch}
.internal-side-column>.qarar-ad-zone.is-sidebar>.container,
.internal-ad-rail>.qarar-ad-zone.is-rail>.container{width:100%;max-width:none;padding:0;margin:0}
.internal-side-column .qarar-ad-zone__track,
.internal-ad-rail .qarar-ad-zone__track{width:100%;max-width:100%;min-width:0}
.internal-side-column .qarar-ad-slide,
.internal-ad-rail .qarar-ad-slide{width:100%;max-width:100%;min-width:0}
.internal-side-column .qarar-ad-slide__image,
.internal-ad-rail .qarar-ad-slide__image{width:100%;min-width:0}
.internal-side-column .qarar-ad-slide__content,
.internal-ad-rail .qarar-ad-slide__content{width:100%;min-width:0;box-sizing:border-box}
@media(min-width:781px){
  .container.internal-layout:not(.has-ad-rail)>.internal-side-column{grid-column:1}
  .container.internal-layout:not(.has-ad-rail)>.internal-content{grid-column:2}
}
@media(max-width:780px){
  .internal-side-column{gap:14px}
  .internal-side-column>.qarar-ad-zone.is-sidebar{display:block}
}
