/* YAZ Studio — direct booking. Same system as the studio page: the dark production gradient of the journey section,
   gold numbered eyebrows ("06 / …"), Tajawal 800 headings, square panels with hairline borders, lilac actions. */
#yaz-studio-booking{padding:0!important;margin:0!important;max-width:none!important}
#yaz-studio-booking>.e-con-inner,#yaz-studio-booking .elementor-widget-shortcode,#yaz-studio-booking .elementor-shortcode{width:100%;max-width:none!important;padding:0!important;margin:0!important}
#ysb{--ink:#fff;--muted:#A99FB5;--soft:#D3CCDF;--lilac:#C3B3F2;--v2:#6C57A6;--accent:#A91472;--gold:#BEA06C;--line:rgba(195,179,242,.15);--line2:rgba(195,179,242,.3);--panel:rgba(255,255,255,.025);--field:rgba(255,255,255,.04);--err:#FF8F84;
  position:relative;isolation:isolate;overflow-x:clip;direction:rtl;text-align:right;color:var(--ink);font-family:Tajawal,sans-serif;font-size:16px;line-height:1.7;
  background:linear-gradient(120deg,#080610 0%,#171128 100%);padding:100px clamp(16px,3.2vw,41px);scroll-margin-top:90px}
#ysb:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(195,179,242,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(195,179,242,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
#ysb *{box-sizing:border-box;font-family:inherit;letter-spacing:normal}
#ysb [hidden]{display:none!important}
#ysb p{margin:0}
#ysb .ysb-wrap{max-width:1320px;margin:0 auto}

/* Header */
#ysb .ysb-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,6vw,90px);align-items:end;margin-bottom:56px}
#ysb .ysb-eyebrow{margin:0 0 30px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.09em;line-height:1.7}
#ysb h2{margin:0;color:var(--ink);font-size:clamp(32px,3.7vw,47px);font-weight:800;line-height:1.07}
#ysb h2 span{color:var(--lilac)}
#ysb .ysb-lead{margin:0 0 26px;color:#AFA5BC;font-size:15px;line-height:1.9}
#ysb .ysb-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
#ysb .ysb-facts li{margin:0;padding:16px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
#ysb .ysb-facts li+li{padding-inline-start:18px;border-inline-start:1px solid var(--line)}
#ysb .ysb-facts b{display:block;margin-bottom:4px;color:var(--ink);font-size:24px;font-weight:800;line-height:1.15}

/* Layout */
#ysb .ysb-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
#ysb .ysb-flow{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
#ysb .ysb-panel{position:relative;min-width:0;background:var(--panel);border:1px solid var(--line);padding:clamp(20px,2.4vw,30px)}
#ysb .ysb-ph{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}
#ysb .ysb-ph h3{margin:0;color:var(--ink);font-size:22px;font-weight:700;line-height:1.2}
#ysb .ysb-no{color:var(--lilac);font-size:11px;letter-spacing:.1em;white-space:nowrap}
#ysb .ysb-hint{margin:-8px 0 18px;color:var(--muted);font-size:14px;line-height:1.75}

/* 01 Duration — editorial rows like the readiness list */
#ysb .ysb-durations{display:grid;border-top:1px solid var(--line)}
#ysb .ysb-dur{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:grid;width:100%;min-width:0;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px 16px 4px;border-bottom:1px solid var(--line);transition:background .2s}
#ysb .ysb-dur:before{content:"";position:absolute;inset-block:-1px;inset-inline-start:0;width:3px;background:var(--lilac);transform:scaleY(0);transition:transform .2s}
#ysb .ysb-dur:hover{background:rgba(195,179,242,.05)}
#ysb .ysb-dur[aria-checked="true"]{background:rgba(195,179,242,.16)}
#ysb .ysb-dur[aria-checked="true"]:before{transform:scaleY(1)}
#ysb .ysb-dur-h{color:var(--lilac);font-size:34px;font-weight:800;line-height:1}
#ysb .ysb-dur-h small{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:400}
#ysb .ysb-dur-n{min-width:0}
#ysb .ysb-dur-n b{display:block;color:var(--ink);font-size:16px;font-weight:700;line-height:1.4}
#ysb .ysb-dur-n small{color:var(--muted);font-size:13px}
#ysb .ysb-price{color:var(--ink);font-size:18px;font-weight:800;white-space:nowrap;text-align:left;line-height:1.3}
#ysb .ysb-price small{color:var(--muted);font-size:12px;font-weight:400}
#ysb .ysb-price s{display:block;color:var(--muted);font-size:12px;font-weight:400}
#ysb .ysb-tag{display:inline-block;margin-inline-start:8px;padding:0 7px;border:1px solid rgba(169,20,114,.65);color:#F4B6DA;font-size:11px;font-weight:700;vertical-align:middle}

/* 02 Day strip + start times */
#ysb .ysb-days{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
#ysb .ysb-day{all:unset;box-sizing:border-box;cursor:pointer;flex:0 0 76px;scroll-snap-align:start;display:grid;justify-items:center;gap:1px;padding:10px 0 11px;border:1px solid var(--line);background:var(--field);transition:border-color .15s,background .15s}
#ysb .ysb-day small{color:var(--muted);font-size:12px;line-height:1.4}
#ysb .ysb-day b{color:var(--ink);font-size:22px;font-weight:800;line-height:1.15}
#ysb .ysb-day:hover{border-color:var(--line2)}
#ysb .ysb-day[aria-pressed="true"]{background:var(--lilac);border-color:var(--lilac)}
#ysb .ysb-day[aria-pressed="true"] small,#ysb .ysb-day[aria-pressed="true"] b{color:#141223}
#ysb label.ysb-other{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0 0;color:var(--muted);font-size:13px;font-weight:400}
#ysb label.ysb-other input{width:auto;height:40px;padding:6px 12px;font-size:14px;color-scheme:dark}
#ysb .ysb-slots{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
#ysb .ysb-period+.ysb-period{margin-top:16px}
#ysb .ysb-period>span{display:block;margin-bottom:8px;color:var(--gold);font-size:12px;font-weight:700}
#ysb .ysb-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px}
#ysb .ysb-slot{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;padding:9px 4px;border:1px solid var(--line);background:var(--field);color:var(--soft);font-size:14px;line-height:1.5;transition:border-color .15s,background .15s,color .15s}
#ysb .ysb-slot:hover{border-color:var(--line2);color:var(--ink)}
#ysb .ysb-slot[aria-pressed="true"]{background:var(--lilac);border-color:var(--lilac);color:#141223;font-weight:700}
#ysb .ysb-empty{grid-column:1/-1;margin:0;padding:14px 16px;border:1px dashed var(--line2);color:var(--muted);font-size:14px;line-height:1.75}

/* 03 Add-ons */
#ysb .ysb-addon{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
#ysb .ysb-addon:first-child{border-top:1px solid var(--line)}
#ysb .ysb-addon b{color:var(--ink);font-size:15px}
#ysb .ysb-addon small{display:block;color:var(--muted);font-size:13px;line-height:1.6}
#ysb .ysb-stepper{display:flex;align-items:center;flex:none;border:1px solid var(--line2)}
#ysb .ysb-stepper button{all:unset;cursor:pointer;width:36px;height:36px;display:grid;place-items:center;color:var(--ink);font-size:18px}
#ysb .ysb-stepper button:disabled{opacity:.3;cursor:default}
#ysb .ysb-stepper output{min-width:28px;text-align:center;font-weight:700;color:var(--ink)}

/* 04 Details */
#ysb .ysb-party{display:inline-flex;margin-bottom:22px;border:1px solid var(--line2)}
#ysb .ysb-party button{all:unset;cursor:pointer;padding:9px 24px;color:var(--soft);font-size:14px;line-height:1.5}
#ysb .ysb-party button[aria-pressed="true"]{background:var(--lilac);color:#141223;font-weight:700}
#ysb .ysb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}
#ysb label{display:flex;flex-direction:column;gap:7px;margin:0;color:var(--soft);font-size:13px;font-weight:700;line-height:1.5}
#ysb label .req{color:#F4B6DA}
#ysb .ysb-opt{color:var(--muted);font-weight:400;font-size:12px}
#ysb input,#ysb select{width:100%;height:48px;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--field);color:var(--ink);font-size:15px;font-weight:400;line-height:1.4;transition:border-color .15s,background .15s}
#ysb input::placeholder{color:rgba(211,204,223,.38)}
#ysb input:focus,#ysb select:focus{outline:none;border-color:var(--lilac);background:rgba(195,179,242,.07);box-shadow:none}
#ysb input[type=tel],#ysb input[type=email]{direction:ltr;text-align:right}
#ysb .ysb-invalid input,#ysb .ysb-invalid select{border-color:var(--err)}
#ysb .ysb-panel.ysb-invalid{border-color:rgba(255,143,132,.55)}
#ysb .ysb-ferr{display:block;margin-top:2px;color:var(--err);font-size:12px;font-weight:400}
#ysb .ysb-biz{display:none}
#ysb[data-party="business"] .ysb-biz{display:flex}
#ysb[data-party="business"] .ysb-opt{display:none}
#ysb .ysb-hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* Summary — the session's call sheet */
#ysb .ysb-sum{position:sticky;top:100px;background:#0C0914;border:1px solid var(--line2);box-shadow:0 30px 80px rgba(0,0,0,.4)}
#ysb .ysb-sum-top{padding:24px 24px 18px;border-bottom:1px solid var(--line)}
#ysb .ysb-sum-top .ysb-no{display:block;margin-bottom:10px;color:var(--gold);font-weight:700}
#ysb .ysb-when{color:var(--ink);font-size:18px;font-weight:700;line-height:1.55;min-height:28px}
#ysb .ysb-sum-body{padding:18px 24px 24px}
#ysb .ysb-lines{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px;font-size:14px}
#ysb .ysb-lines:empty{display:none}
#ysb .ysb-lines li{display:flex;justify-content:space-between;gap:12px;margin:0;color:var(--soft)}
#ysb .ysb-lines li.disc{color:#F4B6DA}
#ysb .ysb-lines b{white-space:nowrap;direction:ltr;color:var(--ink);font-weight:700}
#ysb .ysb-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:16px;border-top:1px dashed var(--line2)}
#ysb .ysb-total>span{color:var(--soft);font-size:14px}
#ysb .ysb-total b{color:var(--lilac);font-size:14px;font-weight:700;white-space:nowrap}
#ysb .ysb-total b [data-total]{font-size:32px;font-weight:800}
#ysb .ysb-vat{margin:4px 0 18px;color:var(--muted);font-size:12px}
#ysb .ysb-coupon summary{cursor:pointer;color:var(--lilac);font-size:13px;list-style:none}
#ysb .ysb-coupon summary::-webkit-details-marker{display:none}
#ysb .ysb-coupon summary:before{content:"+ "}
#ysb .ysb-coupon[open] summary:before{content:"− "}
#ysb .ysb-coupon-row{display:flex;margin-top:10px}
#ysb .ysb-coupon-row input{height:42px;text-transform:uppercase;direction:ltr;text-align:left}
#ysb .ysb-coupon-row button{all:unset;cursor:pointer;padding:0 16px;border:1px solid rgba(190,160,108,.7);border-inline-start:0;color:var(--ink);font-size:13px;font-weight:700}
#ysb .ysb-coupon-msg{min-height:18px;margin:6px 0 10px;color:var(--soft);font-size:12px}
#ysb label.ysb-consent{flex-direction:row;align-items:flex-start;gap:10px;margin:4px 0 18px;color:var(--soft);font-weight:400;font-size:13px;line-height:1.7}
#ysb .ysb-consent input{flex:none;width:18px;height:18px;margin-top:3px;padding:0;accent-color:#C3B3F2}
#ysb .ysb-consent a{color:var(--lilac)}
#ysb .ysb-pay{all:unset;box-sizing:border-box;cursor:pointer;display:block;width:100%;padding:16px 22px;border-radius:10px;background:var(--lilac);color:#141223;text-align:center;font-size:16px;font-weight:800;line-height:1.3;transition:filter .15s,transform .15s}
#ysb .ysb-pay:hover{filter:brightness(1.07)}
#ysb .ysb-pay:active{transform:translateY(1px)}
#ysb .ysb-pay[disabled]{opacity:.55;cursor:progress}
#ysb .ysb-methods{margin-top:10px;padding:10px 14px;border-radius:10px;background:#fff}
#ysb .ysb-methods img{display:block;width:100%;height:auto;max-height:26px;object-fit:contain}
#ysb .ysb-note{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.75}
#ysb .ysb-alert{margin:14px 0 0;padding:12px 14px;border:1px solid;font-size:13px;line-height:1.7}
#ysb .ysb-alert.err{border-color:rgba(255,143,132,.5);background:rgba(255,143,132,.08);color:#FFD7D2}
#ysb .ysb-alert.ok{border-color:rgba(120,220,170,.45);background:rgba(120,220,170,.07);color:#D4F7E6}

#ysb .ysb-dur:focus-visible,#ysb .ysb-day:focus-visible,#ysb .ysb-slot:focus-visible,#ysb button:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}
#ysb .ysb-loading{opacity:.5;pointer-events:none}

@media (max-width:1100px){#ysb .ysb-head{grid-template-columns:1fr;align-items:start;gap:24px}#ysb .ysb-grid{grid-template-columns:1fr}#ysb .ysb-sum{position:static}}
@media (max-width:640px){#ysb{padding:72px 16px}#ysb .ysb-head{margin-bottom:36px}#ysb .ysb-fields{grid-template-columns:1fr}#ysb .ysb-dur{grid-template-columns:48px minmax(0,1fr);gap:4px 12px;padding-inline-end:14px}#ysb .ysb-dur-h{grid-row:span 2}#ysb .ysb-dur-n b{font-size:15px}#ysb .ysb-price{grid-column:2;text-align:right;font-size:17px}#ysb .ysb-price s{display:inline;margin-inline-end:8px}#ysb .ysb-dur-h{font-size:26px}#ysb .ysb-facts b{font-size:19px}#ysb .ysb-facts li+li{padding-inline-start:12px}#ysb .ysb-ph{flex-direction:column-reverse;gap:6px}#ysb .ysb-times{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}}
@media (prefers-reduced-motion:reduce){#ysb *{transition:none!important}}