/* Offers Template. Base, header button, breadcrumb strip and footer come from iv-drips-hub.css. */
.edt-of{--earth:#294E50;--ocean:#538688;--sky:#B1CED8;--wish:#D6EBD0;--bg:#E7E7E2;--surface:#F4F4F0;--surface-2:#E2E2DC;--ink:#294E50;--muted:#4F6668;--line:#CFCFC8;--accent:#294E50;--on-accent:#fff;--save-bg:#D6EBD0;--save-ink:#2C5A3A;--soft:#D3E2E6;--head:'Archivo','Helvetica Neue',Arial,sans-serif;--body:'Hanken Grotesk','Helvetica Neue',Arial,sans-serif;--hw:300;--hs:125%;--top:0px;position:relative;overflow-x:clip;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.edt-of[dir=rtl]{--head:'Tajawal',sans-serif;--body:'Tajawal',sans-serif;--hw:700;--hs:100%;direction:rtl;text-align:right}
.edt-of *,.edt-of *::before,.edt-of *::after{box-sizing:border-box}
.edt-of h1,.edt-of h2,.edt-of h3,.edt-of p,.edt-of ul,.edt-of ol,.edt-of table{margin:0;clear:none;text-transform:none;letter-spacing:normal}
.edt-of h1,.edt-of h2{font-family:var(--head);font-stretch:var(--hs);font-weight:var(--hw);color:inherit}
.edt-of h3{font-family:var(--body);color:inherit}
.edt-of a{color:inherit}
.edt-of button{font:inherit;color:inherit;line-height:1.2;text-transform:none;letter-spacing:normal}
.edt-of :focus-visible{outline:2px solid var(--ocean);outline-offset:3px;border-radius:8px}
.edt-of s{text-decoration-thickness:1.5px}
.edt-of .skip{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.edt-of .skip:focus{position:fixed;top:calc(var(--top) + 8px);inset-inline-start:12px;width:auto;height:auto;margin:0;padding:8px 14px;clip:auto;overflow:visible;background:var(--accent);color:var(--on-accent);border-radius:10px;z-index:1000}

/* Top bar */
.edt-of .fri{background:var(--wish);color:#294E50;font-size:14.5px;padding:9px 14px;text-align:center}
.edt-of .fri span{color:#2C5A3A}
.edt-of .wrap{max-width:1180px;margin:0 auto;padding:0 18px}
.edt-of .num{font-family:'Hanken Grotesk',sans-serif;font-feature-settings:"tnum";direction:ltr;unicode-bidi:isolate;display:inline-block}

/* Hero and welcome offer */
.edt-of .hero{background:linear-gradient(rgba(41,78,80,.9),rgba(41,78,80,.9)),var(--hero-img,linear-gradient(135deg,#3d6a6c,#294E50));background-size:cover;background-position:center;color:#E0E0DB;padding:28px 0 34px;position:relative;overflow:hidden}
.edt-of .hero::after{content:"";position:absolute;inset:auto -90px -140px auto;width:340px;height:340px;border:1px solid rgba(177,206,216,.18);border-radius:50%}
.edt-of .hero-grid{display:grid;gap:22px;position:relative;z-index:1}
.edt-of .tagline{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#B1CED8}
.edt-of[dir=rtl] .tagline{letter-spacing:0;font-size:13px}
.edt-of .hero h1{font-size:clamp(30px,4.2vw,48px);line-height:1.15;margin:8px 0 10px;letter-spacing:-.005em;color:#E0E0DB}
.edt-of .lead{color:#CFDCDD;font-size:16px;max-width:38em}
.edt-of .trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0}
.edt-of .trust li{font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;background:rgba(224,224,219,.1);border:1px solid rgba(224,224,219,.18)}
.edt-of .updated{font-size:12.5px;color:#9FB5B6;margin:12px 0 0}
.edt-of .gift{background:#E0E0DB;color:#294E50;border-radius:22px;padding:18px 20px;align-self:start}
.edt-of .gift-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.edt-of .gift h2{font-size:20px;color:#294E50}
.edt-of .gift h2 small{display:block;font-family:var(--body);font-size:13.5px;font-weight:400;color:#4F6668;margin-top:2px;font-stretch:100%}
.edt-of .worth{font-size:13px;font-weight:700;background:#D6EBD0;color:#2C5A3A;padding:3px 10px;border-radius:999px;white-space:nowrap}
.edt-of .gift ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:7px;font-size:15px}
.edt-of .gift li{display:flex;justify-content:space-between;gap:10px;align-items:center}
.edt-of .gift li s{color:#5E7475;font-size:14px;white-space:nowrap}
.edt-of .gift li.pk{border-top:1px dashed #B9C6C3;padding-top:9px}
.edt-of .gift li a{text-decoration:none;border-bottom:1px solid transparent}
.edt-of .gift li a:hover{border-bottom-color:currentColor}
.edt-of .tagcl{display:inline-block;font-size:11px;font-weight:700;background:#CFD9D7;padding:1px 8px;border-radius:999px;margin-inline-start:4px;white-space:nowrap}
.edt-of .tagpk{font-size:11.5px;font-weight:700;background:#B1CED8;padding:2px 8px;border-radius:999px;white-space:nowrap}
.edt-of .gift-cta{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;background:#294E50;color:#E0E0DB!important;text-decoration:none;font-weight:700;padding:12px 16px;border-radius:14px}

/* Packages */
.edt-of .block{margin-top:44px}
.edt-of .block h2{font-size:clamp(23px,2.6vw,30px);line-height:1.25;margin:0 0 10px}
.edt-of .sub{color:var(--muted);margin:0 0 16px;max-width:46em}
.edt-of .tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.edt-of .tier{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:border-color .2s,background .2s}
.edt-of .tier b{font-size:30px;font-weight:800;line-height:1}
.edt-of .tier .tn{font-weight:700}
.edt-of .tier .toff{font-size:13.5px;color:var(--save-ink);font-weight:700}
.edt-of .tier.on{border:2px solid var(--accent);padding:15px}
.edt-of .badge,.edt-of .pop{position:absolute;top:-9px;inset-inline-start:14px;font-size:10.5px;font-weight:800;background:var(--ocean);color:#fff;padding:1px 9px;border-radius:999px;white-space:nowrap}
.edt-of .how{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.edt-of .how li{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px}
.edt-of .how h3,.edt-of .steps h3{font-size:15.5px}
.edt-of .how p,.edt-of .steps p{margin:2px 0 0;color:var(--muted);font-size:14.5px}
.edt-of .note{font-size:13.5px;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:14px;padding:10px 12px;margin:12px 0 0}

/* Sticky controls; --top is the fixed theme header height, set by offers.js */
.edt-of .controls{position:sticky;top:var(--top);z-index:10;margin-top:36px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:10px 0}
.edt-of .ctl-in{display:grid;gap:10px}
.edt-of .jsonly{display:none}
.edt-of.is-js .jsonly{display:block}
.edt-of .ctl-label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.edt-of .seg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.edt-of .seg button{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:6px 2px 5px;cursor:pointer;display:flex;flex-direction:column;align-items:center}
.edt-of .seg button b{font-size:17px;font-weight:800}
.edt-of .seg button small{font-size:11px;font-weight:600;color:var(--save-ink)}
.edt-of .seg button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.edt-of .seg button[aria-pressed=true] small{color:inherit}
.edt-of .seg .pop{top:-8px;inset-inline-start:50%;transform:translateX(-50%);font-size:9px;padding:0 6px}
.edt-of[dir=rtl] .seg .pop{transform:translateX(50%)}
.edt-of .meter{margin:5px 0 0;font-size:12.5px;font-weight:700;color:var(--save-ink)}
.edt-of .where{display:inline-grid;grid-template-columns:1fr 1fr;background:var(--surface-2);border-radius:999px;padding:3px}
.edt-of .where button{border:none;background:transparent;border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.edt-of .where button[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 3px rgba(41,78,80,.18)}
.edt-of .goals{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.edt-of .goals::-webkit-scrollbar{display:none}
.edt-of .goals-l{flex-shrink:0;align-self:center;font-size:12.5px;font-weight:700;color:var(--muted);margin-inline-end:2px}
.edt-of .goals a{flex-shrink:0;text-decoration:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 13px;font-size:13.5px;font-weight:600}
.edt-of .goals a:hover{border-color:var(--ocean)}
.edt-of .ttabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--surface-2);padding:5px;border-radius:16px;margin-bottom:10px}
.edt-of .ttabs a{text-align:center;text-decoration:none;padding:8px 4px;border-radius:12px;font-family:var(--head);font-stretch:var(--hs);font-weight:600;font-size:16px;line-height:1.25}
.edt-of .ttabs a small{display:block;font-family:var(--body);font-stretch:100%;font-weight:500;font-size:12px;color:var(--muted)}
.edt-of .ttabs a.on{background:var(--surface);box-shadow:0 1px 3px rgba(41,78,80,.15)}
.edt-of .controls.nodrip .ctl:first-child,.edt-of .controls.nodrip .goals{display:none}

/* Price cards */
.edt-of .helper{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--soft);border-radius:18px;padding:14px 16px}
.edt-of .helper div{flex:1 1 280px;font-size:14.5px}
.edt-of .helper b{display:block;font-size:15.5px}
.edt-of .btn-sm{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:var(--on-accent)!important;text-decoration:none;font-weight:700;font-size:14px;padding:10px 15px;border-radius:999px;white-space:nowrap}
.edt-of .group{margin-top:38px;scroll-margin-top:calc(var(--top) + 270px)}
.edt-of .tab-anchor{scroll-margin-top:calc(var(--top) + 270px)}
.edt-of .group[data-sec]{scroll-margin-top:calc(var(--top) + 185px)}
.edt-of .group-h{margin-bottom:12px}
.edt-of .group-h h2{font-size:clamp(22px,2.4vw,28px);line-height:1.25}
.edt-of .group-h p{margin:2px 0 0;font-size:14px;color:var(--muted)}
.edt-of .cards{display:grid;gap:12px;align-items:start}
.edt-of .card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px;scroll-margin-top:calc(var(--top) + 190px);display:flex;flex-direction:column;gap:9px}
.edt-of .card:target{border-color:var(--ocean);box-shadow:0 0 0 3px color-mix(in srgb,var(--sky) 45%,transparent)}
.edt-of .card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.edt-of .card h3{font-size:16.5px;font-weight:600;line-height:1.35}
.edt-of .card h3 a{text-decoration:none;border-bottom:1px solid transparent}
.edt-of .card h3 a:hover{border-bottom-color:currentColor}
.edt-of .card h3 a::after{content:" \2197";font-size:.75em;opacity:.55}
.edt-of .ben{margin:4px 0 0;font-size:13.5px;color:var(--muted);line-height:1.5}
.edt-of .price{text-align:end;flex-shrink:0;min-width:96px}
.edt-of .price b{display:block;font-size:19px;font-weight:800;white-space:nowrap}
.edt-of .price small{display:block;font-size:11.5px;color:var(--muted)}
.edt-of .pwas{display:block;font-size:11.5px;color:var(--muted)}
.edt-of .pwas[hidden]{display:none}
.edt-of .pwas s{white-space:nowrap}
.edt-of .meta{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.edt-of .pill{font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap}
.edt-of .pill.key{background:var(--soft);color:var(--ink)}
.edt-of .pill.hl{background:var(--earth);color:#E0E0DB}
.edt-of .pill.home s{opacity:.7;font-weight:500}
.edt-of .pill.warn{background:#EFE7D6;color:#6B5423}
.edt-of .from{font-size:13px;font-weight:700;color:var(--save-ink)}
.edt-of details{border-top:1px solid var(--line);padding-top:8px}
.edt-of summary{cursor:pointer;font-size:13.5px;font-weight:700;color:var(--ocean);list-style:none;display:flex;align-items:center;gap:6px}
.edt-of summary::-webkit-details-marker{display:none}
.edt-of summary::after{content:"+";font-size:17px;line-height:1;margin-inline-start:auto}
.edt-of details[open]>summary::after{content:"\2212"}
.edt-of .dbody{padding-top:10px}
.edt-of .allben,.edt-of .base{margin:0 0 8px;font-size:13.5px}
.edt-of .allben{color:var(--muted)}
.edt-of .base{font-weight:600}
.edt-of .chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.edt-of .chips li{font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg)}
.edt-of .chips li.k{background:var(--earth);color:#E0E0DB;border-color:var(--earth)}
.edt-of .chips li.m{background:transparent;color:var(--muted);border-style:dashed}
.edt-of .chips i{font-style:normal;opacity:.8;font-weight:500}
.edt-of .ptable{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px;border:0}
.edt-of .ptable th,.edt-of .ptable td{padding:7px 6px;text-align:start;border:0;border-bottom:1px solid var(--line);white-space:nowrap;background:none}
.edt-of .ptable thead th{font-size:11.5px;color:var(--muted);font-weight:700}
.edt-of .ptable tbody tr.on{background:var(--save-bg);color:var(--save-ink)}
.edt-of .book{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;background:var(--accent);color:var(--on-accent)!important;text-decoration:none;font-weight:700;font-size:14px;padding:11px 14px;border-radius:14px}

/* Supporting sections */
.edt-of .info-grid{display:grid;gap:0 28px}
.edt-of .steps{list-style:none;padding:0;display:grid;gap:10px}
.edt-of .steps li{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px}
.edt-of .ico{flex-shrink:0;width:34px;height:34px;border-radius:999px;background:var(--soft);display:flex!important;align-items:center;justify-content:center;font-weight:800}
.edt-of .awards{list-style:none;padding:0;display:grid;gap:10px}
.edt-of .award{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:13px 15px}
.edt-of .award svg{flex-shrink:0;color:var(--ocean)}
.edt-of .award b{display:block;font-size:14.5px}
.edt-of .award span{font-size:13px;color:var(--muted)}
.edt-of .press{margin-top:10px;font-size:13.5px;color:var(--muted)}
.edt-of .press b,.edt-of .press strong{color:var(--ink);font-weight:600}
.edt-of .clinics{list-style:none;padding:0;display:grid;gap:10px}
.edt-of .clinics a{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:13px 15px;text-decoration:none}
.edt-of .clinics a:hover{border-color:var(--ocean)}
.edt-of .clinics span{color:var(--muted);font-size:13.5px}
.edt-of .faq{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 16px;margin-bottom:8px}
.edt-of .faq summary{color:var(--ink)}
.edt-of .faq summary h3{font-size:15.5px;font-weight:700}
.edt-of .faq p{margin:8px 0 2px;color:var(--muted);font-size:14.5px}
.edt-of .about p{color:var(--muted);margin:0 0 10px;max-width:52em}
.edt-of .about h3{font-size:18px;margin:14px 0 6px}
.edt-of .notes{margin-top:44px;padding:22px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.edt-of .notes p{margin:0 0 6px}

/* Floating help bar */
.edt-of .dock{position:fixed;left:0;right:0;bottom:0;z-index:15;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--bg) 70%,transparent)}
.edt-of .dock-in{max-width:600px;margin:0 auto;background:var(--earth);color:#E0E0DB;border-radius:20px;padding:10px 10px 10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 8px 24px rgba(20,38,39,.25)}
.edt-of .dock-in p{font-size:12.5px;line-height:1.35}
.edt-of .dock-in p b{display:block;font-size:14px}
.edt-of .wa{display:inline-flex;align-items:center;gap:8px;background:#E0E0DB;color:#294E50!important;text-decoration:none;font-weight:800;font-size:14px;padding:11px 15px;border-radius:14px;white-space:nowrap}
.edt-of-template .edt-iv-footer{padding-bottom:110px}

@media (min-width:700px){
 .edt-of .tiers{grid-template-columns:repeat(4,1fr)}
 .edt-of .how{grid-template-columns:repeat(3,1fr)}
 .edt-of .cards{grid-template-columns:repeat(2,1fr)}
 .edt-of .clinics{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:960px){
 .edt-of .hero{padding:34px 0 48px}
 .edt-of .hero-grid{grid-template-columns:1.35fr .9fr;gap:48px;align-items:center}
 .edt-of .ctl-in{grid-template-columns:auto auto;justify-content:start;align-items:end;gap:10px 28px}
 .edt-of .goals{grid-column:1/-1}
 .edt-of .seg{width:320px}
 .edt-of .controls{padding:12px 0}
 .edt-of .cards{grid-template-columns:repeat(3,1fr)}
 .edt-of .info-grid{grid-template-columns:1fr 1fr}
 .edt-of .clinics{grid-template-columns:repeat(4,1fr)}
 .edt-of .dock{left:auto;right:20px;bottom:20px;padding:0;background:none}
 .edt-of[dir=rtl] .dock{right:auto;left:20px}
 .edt-of .dock-in{max-width:380px}
 .edt-of-template .edt-iv-footer{padding-bottom:30px}
}
@media (max-width:959px){
 .edt-of .group,.edt-of .tab-anchor{scroll-margin-top:calc(var(--top) + 340px)}
 .edt-of .group[data-sec]{scroll-margin-top:calc(var(--top) + 180px)}
}
@media (max-width:699px){
 .edt-of .ttabs a{font-size:14px}
 .edt-of .ttabs a small{font-size:11px}
}
@media (prefers-reduced-motion:reduce){.edt-of *{transition:none!important}}