/* Sarv Gold V100-66 — Mehr-e Sarv premium campaign banner */
.sarv-mehr-banner{
  max-width:1440px;
  margin:18px auto 10px;
  padding:0 22px;
  direction:rtl;
  font-family:inherit;
}
.sarv-mehr-banner__inner{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);
  gap:34px;
  align-items:stretch;
  min-height:248px;
  padding:34px 38px;
  border:1px solid rgba(221,190,106,.42);
  border-radius:30px;
  background:
    radial-gradient(circle at 8% 0%,rgba(220,184,88,.20),transparent 30%),
    radial-gradient(circle at 95% 88%,rgba(218,183,91,.12),transparent 34%),
    linear-gradient(135deg,#0f3c2c 0%,#0a2f23 54%,#071f18 100%);
  color:#fff;
  box-shadow:0 24px 55px rgba(7,31,24,.18),inset 0 1px 0 rgba(255,255,255,.04);
}
.sarv-mehr-banner__inner:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.32;
  pointer-events:none;
  background-image:
    linear-gradient(115deg,transparent 0 48%,rgba(239,215,149,.06) 49%,transparent 50% 100%),
    radial-gradient(circle,rgba(245,225,167,.30) 0 1px,transparent 1.4px);
  background-size:100% 100%,34px 34px;
  mask-image:linear-gradient(to left,#000,transparent 78%);
}
.sarv-mehr-banner__inner:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:370px;
  height:370px;
  left:-155px;
  bottom:-235px;
  border:1px solid rgba(231,204,129,.20);
  border-radius:50%;
  box-shadow:0 0 0 42px rgba(231,204,129,.035),0 0 0 86px rgba(231,204,129,.025);
  pointer-events:none;
}
.sarv-mehr-banner__content{display:flex;flex-direction:column;justify-content:center;min-width:0}
.sarv-mehr-banner__eyebrow{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  gap:9px;
  margin-bottom:9px;
  color:#ead28c;
  font-size:12px;
  font-weight:900;
  letter-spacing:.01em;
}
.sarv-mehr-banner__eyebrow:before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#dfbd62;
  box-shadow:0 0 0 5px rgba(223,189,98,.11),0 0 18px rgba(223,189,98,.45);
}
.sarv-mehr-banner__title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sarv-mehr-banner h2{
  margin:0;
  color:#fffdf7;
  font-size:clamp(34px,4vw,54px);
  line-height:1.2;
  font-weight:950;
  letter-spacing:-.035em;
  text-shadow:0 5px 22px rgba(0,0,0,.14);
}
.sarv-mehr-banner__spark{
  color:#dfbd62;
  font-size:23px;
  line-height:1;
  filter:drop-shadow(0 0 10px rgba(223,189,98,.42));
}
.sarv-mehr-banner__subtitle{
  margin:9px 0 0;
  color:#f5f1e8;
  font-size:clamp(14px,1.35vw,17px);
  line-height:1.95;
  font-weight:750;
}
.sarv-mehr-banner__step{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
  margin-top:17px;
  color:#e9e3d4;
  font-size:12px;
  line-height:1.9;
}
.sarv-mehr-banner__step strong{
  display:inline-flex;
  align-items:center;
  min-height:33px;
  padding:3px 11px;
  border:1px solid rgba(222,188,98,.32);
  border-radius:999px;
  background:rgba(223,189,98,.10);
  color:#f1da98;
  font-size:12px;
  font-weight:950;
}
.sarv-mehr-banner__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.sarv-mehr-banner__meta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:29px;
  padding:3px 10px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:#e8eee9;
  font-size:10px;
  font-weight:800;
  backdrop-filter:blur(4px);
}
.sarv-mehr-banner__meta span:before{content:"✓";color:#e3c66f;font-weight:950}
.sarv-mehr-banner__aside{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-width:0;
  padding:23px 23px 19px;
  border:1px solid rgba(238,217,159,.30);
  border-radius:24px;
  background:linear-gradient(150deg,rgba(255,253,247,.115),rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.08);
  backdrop-filter:blur(8px);
}
.sarv-mehr-banner__aside:before{
  content:"✦";
  position:absolute;
  left:19px;
  top:15px;
  color:rgba(231,202,120,.72);
  font-size:15px;
}
.sarv-mehr-banner__credit-label{color:#ddcfaa;font-size:11px;font-weight:850}
.sarv-mehr-banner__credit{
  margin-top:6px;
  color:#fff;
  font-size:clamp(21px,2.2vw,31px);
  line-height:1.42;
  font-weight:950;
}
.sarv-mehr-banner__credit strong{color:#f0d37d;font-size:1.08em}
.sarv-mehr-banner__credit-note{
  margin-top:6px;
  color:#d9e3dc;
  font-size:10px;
  line-height:1.9;
}
.sarv-mehr-banner__button{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  min-height:48px;
  margin-top:19px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:15px;
  background:#f7f1e3;
  color:#103b2c;
  box-shadow:0 8px 20px rgba(0,0,0,.10);
  font:inherit;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.sarv-mehr-banner__button:after{content:"←";font-size:15px;transition:transform .18s ease}
.sarv-mehr-banner__button:hover{transform:translateY(-2px);background:#fffaf0;box-shadow:0 12px 26px rgba(0,0,0,.16)}
.sarv-mehr-banner__button:hover:after{transform:translateX(-3px)}
.sarv-mehr-banner__button:focus-visible{outline:3px solid rgba(232,201,111,.45);outline-offset:3px}

.sarv-mehr-product-badge{display:none;position:absolute;right:8px;top:48px;z-index:3;border:1px solid rgba(197,162,77,.55);border-radius:999px;background:rgba(16,59,44,.93);color:#fff;padding:5px 9px;font-size:9px;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.12);backdrop-filter:blur(4px)}
.sarv-mehr-cart{display:none;margin-bottom:12px;border:1px solid rgba(197,162,77,.35);border-radius:14px;background:#fffdf7;padding:12px;color:#103b2c;font-size:11px;line-height:1.9}.sarv-mehr-cart strong{font-size:12px}.sarv-mehr-cart__bar{height:7px;margin:8px 0 6px;overflow:hidden;border-radius:999px;background:#e9e3d7}.sarv-mehr-cart__bar span{display:block;height:100%;border-radius:inherit;background:#103b2c}
.sarv-mehr-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px;direction:rtl;font-family:inherit}.sarv-mehr-modal[hidden]{display:none}.sarv-mehr-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(2px)}.sarv-mehr-modal__panel{position:relative;width:min(620px,100%);max-height:88vh;overflow:auto;border-radius:24px;background:#fffdfa;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.24);color:#1f2924}.sarv-mehr-modal__close{position:sticky;top:0;float:left;width:40px;height:40px;border:0;border-radius:50%;background:#f1ede4;font-size:24px;cursor:pointer}.sarv-mehr-modal__panel h2{margin:2px 0 4px;color:#103b2c;font-size:24px}.sarv-mehr-modal__lead{margin:0 0 14px;color:#8a6b1f;font-weight:850}.sarv-mehr-modal__summary{border:1px solid #e5dcc8;border-radius:16px;background:#f8f4ea;padding:13px;line-height:2;font-size:13px}.sarv-mehr-modal__terms{white-space:pre-line;margin-top:14px;line-height:2.1;font-size:13px;color:#445049}.sarv-mehr-modal__exclude{margin-top:12px;border-radius:13px;background:#f3eee2;padding:10px 12px;font-size:12px;font-weight:800;color:#5c4b29}

@media(max-width:900px){
  .sarv-mehr-banner{padding:0 14px;margin-top:12px}
  .sarv-mehr-banner__inner{grid-template-columns:minmax(0,1fr) minmax(240px,.72fr);gap:18px;padding:26px;min-height:225px;border-radius:25px}
  .sarv-mehr-banner h2{font-size:36px}
  .sarv-mehr-banner__credit{font-size:22px}
}
@media(max-width:700px){
  .sarv-mehr-banner{margin:9px auto 5px;padding:0 10px}
  .sarv-mehr-banner__inner{grid-template-columns:1fr;gap:15px;min-height:0;padding:22px 18px 18px;border-radius:22px}
  .sarv-mehr-banner__inner:before{mask-image:linear-gradient(to bottom,#000,transparent 75%)}
  .sarv-mehr-banner__content{text-align:right}
  .sarv-mehr-banner__eyebrow{font-size:10px;margin-bottom:7px}
  .sarv-mehr-banner h2{font-size:31px}
  .sarv-mehr-banner__spark{font-size:18px}
  .sarv-mehr-banner__subtitle{margin-top:6px;font-size:13px;line-height:1.85}
  .sarv-mehr-banner__step{margin-top:13px;font-size:10px;gap:6px}
  .sarv-mehr-banner__step strong{min-height:29px;padding:2px 9px;font-size:10px}
  .sarv-mehr-banner__meta{margin-top:13px;gap:5px}
  .sarv-mehr-banner__meta span{min-height:26px;padding:2px 8px;font-size:9px}
  .sarv-mehr-banner__aside{padding:16px;border-radius:18px}
  .sarv-mehr-banner__credit-label{font-size:10px}
  .sarv-mehr-banner__credit{margin-top:3px;font-size:21px}
  .sarv-mehr-banner__credit-note{font-size:9px}
  .sarv-mehr-banner__button{min-height:44px;margin-top:12px;border-radius:13px;font-size:10px}
}
@media(max-width:390px){
  .sarv-mehr-banner__inner{padding:19px 15px 15px}
  .sarv-mehr-banner h2{font-size:28px}
  .sarv-mehr-banner__subtitle{font-size:12px}
  .sarv-mehr-banner__meta span:nth-child(3){display:none}
}

html.sarv-mehr-live .sarv-mehr-product-badge{display:inline-flex}html.sarv-mehr-live .sarv-mehr-cart{display:block}