:root{
  --bg:#FAF6EF;--bg-alt:#F3E9DA;--card:#FFFDF9;--white:#fff;
  --maroon-950:#22050B;--maroon-900:#380810;--maroon-800:#4A0D18;--maroon-700:#5C121F;--maroon-600:#7A1B2B;--maroon-500:#8F2434;--maroon-400:#A8384A;
  --rose:#C15F73;--gold:#BE9530;--gold-light:#E9D3A0;--gold-deep:#8C6A1F;
  --ink:#2B1417;--muted:#7C6459;--line:rgba(56,8,16,.13);--success:#2E7650;--warning:#9A6A12;--danger:#A12B35;
  --shadow:0 24px 55px -22px rgba(56,8,16,.38);--shadow-soft:0 16px 34px -18px rgba(56,8,16,.25);
  --grad-primary:linear-gradient(135deg,var(--maroon-700),var(--maroon-500) 58%,var(--maroon-400));
  --grad-dark:linear-gradient(160deg,var(--maroon-950),var(--maroon-900) 48%,var(--maroon-700));
  --grad-gold:linear-gradient(120deg,var(--gold-deep),var(--gold),var(--gold-light));
  --radius:22px;--ease:cubic-bezier(.22,.8,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Cairo',sans-serif;background:var(--bg);color:var(--ink);line-height:1.75;overflow-x:hidden}
body.dashboard-body{background:#f7f1e8}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,.display{font-family:'Aref Ruqaa',serif;line-height:1.3}p{color:var(--muted)}
.wrap{width:min(1220px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(760px,calc(100% - 40px));margin-inline:auto}.section{padding:100px 0;position:relative}.section-alt{background:var(--bg-alt)}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:38px}.section-head h2{font-size:clamp(32px,4vw,50px);color:var(--maroon-900)}.section-head p{max-width:550px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--maroon-600);font-weight:800;font-size:13px;margin-bottom:12px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--grad-gold)}
.skip-link{position:fixed;top:-60px;right:20px;background:#fff;padding:10px 18px;z-index:1000}.skip-link:focus{top:10px}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;padding:20px 0;transition:.3s}.site-header.scrolled{padding:10px 0;background:rgba(250,246,239,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 10px 30px -25px #000}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:'Aref Ruqaa',serif;font-weight:700;font-size:27px;color:var(--maroon-700);white-space:nowrap}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50% 50% 8px 8px;background:var(--grad-primary);color:var(--gold-light);font-size:18px;box-shadow:var(--shadow-soft)}.main-nav{display:flex;align-items:center;gap:28px;font-weight:600;font-size:14px}.main-nav a{position:relative;padding:6px 0}.main-nav a:after{content:"";position:absolute;right:0;bottom:0;width:0;height:2px;background:var(--gold);transition:.3s}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:13px}.account-link{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;max-width:180px}.avatar-mini{width:31px;height:31px;border-radius:50%;display:inline-grid;place-items:center;background:var(--grad-gold);color:var(--maroon-800);font-weight:900;flex:0 0 auto}.inline-form{display:inline}.link-button{border:0;background:none;color:var(--maroon-700);font-weight:800}.nav-toggle{display:none;background:none;border:0;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:25px;height:2px;background:var(--maroon-700)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;padding:14px 27px;font-weight:800;transition:transform .3s var(--ease),box-shadow .3s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--grad-primary);color:#fff8ef;box-shadow:0 15px 28px -13px rgba(122,27,43,.7)}.btn-outline{border:1.5px solid var(--maroon-600);color:var(--maroon-700);background:transparent}.btn-outline:hover{background:var(--maroon-700);color:#fff}.btn-light{background:#fff;color:var(--maroon-700)}.btn-danger{background:var(--danger);color:#fff}.btn-secondary{background:var(--bg-alt);color:var(--maroon-700)}.btn-small{padding:10px 19px;font-size:13px}.btn-block{width:100%}
.flash-stack{position:fixed;z-index:300;top:90px;left:20px;width:min(420px,calc(100% - 40px));display:grid;gap:10px}.flash{padding:14px 16px;border-radius:14px;display:flex;justify-content:space-between;gap:15px;box-shadow:var(--shadow-soft);background:#fff;border-right:4px solid}.flash-success{border-color:var(--success)}.flash-error,.flash-danger{border-color:var(--danger)}.flash-warning{border-color:var(--warning)}.flash button{border:0;background:none;font-size:20px}
.hero{min-height:760px;padding:155px 0 95px;display:flex;align-items:center;overflow:hidden;position:relative}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(55px);opacity:.42}.hero:before{width:450px;height:450px;background:var(--rose);right:-180px;top:-120px}.hero:after{width:380px;height:380px;background:var(--gold-light);left:-130px;bottom:-150px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center;position:relative;z-index:2}.hero-copy h1{font-size:clamp(45px,6vw,72px);color:var(--maroon-900);margin:10px 0 24px}.hero-copy h1 em{font-style:normal;background:var(--grad-primary);background-clip:text;color:transparent}.hero-copy .lead{font-size:18px;max-width:590px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:13px}.trust-row b{display:block;color:var(--maroon-700);font-size:20px}.hero-visual{min-height:520px;position:relative}.hero-arch{position:absolute;inset:0;border-radius:260px 260px 28px 28px;background:var(--grad-dark);overflow:hidden;box-shadow:var(--shadow)}.hero-arch:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 28px)}.hero-arch img{width:100%;height:100%;object-fit:cover;opacity:.65;mix-blend-mode:screen}.hero-card{position:absolute;background:var(--card);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow);z-index:3;min-width:190px}.hero-card strong{display:block;color:var(--maroon-700)}.hero-card small{color:var(--muted)}.hero-card.one{right:-30px;top:80px}.hero-card.two{left:-35px;bottom:65px}.ornament{position:absolute;inset:15% 20%;border:2px solid rgba(233,211,160,.4);border-radius:50% 50% 18px 18px;display:grid;place-items:center;color:var(--gold-light);font-size:90px}.ornament:before{content:"م";font-family:'Aref Ruqaa',serif}
.metric-band{background:var(--grad-dark);color:#fff8ef;padding:30px 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;text-align:center}.metric strong{font-family:'Aref Ruqaa',serif;font-size:34px;color:var(--gold-light);display:block}.metric span{font-size:13px;color:#d7bcb4}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.category-card{min-height:310px;border-radius:26px;overflow:hidden;position:relative;box-shadow:var(--shadow-soft);transition:.35s}.category-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.category-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(34,5,11,.9),transparent 70%)}.category-card-content{position:absolute;z-index:2;right:24px;left:24px;bottom:22px;color:#fff}.category-card h3{font-size:27px}.category-card p{color:#ead8d1;font-size:13px;margin-top:5px}.category-count{display:inline-block;margin-top:10px;color:var(--gold-light);font-weight:800;font-size:12px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-card{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:.35s}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}.service-image{height:220px;position:relative;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.service-card:hover .service-image img{transform:scale(1.04)}.featured-badge,.rating-badge{position:absolute;top:14px;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900}.featured-badge{right:14px;background:var(--gold);color:var(--maroon-950)}.rating-badge{left:14px;background:rgba(34,5,11,.72);color:#fff}.service-card-body{padding:21px;display:flex;flex-direction:column;flex:1}.service-meta{display:flex;gap:7px;color:var(--maroon-600);font-size:11px;font-weight:800}.service-card h3{font-family:'Cairo',sans-serif;font-size:19px;margin:8px 0}.service-card p{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.provider-line{display:flex;align-items:center;gap:8px;margin-top:15px;font-size:12px;font-weight:700}.service-card-footer{display:flex;justify-content:space-between;align-items:end;border-top:1px dashed var(--line);padding-top:15px;margin-top:16px}.service-card-footer small{display:block;color:var(--muted);font-size:10px}.service-card-footer strong{color:var(--maroon-700)}.card-arrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--bg-alt);color:var(--maroon-700);font-weight:900}.card-arrow:hover{background:var(--maroon-700);color:#fff}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step-card{padding:30px;border-radius:24px;border:1px solid var(--line);background:var(--card)}.step-card .num{font-family:'Aref Ruqaa',serif;font-size:50px;color:var(--gold);display:block}.step-card h3{font-size:25px;margin:5px 0 10px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quote-card{background:var(--card);border-radius:24px;padding:28px;border:1px solid var(--line)}.quote-stars{color:var(--gold);letter-spacing:2px}.quote-card blockquote{font-size:15px;margin:15px 0;color:var(--ink)}.quote-author{font-weight:800}.quote-author small{display:block;color:var(--muted);font-weight:500}
.cta-band{padding:60px 0;background:var(--grad-primary);color:#fff}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta-grid h2{font-size:38px}.cta-grid p{color:#ecd8d2;max-width:630px}
.page-hero{padding:155px 0 70px;background:linear-gradient(180deg,var(--bg-alt),var(--bg));text-align:center}.page-hero h1{font-size:clamp(38px,5vw,60px);color:var(--maroon-900);max-width:850px;margin:0 auto 15px}.page-hero p{max-width:680px;margin:auto}.breadcrumb{font-size:12px;color:var(--maroon-600);font-weight:700;margin-bottom:12px}
.directory-layout{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start}.filter-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px;position:sticky;top:105px}.filter-card h2{font-family:'Cairo',sans-serif;font-size:18px;margin-bottom:18px}.form-group{display:grid;gap:7px;margin-bottom:16px}.form-group label{font-size:12px;font-weight:800;color:var(--maroon-700)}.input,.select,.textarea{width:100%;border:1.5px solid var(--line);border-radius:13px;background:#fff;padding:12px 14px;color:var(--ink);transition:.2s}.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(190,149,48,.12)}.textarea{min-height:125px;resize:vertical}.field-error{color:var(--danger);font-size:12px}.filter-actions{display:grid;gap:9px}.results-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px}.results-toolbar h2{font-family:'Cairo',sans-serif;font-size:17px}.empty-state{text-align:center;background:var(--card);border:1px dashed var(--line);border-radius:24px;padding:60px 25px}.empty-state h3{font-family:'Cairo',sans-serif}.pagination{display:flex;justify-content:center;gap:8px;margin-top:32px}.pagination a{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--card)}.pagination a.active{background:var(--maroon-700);color:#fff;border-color:var(--maroon-700)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:35px;align-items:start}.detail-media{background:var(--card);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-soft)}.detail-media img{width:100%;aspect-ratio:16/10;object-fit:cover}.detail-content{padding:28px}.detail-content h1{font-family:'Cairo',sans-serif;font-size:32px;color:var(--maroon-900)}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tag{background:var(--bg-alt);color:var(--maroon-700);padding:5px 11px;border-radius:999px;font-size:11px;font-weight:800}.detail-description{white-space:pre-line}.provider-box{display:flex;align-items:center;gap:14px;padding:20px;border-top:1px solid var(--line);margin-top:24px}.provider-box .avatar-mini{width:48px;height:48px}.provider-box strong{display:block}.booking-card{background:var(--card);border-radius:26px;border:1px solid var(--line);padding:25px;position:sticky;top:110px;box-shadow:var(--shadow-soft)}.booking-price{font-size:27px;color:var(--maroon-700);font-weight:900;margin-bottom:18px}.booking-price small{display:block;font-size:11px;color:var(--muted);font-weight:500}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.form-note{font-size:11px;color:var(--muted);margin-top:10px}.favorite-button{width:100%;margin-top:10px;border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:11px;font-weight:800;color:var(--maroon-700)}
.auth-page{min-height:100vh}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-visual{background:var(--grad-dark);color:#fff8ef;padding:130px 8vw 70px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-visual:after{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(233,211,160,.35),transparent 65%);left:-120px;bottom:-120px}.auth-visual h2{font-size:46px;max-width:530px;position:relative;z-index:2}.auth-visual p{color:#d8beb6;max-width:520px;position:relative;z-index:2}.auth-points{display:grid;gap:13px;margin-top:28px;position:relative;z-index:2}.auth-points li:before{content:"✓";color:var(--gold-light);margin-left:8px}.auth-panel{padding:130px 8vw 70px;display:flex;align-items:center}.auth-box{width:min(520px,100%)}.auth-box h1{font-size:42px;color:var(--maroon-900);margin-bottom:7px}.auth-box>.muted{margin-bottom:25px}.auth-switch{text-align:center;margin-top:18px;font-size:13px}.auth-switch a{color:var(--maroon-600);font-weight:800}.checkbox-row{display:flex;align-items:start;gap:9px;font-size:12px;margin-bottom:16px}.checkbox-row input{margin-top:6px}.form-alert{padding:13px 15px;border-radius:12px;background:#fde8e8;color:var(--danger);margin-bottom:16px;font-size:13px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px}.contact-info,.contact-form{background:var(--card);padding:30px;border-radius:24px;border:1px solid var(--line)}.contact-info ul{display:grid;gap:18px;margin-top:25px}.contact-info strong{display:block;color:var(--maroon-700)}
.site-footer{background:var(--maroon-950);color:#f3e5df;padding:68px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{color:#fff8ef;margin-bottom:15px}.site-footer p,.site-footer li,.site-footer a{color:#c9aaa1;font-size:13px}.site-footer h3{font-family:'Cairo',sans-serif;font-size:14px;margin-bottom:15px;color:#fff}.site-footer li{margin-bottom:9px}.site-footer a:hover{color:var(--gold-light)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:20px;color:#a9877e;font-size:11px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in-view{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th,.data-table td{padding:13px 12px;text-align:right;border-bottom:1px solid var(--line);font-size:12px}.data-table th{color:var(--muted);font-weight:800;background:rgba(243,233,218,.45)}.status{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:900}.status-success{background:#e4f3e9;color:var(--success)}.status-warning{background:#fff2d6;color:var(--warning)}.status-danger{background:#fde7e8;color:var(--danger)}.status-neutral{background:#eee7e3;color:var(--muted)}.actions-row{display:flex;gap:6px;flex-wrap:wrap}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:6px 9px;font-size:11px}.icon-btn:hover{border-color:var(--gold)}
@media(max-width:1050px){.main-nav{gap:17px}.category-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero-grid{gap:35px}.detail-grid{grid-template-columns:1fr}.booking-card{position:static}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.nav-toggle{display:flex}.main-nav{position:absolute;top:76px;right:20px;left:20px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px;display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.nav-actions .account-link span:last-child{display:none}.nav-actions .btn{display:none}.hero{padding-top:125px}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:430px;width:min(520px,100%);margin:auto}.hero-card.one{right:5px}.hero-card.two{left:5px}.directory-layout{grid-template-columns:1fr}.filter-card{position:static}.auth-layout{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{padding:120px 24px 60px}.contact-grid{grid-template-columns:1fr}.steps-grid,.testimonial-grid{grid-template-columns:1fr}.cta-grid{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.wrap,.narrow{width:min(100% - 28px,1220px)}.site-header{padding:13px 0}.brand{font-size:23px}.brand-mark{width:36px;height:36px}.nav-actions .link-button{font-size:12px}.hero{min-height:auto;padding-bottom:70px}.hero-copy h1{font-size:43px}.hero-visual{min-height:360px}.hero-card{min-width:145px;padding:11px}.section{padding:70px 0}.category-grid,.service-grid{grid-template-columns:1fr}.category-card{min-height:275px}.metric-grid{grid-template-columns:1fr 1fr}.section-head h2{font-size:35px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.results-toolbar{align-items:flex-start;flex-direction:column}.detail-content{padding:20px}.detail-content h1{font-size:25px}.page-hero{padding-top:125px}.page-hero h1{font-size:39px}}

/* Gulf phone controls, Western numerals, and contained authentication layouts */
body, input, select, textarea, button{font-variant-numeric:lining-nums tabular-nums}
.ltr-number,.booking-code,input[type="number"],input[type="date"],input[type="time"]{direction:ltr;unicode-bidi:isolate;text-align:left}
.ui-icon{width:1.1em;height:1.1em;display:inline-block;fill:currentColor;flex:0 0 auto}
.field-note,.phone-hint{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:4px}
.email-domain-shortcuts{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px}
.email-domain-label{font-size:10px;font-weight:800;color:var(--muted);white-space:nowrap}
.email-domain-chip{appearance:none;border:1px solid rgba(56,8,16,.11);background:#fffaf4;color:var(--maroon-700);border-radius:999px;padding:6px 10px;font:inherit;font-size:10px;font-weight:800;line-height:1;direction:ltr;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
.email-domain-chip:hover,.email-domain-chip:focus-visible{border-color:rgba(139,25,45,.34);background:#fff;box-shadow:0 7px 18px -13px rgba(56,8,16,.55);transform:translateY(-1px);outline:none}
.email-domain-chip:active{transform:translateY(0)}
.gulf-phone{display:grid;grid-template-columns:minmax(116px,132px) minmax(0,1fr);gap:10px;direction:ltr;position:relative;align-items:stretch}
.select{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%235c121f' d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;background-size:18px;padding-left:40px}
.phone-country-picker{position:relative;min-width:0}
.phone-country-select{display:none}
.phone-country-trigger{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 10px;border:1.5px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);font-weight:850;direction:ltr;transition:border-color .2s,box-shadow .2s,background .2s}
.phone-country-trigger:hover,.phone-country-picker.is-open .phone-country-trigger{border-color:var(--gold);background:#fffdf8;box-shadow:0 0 0 3px rgba(190,149,48,.1)}
.phone-country-trigger:focus-visible{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(190,149,48,.18)}
.phone-country-flag,.phone-country-option img,.phone-flag{display:block;width:25px;height:17px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(34,5,11,.12);flex:0 0 auto}
.phone-country-dial{font-size:12px;font-weight:900;white-space:nowrap}
.phone-country-chevron{margin-left:auto;color:var(--muted);font-size:15px;line-height:1;transform:translateY(-1px);transition:transform .2s}
.phone-country-picker.is-open .phone-country-chevron{transform:rotate(180deg) translateY(1px)}
.phone-country-menu{position:absolute;z-index:80;top:calc(100% + 7px);left:0;width:100%;min-width:126px;padding:6px;border:1px solid rgba(56,8,16,.13);border-radius:13px;background:#fff;box-shadow:0 18px 38px -22px rgba(56,8,16,.55);direction:ltr}
.phone-country-menu[hidden]{display:none}
.phone-country-option{width:100%;display:flex;align-items:center;gap:9px;padding:8px 9px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-size:12px;font-weight:850;text-align:left;transition:.15s}
.phone-country-option:hover,.phone-country-option:focus-visible{outline:0;background:var(--bg-alt)}
.phone-country-option.is-selected{background:#f8efe2;color:var(--maroon-800)}
.phone-national-input{direction:ltr;text-align:left;letter-spacing:.04em;font-weight:700;padding-right:42px}
.gulf-phone.is-valid:after{content:"✓";position:absolute;right:13px;top:50%;transform:translateY(-50%);width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#e4f3e9;color:var(--success);font-size:12px;font-weight:900;pointer-events:none}
.gulf-phone.is-invalid .phone-national-input{border-color:var(--danger);box-shadow:0 0 0 3px rgba(161,43,53,.1)}
.phone-display{display:inline-flex;align-items:center;gap:6px;max-width:100%;direction:ltr!important;unicode-bidi:isolate;text-align:left!important;white-space:nowrap;color:inherit;font-variant-numeric:tabular-nums}
.phone-display .phone-display-dial{font-weight:850;color:var(--maroon-700)}
.phone-display .phone-display-number{font-weight:700}
.phone-display.phone-display-compact{gap:5px;font-size:10.5px}
.phone-display.phone-display-compact .phone-flag{width:21px;height:14px}
.phone-display-empty{color:var(--muted)}
.password-field{position:relative}.password-field .input{padding-left:72px}.password-toggle{position:absolute;left:8px;top:50%;transform:translateY(-50%);border:0;background:var(--bg-alt);color:var(--maroon-700);border-radius:9px;padding:6px 10px;font-size:11px;font-weight:800}
.auth-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(233,211,160,.32),transparent 28%),radial-gradient(circle at 90% 20%,rgba(193,95,115,.15),transparent 30%),var(--bg)}
.auth-section{padding:138px 0 90px;min-height:auto}
.auth-container{max-width:1120px}.auth-container-login{max-width:980px}.auth-container-provider{max-width:1180px}
.auth-card{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);background:rgba(255,253,249,.94);border:1px solid rgba(56,8,16,.1);border-radius:30px;overflow:hidden;box-shadow:0 35px 80px -42px rgba(56,8,16,.55);backdrop-filter:blur(14px)}
.auth-card-aside{background:var(--grad-dark);color:#fff8ef;padding:48px 42px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:560px}
.auth-card-aside:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;left:-130px;bottom:-145px;background:radial-gradient(circle,rgba(233,211,160,.42),transparent 68%)}
.auth-card-aside:after{content:"";position:absolute;inset:18px;border:1px solid rgba(233,211,160,.12);border-radius:23px;pointer-events:none}
.auth-card-aside>*{position:relative;z-index:1}.auth-card-aside h2{font-size:clamp(34px,4vw,47px);margin:18px 0}.auth-card-aside p{color:#d9c0b8;font-size:14px}
.auth-kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:7px 12px;border:1px solid rgba(233,211,160,.22);background:rgba(255,255,255,.06);border-radius:999px;color:var(--gold-light);font-size:12px;font-weight:800}
.auth-feature-list{display:grid;gap:13px;margin-top:28px}.auth-feature-list span{display:flex;align-items:center;gap:9px;color:#f0dfd9;font-size:12px}.auth-feature-list .ui-icon{color:var(--gold-light)}
.auth-card-form{padding:46px 50px}.auth-card-form-large{padding-block:42px}.auth-form-heading{margin-bottom:25px}.auth-form-heading h1{font-size:42px;color:var(--maroon-900);margin-bottom:6px}.auth-form-heading p{font-size:13px}
.auth-checkbox{padding:12px 14px;background:var(--bg-alt);border-radius:12px;align-items:center}.auth-checkbox input{margin-top:0;accent-color:var(--maroon-700)}
.auth-switch{text-align:center;margin-top:18px;font-size:13px}.auth-switch a{color:var(--maroon-600);font-weight:800}
.form-alert{border:1px solid rgba(161,43,53,.15);box-shadow:0 10px 20px -18px rgba(161,43,53,.5)}
@media(max-width:850px){.auth-section{padding:118px 0 70px}.auth-card{grid-template-columns:1fr}.auth-card-aside{min-height:auto;padding:35px 30px}.auth-card-aside h2{font-size:35px}.auth-card-form{padding:35px 30px}.auth-feature-list{grid-template-columns:1fr 1fr}.auth-feature-list span:last-child{grid-column:1/-1}.auth-layout{min-height:auto}.auth-panel{padding:0}}
@media(max-width:620px){.auth-card{border-radius:22px}.auth-card-aside{display:none}.auth-card-form{padding:28px 20px}.auth-form-heading h1{font-size:34px}.gulf-phone{grid-template-columns:minmax(108px,120px) minmax(0,1fr);gap:8px}.phone-country-trigger{padding-inline:8px}.phone-country-flag{width:23px;height:16px}.auth-section{padding-top:105px}.auth-feature-list{grid-template-columns:1fr}}
/* Layout hardening for cached-upgrade and narrow hosting templates */
.auth-card-wide{width:100%}
.auth-card>*{min-width:0}
.auth-card-form,.auth-card-form form,.phone-form-group{min-width:0}

/* AED-only pricing and provider availability calendar */
.booking-price .ltr-number{display:block;margin-top:4px;font-size:clamp(27px,3vw,38px);font-weight:900;color:var(--maroon-800);direction:ltr;text-align:right;unicode-bidi:isolate}
.currency-lock{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border:1.5px solid var(--line);border-radius:13px;background:linear-gradient(135deg,#fff,var(--bg-alt));color:var(--ink)}
.currency-lock strong{direction:ltr;unicode-bidi:isolate;color:var(--maroon-700);font-size:16px;letter-spacing:.04em}.currency-lock small{color:var(--muted);font-size:11px}
.booking-date-field{margin-top:16px}
.availability-calendar{margin-top:8px;border:1px solid rgba(56,8,16,.12);border-radius:20px;background:linear-gradient(180deg,#fffdf9,#fffaf2);box-shadow:0 18px 38px -28px rgba(56,8,16,.45);overflow:hidden}
.availability-calendar[hidden]{display:none}
.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 17px 14px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(243,233,218,.72),rgba(255,253,249,.96))}
.calendar-heading>div:first-child{display:grid;gap:2px}.calendar-heading strong{font-size:13px;color:var(--maroon-800)}.calendar-heading small{font-size:10px;color:var(--muted)}
.calendar-month-nav{display:grid;grid-template-columns:34px minmax(112px,1fr) 34px;align-items:center;gap:7px;direction:ltr}
.calendar-month-nav button{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--maroon-700);font-size:24px;line-height:1;display:grid;place-items:center;transition:.2s}
.calendar-month-nav button:hover:not(:disabled){border-color:var(--gold);background:#fff8e8;transform:translateY(-1px)}.calendar-month-nav button:disabled{opacity:.35;cursor:not-allowed}
.calendar-month-nav span{min-width:112px;text-align:center;color:var(--maroon-900);font-size:12px;font-weight:900;direction:rtl}
.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));direction:rtl}
.calendar-weekdays{padding:12px 12px 5px;gap:4px}.calendar-weekdays span{text-align:center;color:var(--muted);font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-days{padding:5px 12px 14px;gap:5px;min-height:264px;align-content:start}
.calendar-day,.calendar-day-spacer{min-width:0;aspect-ratio:1/1;border-radius:11px}
.calendar-day{position:relative;border:1px solid rgba(56,8,16,.1);background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:12px;font-weight:800;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}
.calendar-day:hover:not(:disabled){transform:translateY(-2px);border-color:var(--gold);box-shadow:0 8px 16px -12px rgba(56,8,16,.55);background:#fff9ea}
.calendar-day.is-today:not(.is-selected):not(.is-booked){box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold-deep)}
.calendar-day.is-selected{border-color:transparent;background:var(--grad-primary);color:#fff;box-shadow:0 10px 20px -13px var(--maroon-700)}
.calendar-day.is-booked{border-color:rgba(161,43,53,.08);background:repeating-linear-gradient(135deg,#f4ece9,#f4ece9 5px,#ede2df 5px,#ede2df 10px);color:#9f8179;cursor:not-allowed}
.calendar-day.is-booked:after{content:"";position:absolute;inset:7px;border-radius:7px;border:1px solid rgba(161,43,53,.13)}
.calendar-day.is-booked span{text-decoration:line-through}.calendar-day small{font-size:7px;line-height:1;color:var(--danger);font-weight:900}.calendar-day:disabled:not(.is-booked){opacity:.24;cursor:not-allowed}
.calendar-footer{padding:13px 16px 15px;border-top:1px solid var(--line);background:rgba(250,246,239,.55)}
.calendar-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:9px}.calendar-legend span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;font-weight:700}.calendar-legend i{width:10px;height:10px;border-radius:3px;border:1px solid var(--line);display:inline-block}.legend-available{background:#fff}.legend-selected{background:var(--maroon-700)!important}.legend-booked{background:#e9ddda!important}
.calendar-selection{min-height:22px;margin:0;padding:7px 9px;border-radius:9px;background:#fff;color:var(--muted);font-size:10px;font-weight:700}.calendar-selection[data-state="selected"]{background:#e8f4ec;color:var(--success)}.calendar-selection[data-state="error"]{background:#fde8e8;color:var(--danger)}
@media(max-width:460px){.calendar-heading{align-items:flex-start;flex-direction:column}.calendar-month-nav{width:100%;grid-template-columns:34px 1fr 34px}.calendar-weekdays span{font-size:0}.calendar-weekdays span::first-letter{font-size:9px}.calendar-days{gap:3px;padding-inline:8px}.calendar-day{border-radius:8px;font-size:11px}.calendar-day.is-booked:after{inset:4px}.calendar-day small{display:none}}

/* 2026-08-03: scroll-activated glass navigation and booking action repair */
.site-header{
  isolation:isolate;
  background:transparent;
  border-bottom:1px solid transparent;
  box-shadow:none;
  -webkit-backdrop-filter:blur(0) saturate(100%);
  backdrop-filter:blur(0) saturate(100%);
  transition:padding .28s var(--ease),background-color .28s ease,border-color .28s ease,box-shadow .28s ease,-webkit-backdrop-filter .28s ease,backdrop-filter .28s ease;
}
.site-header::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(105deg,rgba(255,253,249,.72),rgba(250,246,239,.32) 55%,rgba(233,211,160,.16));
  transition:opacity .28s ease;
}
.site-header.scrolled{
  padding:10px 0;
  background:rgba(250,246,239,.84);
  border-bottom-color:rgba(56,8,16,.13);
  box-shadow:0 16px 42px -27px rgba(34,5,11,.58);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  backdrop-filter:blur(22px) saturate(160%);
}
.site-header.scrolled::before{opacity:1}
.site-header.scrolled .brand-mark{box-shadow:0 12px 24px -14px rgba(56,8,16,.62)}
.site-header .brand,.site-header .main-nav a,.site-header .link-button{transition:color .22s ease,opacity .22s ease}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .site-header.scrolled{background:rgba(250,246,239,.98)}
}

.nav-actions{min-width:max-content}
.nav-actions>.link-button,.nav-actions>.btn{flex:0 0 auto;white-space:nowrap}
.nav-actions>.link-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;border-radius:999px}
.nav-actions>.link-button:hover{background:rgba(92,18,31,.07)}
.nav-actions>.btn-small{min-height:48px;padding:11px 22px}

.booking-auth-panel{display:grid;gap:18px;margin-top:6px;isolation:isolate}
.booking-auth-message{margin:0;text-align:center;font-size:14px;line-height:1.85}
.booking-auth-actions{display:grid;grid-template-columns:1fr;gap:12px;width:100%;align-items:stretch}
.booking-auth-actions .btn{
  display:flex!important;
  width:100%!important;
  min-height:52px;
  margin:0!important;
  padding:13px 22px;
  position:relative!important;
  inset:auto!important;
  line-height:1.35;
  transform:none;
  z-index:auto;
}
.booking-auth-actions .btn:hover{transform:translateY(-2px)}
.booking-auth-actions .btn-outline{background:rgba(255,253,249,.78)}
.booking-card>.form-note{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);line-height:1.85}

@media(max-width:850px){
  .site-header.scrolled{background:rgba(250,246,239,.92);-webkit-backdrop-filter:blur(19px) saturate(150%);backdrop-filter:blur(19px) saturate(150%)}
}
@media(max-width:620px){
  .site-header.scrolled{background:rgba(250,246,239,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .booking-auth-actions .btn{min-height:49px;font-size:14px}
}


/* Bilingual language switch, verified states, and LTR support */
html[dir="ltr"] body,
html[dir="ltr"] input,
html[dir="ltr"] select,
html[dir="ltr"] textarea,
html[dir="ltr"] button{font-family:'Inter','Cairo',sans-serif}
html[dir="ltr"] h1,
html[dir="ltr"] h2,
html[dir="ltr"] .brand{font-family:'Inter','Cairo',sans-serif;letter-spacing:-.025em}
.language-switch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 12px;border:1px solid rgba(56,8,16,.12);border-radius:999px;background:rgba(255,255,255,.68);color:var(--maroon-800);font-size:11px;font-weight:900;white-space:nowrap;backdrop-filter:blur(10px);transition:.2s}
.language-switch:hover{transform:translateY(-1px);border-color:rgba(190,149,48,.65);background:#fff}
.language-switch-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--bg-alt);font-size:11px}
.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;flex:0 0 22px;padding:0;border:0;border-radius:0;background:transparent;color:#1f8a4c;box-shadow:none;line-height:1;vertical-align:middle}
.verified-badge img{display:block;width:100%;height:100%;object-fit:contain}
.verified-badge-small{width:18px;height:18px;min-width:18px;flex-basis:18px}
html[dir="ltr"] .data-table th,
html[dir="ltr"] .data-table td{text-align:left}
html[dir="ltr"] .category-card-content{left:24px;right:24px}
html[dir="ltr"] .featured-badge{left:14px;right:auto}
html[dir="ltr"] .rating-badge{right:14px;left:auto}
html[dir="ltr"] .hero-card.one{left:-30px;right:auto}
html[dir="ltr"] .hero-card.two{right:-35px;left:auto}
html[dir="ltr"] .auth-points li:before{margin-right:8px;margin-left:0}
html[dir="ltr"] .gulf-phone{direction:ltr}
html[dir="ltr"] .select{background-position:right 12px center;padding-right:40px;padding-left:14px}
html[dir="ltr"] .gulf-phone.is-valid:after{right:13px;left:auto}
html[dir="ltr"] .password-field .input{padding-right:72px;padding-left:14px}
html[dir="ltr"] .password-toggle{right:8px;left:auto}
html[dir="ltr"] .skip-link{left:20px;right:auto}
html[dir="ltr"] .flash-stack{right:28px;left:auto}
html[dir="ltr"] .calendar-month-nav{direction:ltr}
html[dir="ltr"] .booking-code,
html[dir="ltr"] .ltr-number{text-align:left}
@media(max-width:850px){.language-switch span:last-child{display:none}.language-switch{width:40px;padding:0}.language-switch-icon{background:transparent}.nav-actions{gap:7px}}

/* Verified provider labels */
.trust-row>span .verified-badge{margin-top:3px}.metric-verified-label{display:flex!important;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.metric-verified-label em{font-style:normal}.provider-line{min-width:0}.provider-line .provider-name-row{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:calc(100% - 39px);flex-wrap:nowrap}.provider-line .provider-business-name{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-line .verified-badge{margin:0;flex:0 0 auto}.provider-name-row{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap}

/* Homepage visual builder and full-screen hero */
.sr-only{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;white-space:nowrap!important;border:0!important}
.home-hero{min-height:var(--hero-min-height,100vh);padding:150px 0 90px;background-image:var(--hero-background-image);background-size:cover;background-position:var(--hero-background-position,center center);background-repeat:no-repeat;background-attachment:scroll;isolation:isolate;color:#fff;overflow:hidden}
.home-hero:before{content:"";position:absolute;inset:0;width:auto;height:auto;border-radius:0;filter:none;background:var(--hero-overlay-color,#26070d);opacity:var(--hero-overlay-opacity,.68);z-index:0}
.home-hero:after{content:"";position:absolute;inset:0;width:auto;height:auto;border-radius:0;filter:none;opacity:1;background:linear-gradient(90deg,rgba(22,2,7,.72) 0%,rgba(22,2,7,.34) 50%,rgba(22,2,7,.1) 100%),radial-gradient(circle at 80% 25%,rgba(190,149,48,.28),transparent 38%);z-index:0;pointer-events:none}
html[dir="ltr"] .home-hero:after{background:linear-gradient(270deg,rgba(22,2,7,.72) 0%,rgba(22,2,7,.34) 50%,rgba(22,2,7,.1) 100%),radial-gradient(circle at 20% 25%,rgba(190,149,48,.28),transparent 38%)}
.home-hero .hero-grid{z-index:2;width:min(1220px,calc(100% - 40px))}
.home-hero .hero-copy h1{color:#fff9ef;text-shadow:0 8px 35px rgba(0,0,0,.3);max-width:720px}
.home-hero .hero-copy .lead{color:rgba(255,248,239,.84);font-size:19px;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.home-hero .eyebrow{color:var(--gold-light)}
.home-hero .trust-row{color:rgba(255,248,239,.78)}
.home-hero .trust-row b{color:#fff;font-size:22px}.home-hero .trust-row em{display:block;font-style:normal;color:rgba(255,248,239,.78)}
.home-hero .btn-glass{color:#fff;border:1px solid rgba(255,255,255,.48);background:rgba(255,255,255,.1);backdrop-filter:blur(12px);box-shadow:0 16px 35px -25px rgba(0,0,0,.8)}
.home-hero .btn-glass:hover{background:#fff;color:var(--maroon-800)}
.home-hero .hero-arch-glass{background:linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);box-shadow:0 34px 75px -35px rgba(0,0,0,.75)}
.home-hero .hero-arch-glass:after{content:"";position:absolute;inset:14px;border:1px solid rgba(233,211,160,.3);border-radius:250px 250px 20px 20px}
.home-hero .hero-card{background:rgba(255,253,249,.92);backdrop-filter:blur(15px)}
.hero-grid-copy-only{grid-template-columns:minmax(0,760px);justify-content:start}.hero-grid-copy-only .hero-copy{max-width:760px}
.home-has-fullscreen-hero .site-header:not(.scrolled) .brand,.home-has-fullscreen-hero .site-header:not(.scrolled) .main-nav,.home-has-fullscreen-hero .site-header:not(.scrolled) .link-button,.home-has-fullscreen-hero .site-header:not(.scrolled) .language-switch{color:#fff}
.home-has-fullscreen-hero .site-header:not(.scrolled) .main-nav a:after{background:var(--gold-light)}
.home-has-fullscreen-hero .site-header:not(.scrolled) .nav-toggle span{background:#fff}
.home-has-fullscreen-hero .site-header:not(.scrolled) .language-switch{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.builder-preview-page .reveal{opacity:1;transform:none}
@media(max-width:850px){.home-has-fullscreen-hero .site-header:not(.scrolled) .main-nav{color:var(--ink);background:rgba(255,253,249,.96);backdrop-filter:blur(18px)}.home-hero{min-height:max(780px,var(--hero-min-height,100vh));padding-top:130px}.home-hero .hero-grid{grid-template-columns:1fr}.home-hero .hero-visual{min-height:390px}}
@media(max-width:620px){.home-hero{padding:120px 0 65px;background-attachment:scroll}.home-hero .hero-copy h1{font-size:42px}.home-hero .hero-copy .lead{font-size:16px}.home-hero .hero-visual{min-height:315px}.home-hero .hero-card{min-width:145px}.home-hero .trust-row{gap:15px}}

/* Homepage hero refinements: visible signed-in controls, editable media, cleaner statistics */
.nav-user-group{display:flex;align-items:center;gap:8px;min-width:0}
.account-link{max-width:230px;min-height:48px;padding:6px 11px 6px 13px;border:1px solid rgba(56,8,16,.1);border-radius:999px;background:rgba(255,253,249,.82);box-shadow:0 14px 30px -24px rgba(56,8,16,.62);transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
.account-link:hover{transform:translateY(-1px);border-color:rgba(190,149,48,.48);box-shadow:0 18px 35px -25px rgba(56,8,16,.72)}
.account-copy{display:grid;min-width:0;line-height:1.25}
.account-copy strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:inherit}
.account-copy small{font-size:9.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.nav-logout-form{display:inline-flex}
.nav-logout-form{margin:0;display:inline-flex}.nav-logout-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid rgba(122,27,43,.16);border-radius:999px;background:rgba(255,253,249,.72);color:var(--maroon-700);font-size:11px;font-weight:900;font-family:inherit;cursor:pointer;transition:.22s}
.nav-logout-button:hover{background:#fff;border-color:rgba(122,27,43,.34);transform:translateY(-1px)}
.nav-logout-button .ui-icon{width:15px;height:15px}
.home-has-fullscreen-hero .site-header:not(.scrolled) .account-link,
.home-has-fullscreen-hero .site-header:not(.scrolled) .nav-logout-button{color:#fff;background:rgba(24,3,8,.26);border-color:rgba(255,255,255,.26);-webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%);box-shadow:0 16px 34px -28px rgba(0,0,0,.9)}
.home-has-fullscreen-hero .site-header:not(.scrolled) .account-copy small{color:rgba(255,255,255,.72)}
.home-has-fullscreen-hero .site-header:not(.scrolled) .account-link:hover,
.home-has-fullscreen-hero .site-header:not(.scrolled) .nav-logout-button:hover{background:rgba(255,255,255,.17);border-color:rgba(233,211,160,.58)}
.site-header.scrolled .account-link,.site-header.scrolled .nav-logout-button{background:rgba(255,255,255,.7)}

.home-hero .hero-visual{min-height:540px}
.home-hero .hero-arch-media{background:#2d0a11;border:1px solid rgba(255,255,255,.32);box-shadow:0 42px 90px -38px rgba(0,0,0,.92)}
.home-hero .hero-arch-media:before{z-index:2;background:linear-gradient(180deg,rgba(24,3,8,.05),rgba(24,3,8,.5)),linear-gradient(90deg,rgba(190,149,48,.12),transparent 45%);opacity:1}
.home-hero .hero-arch-media img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:1;mix-blend-mode:normal;filter:saturate(.92) contrast(1.03)}
.home-hero .hero-arch-media:after{z-index:4}
.hero-arch-shine{position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 25%,transparent 70%,rgba(233,211,160,.12))}
.home-hero .hero-card{border:1px solid rgba(255,255,255,.65);box-shadow:0 24px 55px -28px rgba(0,0,0,.86)}

.home-hero .hero-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:650px;margin-top:8px}
.home-hero .hero-trust-item{min-width:0;display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid rgba(255,255,255,.17);border-radius:16px;background:rgba(24,3,8,.22);-webkit-backdrop-filter:blur(12px) saturate(125%);backdrop-filter:blur(12px) saturate(125%);box-shadow:0 16px 34px -28px rgba(0,0,0,.9)}
.home-hero .hero-trust-item b{display:block;flex:0 0 auto;color:#fff;font-family:'Cairo',sans-serif;font-size:20px;line-height:1;font-weight:900}
.home-hero .hero-trust-label{display:flex;align-items:center;gap:6px;min-width:0;color:rgba(255,248,239,.8)}
.home-hero .hero-trust-label em{display:block;min-width:0;font-style:normal;font-size:10.5px;line-height:1.45;color:inherit}
.home-hero .hero-trust-label .ui-icon{width:16px;height:16px;color:var(--gold-light)}
.home-hero .hero-trust-label .verified-badge{width:17px;height:17px;min-width:17px;flex-basis:17px;margin:0;filter:drop-shadow(0 4px 7px rgba(0,0,0,.22))}

@media(max-width:1120px){
  .account-copy strong{max-width:110px}
  .nav-logout-button span{display:none}
  .nav-logout-button{width:42px;padding:0}
  .home-hero .hero-trust-grid{max-width:560px}
}
@media(max-width:850px){
  .nav-user-group{gap:5px}
  .account-link{min-height:42px;padding:5px;border-radius:50%;max-width:none}
  .account-link .account-copy{display:none!important}
  .nav-logout-button{width:39px;min-height:39px}
  .home-hero .hero-visual{min-height:430px}
}
@media(max-width:620px){
  .home-hero .hero-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .home-hero .hero-trust-item{display:grid;justify-items:center;text-align:center;gap:6px;padding:10px 7px;border-radius:13px}
  .home-hero .hero-trust-item b{font-size:18px}
  .home-hero .hero-trust-label{justify-content:center}
  .home-hero .hero-trust-label em{font-size:9px;line-height:1.35}
  .home-hero .hero-visual{min-height:350px}
}

/* Legal pages: privacy policy and user agreement */
.legal-hero{position:relative;overflow:hidden;padding-bottom:76px;background:radial-gradient(circle at 15% 15%,rgba(190,149,48,.15),transparent 30%),linear-gradient(180deg,#f7eee3 0%,var(--bg) 100%)}
.legal-hero:after{content:"";position:absolute;inset:auto -8% -130px;width:460px;height:460px;border:1px solid rgba(122,27,43,.09);border-radius:50%;box-shadow:0 0 0 55px rgba(122,27,43,.025),0 0 0 110px rgba(190,149,48,.025);pointer-events:none}
.legal-hero .wrap{position:relative;z-index:1}.legal-hero .eyebrow{display:block;margin-bottom:12px}.legal-hero .breadcrumb a{color:inherit}.legal-hero .breadcrumb a:hover{color:var(--maroon-800)}
.legal-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.legal-meta span{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(122,27,43,.1);border-radius:999px;background:rgba(255,255,255,.6);color:var(--maroon-800);font-size:11px;font-weight:800;box-shadow:0 14px 28px -25px rgba(56,8,16,.6)}.legal-meta .ui-icon{width:15px;height:15px;color:var(--gold-dark)}
.legal-section{padding-top:54px}.legal-layout{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);align-items:start;gap:28px}
.legal-toc{position:sticky;top:105px;max-height:calc(100vh - 125px);overflow-y:auto;overflow-x:hidden;padding:22px 20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,253,249,.91);box-shadow:0 24px 60px -45px rgba(56,8,16,.6);scrollbar-width:none}.legal-toc::-webkit-scrollbar{display:none}.legal-toc>strong{display:block;margin-bottom:13px;color:var(--maroon-900);font-size:14px}.legal-toc nav{display:grid;gap:2px}.legal-toc a{display:block;padding:7px 9px;border-radius:9px;color:var(--muted);font-size:10.5px;font-weight:700;line-height:1.55;transition:.2s}.legal-toc a:hover{background:var(--bg-alt);color:var(--maroon-800);transform:translateX(-2px)}html[dir="ltr"] .legal-toc a:hover{transform:translateX(2px)}
.legal-document{min-width:0;padding:clamp(24px,4vw,46px);border:1px solid var(--line);border-radius:28px;background:#fffdf9;box-shadow:0 35px 90px -65px rgba(56,8,16,.72)}
.legal-notice{display:flex;align-items:flex-start;gap:15px;margin-bottom:34px;padding:19px 20px;border:1px solid rgba(35,137,91,.16);border-radius:18px;background:linear-gradient(135deg,rgba(35,137,91,.08),rgba(255,255,255,.9))}.legal-notice>.ui-icon{flex:0 0 auto;width:24px;height:24px;margin-top:2px;color:#23895b}.legal-notice strong{display:block;margin-bottom:5px;color:var(--maroon-900);font-size:14px}.legal-notice p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.9}.legal-notice-gold{border-color:rgba(190,149,48,.22);background:linear-gradient(135deg,rgba(190,149,48,.12),rgba(255,255,255,.9))}.legal-notice-gold>.ui-icon{color:var(--gold-dark)}
.legal-block{scroll-margin-top:115px;padding:30px 0;border-bottom:1px solid var(--line)}.legal-block:first-of-type{padding-top:0}.legal-block:last-child{padding-bottom:0;border-bottom:0}.legal-block h2{display:flex;align-items:center;gap:11px;margin:0 0 16px;color:var(--maroon-900);font-family:'Cairo',sans-serif;font-size:clamp(19px,2.3vw,25px);font-weight:900}.legal-block h2>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--maroon-700),var(--maroon-900));color:#fff;font-size:12px;box-shadow:0 12px 25px -16px rgba(56,8,16,.85)}.legal-block p{margin:0 0 13px;color:#6f5c56;font-size:13.5px;line-height:2.05}.legal-block p:last-child{margin-bottom:0}.legal-list{display:grid;gap:10px;margin:15px 0;padding:0;list-style:none}.legal-list li{position:relative;padding-inline-start:24px;color:#6f5c56;font-size:13px;line-height:1.95}.legal-list li:before{content:"";position:absolute;inset-inline-start:4px;top:.85em;width:8px;height:8px;border:2px solid var(--gold-dark);border-radius:50%;background:#fff}.legal-list li strong{color:var(--maroon-800)}.legal-list-danger li:before{border-color:#b72d47;background:rgba(183,45,71,.08)}
.legal-inline-link{display:inline-flex;align-items:center;gap:8px;margin-top:5px;color:var(--maroon-700);font-size:12px;font-weight:900}.legal-inline-link .ui-icon{width:16px;height:16px}.legal-inline-link:hover{color:var(--gold-dark)}
.legal-contact-block{padding-top:35px}.legal-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.legal-contact-grid>a,.legal-contact-grid>div{min-width:0;display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,var(--bg-alt));transition:.2s}.legal-contact-grid>a:hover{border-color:rgba(190,149,48,.45);transform:translateY(-2px)}.legal-contact-grid>a>span,.legal-contact-grid>div>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:3px;border-radius:11px;background:rgba(122,27,43,.08);color:var(--maroon-700)}.legal-contact-grid .ui-icon{width:17px;height:17px}.legal-contact-grid small{color:var(--muted);font-size:9px;font-weight:800}.legal-contact-grid strong{overflow-wrap:anywhere;color:var(--maroon-900);font-size:11px;line-height:1.55}.legal-contact-grid .ltr-number{text-align:start}.legal-contact-grid strong .phone-display{display:inline-flex;align-items:center;gap:6px;width:auto;height:auto;max-width:100%;margin:0;padding:0;border-radius:0;background:transparent;color:inherit;white-space:nowrap}.legal-contact-grid strong .phone-display .phone-flag{width:25px;height:17px;margin:0}.legal-contact-grid strong .phone-display-dial,.legal-contact-grid strong .phone-display-number{display:inline;min-width:0;width:auto;height:auto;margin:0;padding:0;border-radius:0;background:transparent}
.footer-grid{grid-template-columns:1.35fr repeat(4,minmax(0,1fr))}.footer-legal-links{display:inline-flex;align-items:center;gap:8px}.footer-legal-links a{font-size:11px}.footer-legal-links i{font-style:normal;color:rgba(255,255,255,.25)}.auth-checkbox a{color:var(--maroon-700);font-weight:900;text-decoration:underline;text-underline-offset:3px}.auth-checkbox a:hover{color:var(--gold-dark)}
@media(max-width:1180px){.footer-grid{grid-template-columns:1.2fr repeat(2,1fr)}.footer-grid>div:first-child{grid-row:span 2}.legal-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:900px){.legal-layout{grid-template-columns:1fr}.legal-toc{position:relative;top:auto;max-height:none}.legal-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-document{padding:26px}.legal-contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:first-child{grid-row:auto;grid-column:1/-1}}
@media(max-width:620px){.legal-hero{padding-bottom:58px}.legal-meta{display:grid}.legal-meta span{justify-content:center}.legal-section{padding-top:30px}.legal-toc{padding:18px}.legal-toc nav{grid-template-columns:1fr}.legal-document{padding:20px;border-radius:20px}.legal-notice{padding:16px}.legal-block{padding:24px 0}.legal-block h2{align-items:flex-start;font-size:19px}.legal-block h2>span{width:30px;height:30px;flex-basis:30px}.legal-block p,.legal-list li{font-size:12.5px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}

/* Service booking guest actions: preserve contrast on outlined-button hover. */
.booking-auth-actions .btn-outline:hover,
.booking-auth-actions .btn-outline:focus-visible {
  background: var(--maroon-700);
  border-color: var(--maroon-700);
  color: #fff8ef;
  box-shadow: 0 14px 28px -17px rgba(92, 18, 31, .72);
}

/* Free invitation card studio */
.card-studio-body{margin:0;background:#f4f6f8;color:#32191e;overflow:hidden}
.card-studio-body *{box-sizing:border-box}
.studio-header{position:relative;z-index:80;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;height:72px;min-height:72px;padding:10px clamp(18px,3vw,42px);border-bottom:1px solid #e6e9ee;background:#fff;box-shadow:0 4px 18px rgba(32,38,46,.045)}
.studio-brand{display:inline-flex;align-items:center;gap:10px;width:max-content;color:var(--maroon-900)}
.studio-brand .brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--maroon-700),var(--maroon-900));color:#fff;font-weight:900;box-shadow:0 8px 18px -12px rgba(92,18,31,.75)}
.studio-brand strong{font-size:17px}
.studio-header-nav{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #e7e9ed;border-radius:12px;background:#f8f9fb}
.studio-header-nav a,.studio-current{padding:8px 14px;border-radius:9px;font-size:10.5px;font-weight:800;white-space:nowrap}
.studio-header-nav a{color:#786b6f}
.studio-header-nav a:hover{background:#fff;color:var(--maroon-800)}
.studio-current{background:#fff;color:var(--maroon-800);box-shadow:0 1px 3px rgba(31,36,43,.07)}
.studio-header-actions{justify-self:end;display:flex;align-items:center;gap:8px}
.studio-free-badge,.studio-page-language,.studio-page-install{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;border-radius:10px;font-size:9.5px;font-weight:900}
.studio-free-badge{background:#eef7f1;color:#23744f}
.studio-page-language,.studio-page-install{border:1px solid #e4e6ea;background:#fff;color:var(--maroon-800)}.studio-page-install{font-family:inherit;cursor:pointer}

.studio-page{height:calc(100vh - 72px);min-height:0;padding:0 0 70px;overflow:hidden}
.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:0;width:100%;max-width:none;height:100%;margin:0;align-items:stretch;background:#fff}
.studio-preview-column,.studio-editor-column{min-width:0;min-height:0}
.studio-preview-column{position:relative;display:block;height:100%;background:#f7f8fa;overflow:hidden}
.studio-canvas-stage{position:relative;display:grid;place-items:center;min-height:0;height:100%;padding:24px clamp(28px,5vw,72px);border:0;border-radius:0;background-color:#f7f8fa;background-image:radial-gradient(circle,#dde1e7 1px,transparent 1px);background-size:16px 16px;box-shadow:none;overflow:hidden}
.studio-canvas-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(247,248,250,.55),transparent 18%,transparent 82%,rgba(247,248,250,.65))}
.studio-canvas-surface{position:relative;z-index:1;height:min(100%,760px);max-height:calc(100vh - 182px);width:auto;max-width:min(100%,536px);aspect-ratio:1748/2480;transform-origin:center center;transition:transform .18s ease;box-shadow:0 18px 48px -22px rgba(35,41,49,.34),0 0 0 1px rgba(35,41,49,.06);border-radius:2px;overflow:hidden;background:#fff}
.studio-canvas-surface canvas{display:block;width:100%;height:100%}
.studio-canvas-overlay{position:absolute;inset:0;pointer-events:none}
.studio-qr-overlay{position:absolute;display:block;border:2px dashed rgba(110,26,55,.7);border-radius:8px;background:rgba(255,255,255,.78);padding:3px;cursor:grab;pointer-events:auto;touch-action:none;box-shadow:0 7px 20px rgba(56,8,16,.18)}
.studio-qr-overlay[hidden]{display:none!important}
.studio-qr-overlay:active{cursor:grabbing}
.studio-qr-overlay img{display:block;width:100%;height:100%;object-fit:contain}
.studio-canvas-loading{position:absolute;z-index:3;inset:0;display:grid;place-items:center;background:rgba(247,248,250,.72);backdrop-filter:blur(2px)}
.studio-canvas-loading[hidden]{display:none}
.studio-canvas-loading span{width:38px;height:38px;border:3px solid rgba(110,26,55,.12);border-top-color:var(--maroon-700);border-radius:50%;animation:studio-spin .8s linear infinite}
@keyframes studio-spin{to{transform:rotate(360deg)}}
.studio-zoom-controls{position:absolute;z-index:5;inset-inline-start:50%;bottom:16px;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:4px;margin:0;padding:5px;border:1px solid #e0e3e7;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px -18px rgba(33,38,46,.45);backdrop-filter:blur(12px)}
.studio-zoom-controls button{min-width:38px;height:36px;border:0;border-radius:8px;background:transparent;color:#4d535b;font:inherit;font-size:15px;font-weight:900;cursor:pointer;transition:.16s}
.studio-zoom-controls button:hover{background:#f2f4f7;color:var(--maroon-800)}
.studio-zoom-fit{display:flex;align-items:center;gap:7px;padding:0 10px!important;border-inline:1px solid #eceef1!important;border-radius:0!important}
.studio-zoom-fit span{font-size:10px;color:#8c9299}.studio-zoom-fit strong{font-size:11px}.studio-zoom-reset{font-size:20px!important;border-inline-end:1px solid #eceef1!important;border-radius:8px 0 0 8px!important}

.studio-editor-column{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:14px 14px 28px;border-inline-start:1px solid #e4e7eb;background:#f7f8fa;scrollbar-width:thin;scrollbar-color:#cfd4da transparent}
.studio-editor-column::-webkit-scrollbar{width:7px}.studio-editor-column::-webkit-scrollbar-thumb{background:#cfd4da;border-radius:20px}.studio-editor-column::-webkit-scrollbar-track{background:transparent}
.studio-editor-column{display:block}
.studio-setup-panel,.studio-editor-heading,.studio-editor-section,.studio-qr-panel{border:1px solid #e1e4e8;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(34,40,48,.025)}
.studio-setup-panel{padding:15px;margin-bottom:12px}
.studio-setup-heading,.studio-editor-heading{display:flex;align-items:flex-start;gap:10px}
.studio-setup-icon,.studio-editor-heading-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#f8ecef;color:var(--maroon-700);font-size:14px}
.studio-setup-heading h1,.studio-editor-heading h2{margin:0 0 4px;color:#3b2b2f;font-family:'Cairo',sans-serif;font-size:17px;line-height:1.45}
.studio-setup-heading p,.studio-editor-heading p{margin:0;color:#8d878c;font-size:11.5px;line-height:1.75}
.studio-setup-control{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid #edf0f2}
.studio-setup-label strong{font-size:12px;color:#61585b}
.studio-language-toggle{display:flex;padding:3px;border:1px solid #e4e7ea;border-radius:10px;background:#f5f6f8}
.studio-language-toggle button{min-width:76px;border:0;border-radius:7px;background:transparent;padding:8px 11px;color:#8b8589;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.studio-language-toggle button.is-active{background:#fff;color:var(--maroon-800);box-shadow:0 1px 4px rgba(34,40,48,.08)}
.studio-editor-heading{margin:0 0 12px;padding:14px 15px}
.studio-editor-heading-icon{background:#f4f0fb;color:#6f4aa2}
#studioEditor{display:grid;gap:10px}
.studio-editor-section{overflow:hidden}
.studio-editor-section>button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;padding:15px 16px;color:#46373b;font:inherit;font-size:13px;font-weight:900;cursor:pointer;transition:.16s}
.studio-editor-section>button:hover{background:#fafbfc}
.studio-editor-section>button span{display:flex;align-items:center;gap:7px}
.studio-editor-section>button em{display:grid;place-items:center;min-width:28px;height:22px;padding:0 7px;border-radius:999px;background:#f1f3f5;color:#8b929a;font-style:normal;font-size:9px}
.studio-editor-section>button b{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#f7f8fa;color:#8b9299;transition:transform .2s}
.studio-editor-section.is-open>button{border-bottom:1px solid #edf0f2}
.studio-editor-section.is-open>button b{transform:rotate(180deg)}
.studio-editor-fields{display:none;grid-template-columns:1fr;gap:12px;padding:14px 16px 16px}
.studio-editor-section.is-open .studio-editor-fields{display:grid}
.studio-field{display:grid;gap:7px}
.studio-field.is-wide{grid-column:auto}
.studio-field span{font-size:11.5px;font-weight:800;color:#6f676b}
.studio-field input,.studio-field textarea{width:100%;min-height:50px;border:1px solid #dfe3e7;border-radius:10px;background:#fff;padding:11px 13px;color:#34282b;font:inherit;font-size:14px;line-height:1.65;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.studio-field textarea{min-height:104px;resize:vertical}
.studio-field input:hover,.studio-field textarea:hover{border-color:#ccd2d8}
.studio-field input:focus,.studio-field textarea:focus{border-color:rgba(110,26,55,.38);background:#fff;box-shadow:0 0 0 3px rgba(110,26,55,.06)}
.studio-qr-panel{padding:0;overflow:hidden}
.studio-qr-heading{display:flex;gap:9px;align-items:flex-start}
.studio-qr-heading strong{display:block;font-size:13px;color:#46373b}.studio-qr-heading p{margin:3px 0 0;color:#969096;font-size:10.5px;line-height:1.65}
.studio-qr-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#eef7f1;color:#23744f;font-size:14px}
.studio-qr-upload{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.studio-qr-upload label,.studio-qr-upload button{border:1px solid #e0e3e7;border-radius:9px;background:#fff;padding:9px 11px;color:var(--maroon-700);font:inherit;font-size:11px;font-weight:900;cursor:pointer}.studio-qr-upload label{background:var(--maroon-700);border-color:var(--maroon-700);color:#fff}.studio-qr-upload input{position:absolute;opacity:0;pointer-events:none}.studio-qr-controls{display:grid;gap:10px;margin-top:12px}.studio-qr-range{display:grid;grid-template-columns:100px minmax(0,1fr) 42px;align-items:center;gap:9px}.studio-qr-range span,.studio-qr-range output{font-size:10px;font-weight:800}.studio-qr-range output{text-align:end;color:#90969d}.studio-qr-range input{accent-color:var(--maroon-700)}

.studio-template-drawer{position:fixed;z-index:95;inset-inline:18px;bottom:76px;max-height:52vh;padding:14px;border:1px solid #dfe3e7;border-radius:16px;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);box-shadow:0 24px 70px rgba(35,41,49,.18)}
.studio-template-drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.studio-template-drawer-heading strong{display:block;font-size:12px}.studio-template-drawer-heading small{display:block;color:#969096;font-size:8px}.studio-template-close{width:32px;height:32px;border:1px solid #e1e4e8;border-radius:9px;background:#fff;color:var(--maroon-800);font-size:18px;cursor:pointer}.studio-template-carousel-shell{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:7px}.studio-template-carousel-button{width:34px;height:34px;border:1px solid #e1e4e8;border-radius:9px;background:#fff;color:var(--maroon-800);font-size:20px;cursor:pointer}.studio-template-cards{display:flex;gap:9px;overflow-x:auto;padding:2px 1px 6px;scrollbar-width:none}.studio-template-cards::-webkit-scrollbar{display:none}.studio-template-card{flex:0 0 112px;border:1px solid #e0e3e7;border-radius:11px;background:#fff;padding:6px;text-align:start;cursor:pointer;transition:.18s}.studio-template-card:hover{transform:translateY(-2px);border-color:rgba(110,26,55,.32)}.studio-template-card.is-active{border-color:var(--maroon-700);box-shadow:0 0 0 2px rgba(110,26,55,.07)}.studio-template-art{position:relative;display:block;aspect-ratio:1748/2480;border-radius:7px;overflow:hidden;background:#eee}.studio-template-art img{width:100%;height:100%;object-fit:cover}.studio-template-check{position:absolute;inset-block-start:5px;inset-inline-end:5px;display:none;place-items:center;width:21px;height:21px;border-radius:50%;background:#23744f;color:#fff;font-size:10px}.studio-template-card.is-active .studio-template-check{display:grid}.studio-template-card-name{display:block;padding:6px 2px 1px;font-size:8px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-fixed-actions{position:fixed;z-index:90;left:0;right:0;bottom:0;transform:none;display:flex;align-items:center;justify-content:center;gap:8px;height:70px;padding:10px clamp(14px,3vw,32px);border:0;border-top:1px solid #e0e3e7;border-radius:0;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);box-shadow:0 -10px 32px -28px rgba(35,41,49,.45)}
.studio-fixed-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:10px;padding:9px 18px;font:inherit;font-size:9.5px;font-weight:900;cursor:pointer}.studio-bottom-template-button{border:1px solid #dfe3e7;background:#fff;color:var(--maroon-800)}.studio-primary-button{border:0;background:linear-gradient(135deg,var(--maroon-700),#ae2448);color:#fff;box-shadow:0 10px 24px -16px rgba(110,26,55,.82)}
.studio-status{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);width:max-content;max-width:80vw;margin:0;padding:8px 11px;border-radius:8px;background:#2b1417;color:#fff;font-size:8.5px;opacity:0;pointer-events:none;transition:.2s}.studio-status.is-visible{opacity:1}.studio-empty{max-width:720px;margin:80px auto;padding:34px;border:1px solid #e0e3e7;border-radius:18px;background:#fff;text-align:center;font-weight:800}.studio-error{color:#9a2438}
html[dir="ltr"] .studio-template-card{text-align:left}.card-studio-body[dir="ltr"] .studio-template-card{text-align:left}

@media(max-width:1100px){.studio-workspace{grid-template-columns:minmax(0,1fr) 380px}.studio-canvas-stage{padding-inline:24px}.studio-canvas-surface{max-height:calc(100vh - 180px)}}
@media(max-width:820px){.card-studio-body{overflow:auto}.studio-header{position:sticky;top:0;grid-template-columns:1fr auto;height:64px;min-height:64px;padding:9px 12px}.studio-header-nav{display:none}.studio-brand strong{font-size:15px}.studio-free-badge{display:none}.studio-page{height:auto;min-height:calc(100vh - 64px);padding-bottom:68px;overflow:visible}.studio-workspace{display:flex;flex-direction:column;height:auto}.studio-preview-column{order:1;height:610px;min-height:610px}.studio-editor-column{order:2;height:auto;overflow:visible;border-inline-start:0;border-top:1px solid #e4e7eb;padding:12px}.studio-canvas-stage{min-height:610px;padding:18px}.studio-canvas-surface{height:auto;width:min(100%,390px);max-width:390px;max-height:none}.studio-zoom-controls{bottom:12px}.studio-editor-heading{margin-bottom:10px}.studio-fixed-actions{height:64px;padding:8px 10px}.studio-fixed-actions button{flex:1;max-width:260px;padding:9px 10px}.studio-template-drawer{inset-inline:8px;bottom:70px}.studio-template-carousel-shell{grid-template-columns:30px minmax(0,1fr) 30px}.studio-template-carousel-button{width:30px;height:30px}.studio-template-card{flex-basis:100px}}
@media(max-width:520px){.studio-brand strong{display:none}.studio-page-language{min-height:34px;padding-inline:9px}.studio-preview-column{height:540px;min-height:540px}.studio-canvas-stage{min-height:540px;padding:12px}.studio-canvas-surface{width:min(100%,330px)}.studio-zoom-fit span{display:none}.studio-setup-panel{padding:13px}.studio-setup-control{align-items:flex-start;flex-direction:column}.studio-language-toggle{width:100%}.studio-language-toggle button{flex:1}.studio-editor-column{padding:10px}.studio-field input,.studio-field textarea{font-size:14px}.studio-fixed-actions{gap:6px}.studio-fixed-actions button{font-size:9.5px}.studio-template-card{flex-basis:92px}}


/* Card Studio: optional QR panel stays collapsed until requested */
.studio-qr-panel-collapsible{padding:0;overflow:hidden}
.studio-qr-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:0;background:transparent;padding:16px 18px;color:var(--maroon-900);font:inherit;text-align:start;cursor:pointer}
.studio-qr-toggle:hover{background:rgba(110,26,55,.025)}
.studio-qr-toggle>.studio-qr-heading{min-width:0}
.studio-qr-toggle>.studio-qr-heading>span:last-child{min-width:0}
.studio-qr-toggle strong{display:flex;align-items:center;gap:7px;font-size:13px}
.studio-qr-toggle strong em{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;background:#edf5ef;color:#23744f;font-style:normal;font-size:9px;font-weight:900}
.studio-qr-toggle small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.7}
.studio-qr-toggle>b{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#f3e8dc;color:var(--maroon-800);font-size:18px}
.studio-qr-visibility-note{margin:-3px 18px 14px;color:var(--muted);font-size:10.5px;font-weight:800}
.studio-qr-body{padding:0 18px 18px;border-top:1px solid var(--line)}
.studio-qr-body[hidden]{display:none}
.studio-qr-body .studio-qr-upload{margin-top:16px}

/* Service image gallery and Instagram media */
.service-gallery-slider{position:relative;background:#160b0d}.service-gallery-stage{position:relative;aspect-ratio:16/10;overflow:hidden;background:#160b0d}.service-gallery-slide{display:none;width:100%;height:100%;margin:0}.service-gallery-slide.is-active{display:block}.detail-media .service-gallery-slide img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.service-gallery-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(31,10,15,.64);color:#fff;font:700 30px/1 Arial;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(12px);transition:background .2s,transform .2s}.service-gallery-arrow:hover,.service-gallery-arrow:focus-visible{background:var(--maroon-700);transform:translateY(-50%) scale(1.05)}.service-gallery-prev{inset-inline-start:18px}.service-gallery-next{inset-inline-end:18px}.service-gallery-counter{position:absolute;inset-inline-end:18px;bottom:16px;z-index:2;padding:7px 11px;border-radius:999px;background:rgba(31,10,15,.7);color:#fff;font-size:11px;font-weight:800;direction:ltr;backdrop-filter:blur(10px)}.service-gallery-thumbnails{display:flex;gap:9px;padding:12px;overflow-x:auto;background:#fff;scrollbar-width:none}.service-gallery-thumbnails::-webkit-scrollbar{display:none}.service-gallery-thumb{flex:0 0 78px;height:58px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:11px;background:#eee;cursor:pointer;opacity:.68;transition:border-color .2s,opacity .2s,transform .2s}.service-gallery-thumb:hover,.service-gallery-thumb:focus-visible{opacity:1;transform:translateY(-1px)}.service-gallery-thumb.is-active{border-color:var(--maroon-700);opacity:1}.detail-media .service-gallery-thumb img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.service-instagram-section{padding:4px 28px 30px}.service-instagram-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:24px 0 18px;border-top:1px solid var(--line)}.service-instagram-heading span{display:block;margin-bottom:4px;color:#c13584;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.service-instagram-heading h2{margin:0;color:var(--maroon-900);font-size:23px}.service-instagram-heading p{max-width:340px;margin:0;color:var(--muted);font-size:11px;line-height:1.75}.service-instagram-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.instagram-embed-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 18px 45px -38px rgba(56,8,16,.75)}.instagram-embed-card iframe{display:block;width:100%;height:650px;border:0;background:#fafafa}.instagram-embed-card>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;border-top:1px solid var(--line);color:var(--maroon-700);font-size:10px;font-weight:900}.instagram-embed-card>a:hover{background:var(--bg-alt)}
@media(max-width:760px){.service-gallery-stage{aspect-ratio:4/3}.service-gallery-arrow{width:38px;height:38px}.service-gallery-prev{inset-inline-start:10px}.service-gallery-next{inset-inline-end:10px}.service-gallery-counter{inset-inline-end:10px;bottom:10px}.service-gallery-thumb{flex-basis:66px;height:50px}.service-instagram-section{padding:0 18px 24px}.service-instagram-heading{align-items:flex-start;flex-direction:column}.service-instagram-grid{grid-template-columns:1fr}.instagram-embed-card iframe{height:610px}}

/* Confidential completed-booking rating page */
.confidential-rating-body{min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(190,149,48,.16),transparent 32%),radial-gradient(circle at 85% 80%,rgba(168,56,74,.14),transparent 34%),var(--bg);overflow-x:hidden}.confidential-rating-page{min-height:100vh;padding:32px 18px;display:grid;place-items:center}.confidential-rating-shell{width:min(820px,100%)}.confidential-rating-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.rating-language-switch{background:rgba(255,255,255,.76);border:1px solid var(--line);backdrop-filter:blur(14px)}.rating-card{position:relative;overflow:hidden;background:rgba(255,253,249,.94);border:1px solid rgba(56,8,16,.12);border-radius:32px;padding:clamp(28px,5vw,58px);box-shadow:0 35px 85px -46px rgba(56,8,16,.56);backdrop-filter:blur(18px)}.rating-card:before{content:"";position:absolute;inset-block-start:-110px;inset-inline-end:-110px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(190,149,48,.2),transparent 68%);pointer-events:none}.rating-card-intro{text-align:center;max-width:640px;margin:0 auto 28px}.rating-kicker{display:inline-flex;padding:7px 13px;border-radius:999px;background:#f1e8da;color:var(--maroon-700);font-size:11px;font-weight:900}.rating-card h1{margin:12px 0 10px;color:var(--maroon-900);font-size:clamp(34px,5vw,52px)}.rating-card-intro p{font-size:14px}.rating-booking-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0;padding:15px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fff,#f7efe4)}.rating-booking-summary>div{min-width:0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.75)}.rating-booking-summary span{display:block;color:var(--muted);font-size:10px}.rating-booking-summary strong{display:block;margin-top:3px;color:var(--maroon-900);font-size:13px;overflow-wrap:anywhere}.confidential-rating-form{display:grid;gap:20px}.rating-star-fieldset{border:0;text-align:center}.rating-star-fieldset legend{width:100%;margin-bottom:12px;color:var(--maroon-900);font-weight:900}.rating-star-picker{direction:ltr;display:flex;align-items:flex-end;justify-content:center;gap:clamp(6px,2vw,15px)}.rating-star-button{display:grid;place-items:center;gap:2px;width:clamp(48px,10vw,72px);height:clamp(64px,12vw,86px);border:1px solid rgba(56,8,16,.12);border-radius:18px;background:#fff;color:#cbbda9;box-shadow:0 13px 28px -24px rgba(56,8,16,.6);transition:.2s}.rating-star-button span{font-size:clamp(27px,5vw,42px);line-height:1}.rating-star-button small{font-size:9px;font-weight:900;color:var(--muted)}.rating-star-button:hover,.rating-star-button:focus-visible,.rating-star-button.is-selected{transform:translateY(-5px);border-color:rgba(190,149,48,.6);background:#fffaf0;color:var(--gold);box-shadow:0 20px 34px -24px rgba(140,106,31,.8)}.rating-star-button[aria-checked="true"]{outline:3px solid rgba(190,149,48,.18)}.rating-picker-hint{margin-top:13px;font-size:11px}.rating-picker-hint.is-error{color:var(--danger);font-weight:800}.rating-low-feedback{padding:20px;border:1px solid rgba(161,43,53,.16);border-radius:20px;background:#fff8f7}.rating-low-feedback[hidden],.rating-auto-save-note[hidden]{display:none}.rating-low-feedback label{display:block;color:var(--maroon-900);font-weight:900}.rating-low-feedback p{margin:4px 0 12px;font-size:11px}.rating-low-feedback textarea{width:100%;min-height:145px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;resize:vertical;outline:none}.rating-low-feedback textarea:focus{border-color:var(--maroon-500);box-shadow:0 0 0 4px rgba(143,36,52,.09)}.rating-low-feedback .btn{margin-top:12px}.rating-auto-save-note{text-align:center;color:var(--success);font-size:12px;font-weight:900}.rating-form-error{padding:12px 15px;border-radius:13px;background:#fdebed;color:var(--danger);font-size:12px;font-weight:800}.rating-state-card,.rating-thank-you-card{text-align:center}.rating-state-card p,.rating-thank-you-card>p{max-width:570px;margin-inline:auto}.rating-state-icon,.rating-success-icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 14px;border-radius:24px;background:#f1e8da;color:var(--maroon-700);font-size:33px;font-weight:900}.rating-success-icon{background:#e5f5eb;color:var(--success)}.rating-submitted-stars{margin:18px 0}.rating-stars-output{direction:ltr;display:inline-flex;color:var(--gold);font-size:30px;letter-spacing:4px}.rating-thank-you-card blockquote{margin:20px auto 0;padding:18px 20px;border-inline-start:4px solid var(--gold);border-radius:14px;background:#fff8e9;color:var(--ink);text-align:start;max-width:620px}.confidential-rating-footer{display:flex;justify-content:space-between;gap:15px;margin-top:15px;padding:0 8px;color:var(--muted);font-size:10px}.confidential-rating-footer a{color:var(--maroon-700);font-weight:800}
@media(max-width:620px){.confidential-rating-page{padding:18px 10px}.confidential-rating-header .brand{font-size:22px}.rating-card{padding:25px 15px;border-radius:24px}.rating-booking-summary{grid-template-columns:1fr}.rating-star-picker{gap:5px}.rating-star-button{width:54px;height:68px;border-radius:14px}.confidential-rating-footer{flex-direction:column;text-align:center}.rating-language-switch span:last-child{display:none}}

/* Confirmed booking invoice */
.invoice-body{margin:0;background:#f4f1ed;color:#241b1e;font-family:"Cairo","Inter",sans-serif;min-height:100vh}.invoice-toolbar{max-width:1120px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.invoice-toolbar>div{display:flex;align-items:center;gap:12px}.invoice-preview-pill{display:inline-flex;align-items:center;border:1px solid rgba(110,23,56,.16);border-radius:999px;padding:8px 13px;background:#fff;color:var(--invoice-primary);font-size:.82rem;font-weight:800}.invoice-page{padding:0 24px 52px}.invoice-sheet{width:min(100%,1000px);min-height:1320px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 24px 70px rgba(53,31,38,.13);overflow:hidden;padding:52px 58px;position:relative}.invoice-sheet:before{content:"";position:absolute;inset-inline-start:0;top:0;width:12px;height:100%;background:linear-gradient(180deg,var(--invoice-primary),var(--invoice-accent))}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;gap:42px}.invoice-brand-block{display:flex;align-items:center;gap:18px;min-width:0}.invoice-logo{width:82px;height:82px;object-fit:contain}.invoice-logo-mark{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:var(--invoice-primary);color:#fff;font-size:2.2rem;font-weight:900}.invoice-brand-block>div{display:grid;gap:3px}.invoice-brand-block strong{font-size:1.35rem;color:var(--invoice-primary)}.invoice-brand-block span,.invoice-brand-block small{color:#6d6266;line-height:1.6}.invoice-title-block{text-align:end;min-width:280px}.invoice-title-block>span{display:block;color:var(--invoice-accent);font-size:.86rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.invoice-title-block>strong{display:block;font-family:"Inter",sans-serif;font-size:1.75rem;color:var(--invoice-primary);margin:5px 0 13px}.invoice-title-block dl{margin:0;display:grid;gap:5px}.invoice-title-block dl div{display:flex;justify-content:flex-end;gap:10px;font-size:.82rem}.invoice-title-block dt{color:#8b7e83}.invoice-title-block dd{margin:0;font-weight:800;color:#3d3034}.invoice-accent-line{height:3px;border-radius:4px;background:linear-gradient(90deg,var(--invoice-primary),var(--invoice-accent),transparent);margin:34px 0}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:24px}.invoice-parties article{border:1px solid #eee6e8;border-radius:18px;padding:22px 24px;background:#fffcfb}.invoice-parties article>span{font-size:.76rem;font-weight:900;color:var(--invoice-accent);text-transform:uppercase;letter-spacing:.06em}.invoice-parties h2{font-size:1.12rem;margin:8px 0 10px;color:var(--invoice-primary)}.invoice-parties p{margin:2px 0;color:#6e6266;font-size:.88rem}.invoice-booking-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 30px}.invoice-booking-summary>div{border-radius:14px;background:#f8f4f5;padding:14px 16px;display:grid;gap:4px}.invoice-booking-summary span{font-size:.72rem;color:#8d7f84;font-weight:700}.invoice-booking-summary strong{font-size:.9rem;color:#3a2d31}.invoice-items{border:1px solid #eadfe2;border-radius:18px;overflow:hidden}.invoice-items table{width:100%;border-collapse:collapse}.invoice-items th{background:var(--invoice-primary);color:#fff;text-align:start;padding:15px 17px;font-size:.78rem}.invoice-items td{padding:21px 17px;border-bottom:1px solid #eee7e9;text-align:start;vertical-align:top}.invoice-items tbody tr:last-child td{border-bottom:0}.invoice-items td strong{display:block;color:#33262a}.invoice-items td small{display:block;color:#8a7c81;margin-top:5px}.invoice-totals-wrap{display:grid;grid-template-columns:1fr 330px;gap:40px;margin-top:28px;align-items:start}.invoice-notes-column>p{margin:0 0 16px;display:flex;gap:12px}.invoice-notes-column>p span,.invoice-booking-notes>span{color:#8b7d82;font-size:.78rem;font-weight:700}.invoice-notes-column>p strong{font-size:.85rem}.invoice-booking-notes{border-inline-start:3px solid var(--invoice-accent);padding-inline-start:14px}.invoice-booking-notes p{margin:7px 0 0;color:#5f5357;font-size:.86rem;line-height:1.8}.invoice-totals{margin:0;border:1px solid #eadfe2;border-radius:16px;overflow:hidden}.invoice-totals>div{display:flex;justify-content:space-between;gap:20px;padding:12px 16px;border-bottom:1px solid #eee6e8}.invoice-totals>div:last-child{border-bottom:0}.invoice-totals dt{color:#776a6f}.invoice-totals dd{margin:0;font-weight:800}.invoice-grand-total{background:var(--invoice-primary);color:#fff;padding-block:17px!important}.invoice-grand-total dt,.invoice-grand-total dd{color:#fff;font-size:1.08rem}.invoice-policy-note{margin-top:34px;padding:17px 20px;border-radius:16px;background:#f8f4f5;border:1px dashed #d8c7cc}.invoice-policy-note p{margin:0 0 5px;font-weight:700;color:#4c3d42}.invoice-policy-note small{color:#7a6c71}.invoice-footer{margin-top:38px;padding-top:22px;border-top:1px solid #eadfe2;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#83767a;font-size:.78rem}.invoice-footer strong{color:var(--invoice-primary)}
@media(max-width:760px){.invoice-toolbar{align-items:stretch;flex-direction:column}.invoice-toolbar>div{justify-content:space-between}.invoice-page{padding:0 10px 30px}.invoice-sheet{padding:30px 24px;min-height:0;border-radius:16px}.invoice-header{flex-direction:column}.invoice-title-block{text-align:start;min-width:0;width:100%}.invoice-title-block dl div{justify-content:flex-start}.invoice-parties,.invoice-booking-summary,.invoice-totals-wrap{grid-template-columns:1fr}.invoice-items{overflow-x:auto}.invoice-items table{min-width:650px}.invoice-footer{align-items:flex-start;flex-direction:column}}
@media print{body.invoice-body{background:#fff}.no-print{display:none!important}.invoice-page{padding:0}.invoice-sheet{width:100%;min-height:auto;border-radius:0;box-shadow:none;padding:24mm 18mm}.invoice-sheet:before{width:4mm}@page{size:A4;margin:0}.invoice-parties article,.invoice-booking-summary>div,.invoice-items,.invoice-totals,.invoice-policy-note{break-inside:avoid}}
.booking-estimate{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 16px;padding:14px;border-radius:15px;background:linear-gradient(135deg,rgba(110,23,56,.07),rgba(199,155,87,.10));border:1px solid rgba(110,23,56,.12)}.booking-estimate>div{display:grid;gap:4px}.booking-estimate span{font-size:.76rem;color:#7d6f74}.booking-estimate strong{color:var(--primary,#6e1738);font-size:.94rem}.booking-estimate .ltr-number{font-size:1.06rem}@media(max-width:520px){.booking-estimate{grid-template-columns:1fr}}

/* Paid payment invoice state */
.invoice-paid-badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:max-content;margin:8px 0 2px;margin-inline-start:auto;padding:7px 12px;border:1px solid #b8dfc4;border-radius:999px;background:#edf9f1;color:#19733a;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:none}.invoice-paid-badge>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#23864a;color:#fff;font-family:"Inter",sans-serif;font-size:.76rem}.invoice-sheet-paid{border:1px solid rgba(35,134,74,.18)}.invoice-sheet-paid:after{content:"";position:absolute;inset-inline-end:44px;top:42px;width:92px;height:92px;border:3px double rgba(35,134,74,.13);border-radius:50%;pointer-events:none}.invoice-grand-total.is-paid{background:#237d47}.invoice-sheet-paid .invoice-policy-note{background:#f1faf4;border-color:#aed9bb}.invoice-sheet-paid .invoice-policy-note p{color:#246b3e}@media(max-width:760px){.invoice-paid-badge{margin-inline-start:0}.invoice-sheet-paid:after{display:none}}

/* Public service areas */
.service-areas-public{margin:24px 0;padding:18px;border:1px solid rgba(90,25,43,.1);border-radius:18px;background:linear-gradient(145deg,#fffdf9,#faf4eb)}.service-areas-public-head{display:flex;align-items:flex-start;gap:11px}.service-areas-public-head>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:12px;background:#f0e4d5;color:var(--maroon-700)}.service-areas-public-head .ui-icon{width:18px;height:18px}.service-areas-public-head h2{margin:0;color:var(--maroon-900);font-size:17px}.service-areas-public-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.service-area-all-badge{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:9px 13px;border-radius:999px;background:#eaf7ef;color:#236744;font-size:11px;font-weight:850}.service-area-all-badge .ui-icon{width:16px;height:16px}.service-area-public-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.service-area-public-chips>span{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border:1px solid rgba(90,25,43,.09);border-radius:999px;background:#fff;color:#5f403d;font-size:10.5px;font-weight:800}.service-area-public-chips .ui-icon{width:14px;height:14px;color:var(--maroon-600)}

/* Emirate-specific public service pricing */
.service-price-varies{display:block;margin-top:2px;color:var(--muted);font-size:9px;font-style:normal;font-weight:750}.service-area-price-chips>span{display:grid;grid-template-columns:auto auto;column-gap:6px;row-gap:2px;align-items:center}.service-area-price-chips>span .ui-icon{grid-row:1/3}.service-area-price-chips>span b{font-size:10.5px}.service-area-price-chips>span em{color:var(--maroon-700);font-size:9.5px;font-style:normal;font-weight:900;direction:ltr;unicode-bidi:isolate}.service-area-default-note{margin:10px 2px 0;color:var(--muted);font-size:10px}.booking-estimate{grid-template-columns:repeat(3,1fr)}.booking-estimate>div:first-child{padding-inline-end:8px;border-inline-end:1px solid rgba(110,23,56,.10)}
@media(max-width:680px){.booking-estimate{grid-template-columns:1fr 1fr}.booking-estimate>div:last-child{grid-column:1/-1;padding-top:8px;border-top:1px solid rgba(110,23,56,.10)}.booking-estimate>div:first-child{border-inline-end:0}}

/* Provider social-media username manager */
.provider-social-manager{margin-top:20px;padding:20px;border:1px solid rgba(86,18,34,.12);border-radius:20px;background:linear-gradient(145deg,#fffdf9,#faf4ec)}
.provider-social-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}
.provider-social-heading h3{margin:0;color:var(--maroon-900,#4d0d18);font-size:16px;font-weight:900}
.provider-social-heading p{margin:4px 0 0;color:var(--muted,#7d6a64);font-size:11px;line-height:1.6}
.provider-social-add{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid rgba(110,23,56,.18);border-radius:12px;background:#fff;color:var(--maroon-800,#641425);font:inherit;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap;transition:.2s}
.provider-social-add:hover,.provider-social-add[aria-expanded="true"]{border-color:var(--maroon-700,#7a1b2b);background:var(--maroon-700,#7a1b2b);color:#fff}
.provider-social-add .ui-icon{width:15px;height:15px}
.provider-social-list{display:grid;gap:10px}
.provider-social-row{display:grid;grid-template-columns:42px minmax(110px,.42fr) minmax(190px,1fr) 34px;align-items:center;gap:11px;padding:10px;border:1px solid rgba(86,18,34,.10);border-radius:15px;background:#fff;box-shadow:0 12px 30px -28px rgba(56,8,16,.65)}
.provider-social-row[hidden]{display:none!important}
.provider-social-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f3e9de;color:#66152a;font-family:Arial,sans-serif;font-size:11px;font-weight:900;direction:ltr}
.provider-social-row.platform-instagram .provider-social-mark{background:linear-gradient(135deg,#f8d25c,#d9357a 52%,#6945c6);color:#fff}
.provider-social-row.platform-tiktok .provider-social-mark{background:#111;color:#fff}
.provider-social-row.platform-snapchat .provider-social-mark{background:#ffef4f;color:#111}
.provider-social-row.platform-x .provider-social-mark{background:#111;color:#fff}
.provider-social-row.platform-facebook .provider-social-mark{background:#1877f2;color:#fff;font-size:17px}
.provider-social-row.platform-youtube .provider-social-mark{background:#ff0033;color:#fff}
.provider-social-row.platform-linkedin .provider-social-mark{background:#0a66c2;color:#fff}
.provider-social-row>label{display:grid;gap:1px;cursor:pointer}
.provider-social-row>label strong{color:var(--maroon-900,#4d0d18);font-size:12px}
.provider-social-row>label small{color:var(--muted,#7d6a64);font-size:9px}
.provider-social-username{display:flex;align-items:center;min-width:0;direction:ltr;border:1px solid rgba(86,18,34,.13);border-radius:12px;background:#fff;overflow:hidden;transition:.2s}
.provider-social-username:focus-within{border-color:#8c2639;box-shadow:0 0 0 3px rgba(140,38,57,.10)}
.provider-social-username>span{height:43px;display:grid;place-items:center;padding:0 11px;border-inline-end:1px solid rgba(86,18,34,.10);background:#f8f2ea;color:#7a1b2b;font-weight:900}
.provider-social-username input{width:100%;min-width:0;height:43px;border:0;padding:0 12px;background:transparent;color:#351118;font:inherit;font-size:13px;font-weight:700;outline:0;direction:ltr;text-align:left}
.provider-social-username input::placeholder{color:#b2a29d;font-weight:500}
.provider-social-remove{width:32px;height:32px;border:0;border-radius:9px;background:#fff2f2;color:#a52b38;font-size:18px;cursor:pointer;transition:.2s}
.provider-social-remove:hover{background:#a52b38;color:#fff}
.provider-social-menu{margin-top:12px;padding:13px;border:1px dashed rgba(110,23,56,.20);border-radius:14px;background:#fff}
.provider-social-menu>span{display:block;margin-bottom:9px;color:var(--muted,#7d6a64);font-size:10px;font-weight:800}
.provider-social-menu>div{display:flex;flex-wrap:wrap;gap:7px}
.provider-social-menu button{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(86,18,34,.11);border-radius:10px;background:#fff;color:#5e1725;font:inherit;font-size:10px;font-weight:850;cursor:pointer}
.provider-social-menu button:hover{border-color:#7a1b2b;background:#f9f0e8}
.provider-social-menu button b{min-width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#eee4d9;font-family:Arial,sans-serif;font-size:9px;direction:ltr}
.provider-social-error{min-height:18px;margin:8px 0 0;color:#a52b38;font-size:10px;font-weight:800}
.provider-social-public{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px}
.provider-social-public-link{display:inline-flex;align-items:center;gap:6px;max-width:220px;padding:6px 9px;border:1px solid rgba(86,18,34,.11);border-radius:999px;background:#fff;color:#5c1724;text-decoration:none;font-size:10px;font-weight:800;direction:ltr;transition:.2s}
.provider-social-public-link:hover{transform:translateY(-1px);border-color:#7a1b2b;box-shadow:0 8px 18px -15px rgba(56,8,16,.7)}
.provider-social-public-link b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#efe5da;font-family:Arial,sans-serif;font-size:8px;flex:0 0 auto}
.provider-social-public-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:720px){.provider-social-heading{align-items:stretch;flex-direction:column}.provider-social-add{align-self:flex-start}.provider-social-row{grid-template-columns:40px minmax(0,1fr) 32px}.provider-social-row>label{grid-column:2}.provider-social-username{grid-column:1/-1}.provider-social-remove{grid-column:3;grid-row:1}}

/* Emirate duration-package pricing */
.service-package-public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.service-package-public-grid article{border:1px solid rgba(86,22,44,.11);border-radius:18px;background:#fff;overflow:hidden}
.service-package-public-grid article>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;background:#fbf5ec}
.service-package-public-grid article>header b{color:var(--maroon-900);font-size:13px}.service-package-public-grid article>header span{color:var(--maroon-700);font-size:10px;font-weight:850}
.service-package-public-grid article>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px}
.service-package-public-grid article>div>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:10px;background:#f8f4ef}
.service-package-public-grid article>div b{font-size:9px;color:#66524c}.service-package-public-grid article>div em{font-size:9px;font-style:normal;font-weight:900;color:var(--maroon-800);direction:ltr}
.service-package-public-grid article>div small{grid-column:1/-1;color:var(--muted);font-size:9px;text-align:center}
.booking-card [data-package-submit]:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}
@media(max-width:720px){.service-package-public-grid{grid-template-columns:1fr}}

/* Home steps showcase with client mobile simulation */
.section-steps-showcase{overflow:hidden}
.section-steps-showcase .section-head{margin-bottom:30px}
.section-steps-showcase .steps-showcase{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:34px;align-items:center}
.section-steps-showcase .steps-simulation{position:relative}
.section-steps-showcase .steps-mobile-frame{position:relative;max-width:390px;margin-inline:auto;background:linear-gradient(180deg,#fff7eb,#f7eee1);border:1px solid rgba(56,8,16,.08);border-radius:42px;padding:18px;box-shadow:0 35px 75px -35px rgba(56,8,16,.38)}
.section-steps-showcase .steps-mobile-frame:before{content:"";position:absolute;inset:-14px;border-radius:52px;background:radial-gradient(circle at top right,rgba(190,149,48,.16),transparent 32%),radial-gradient(circle at bottom left,rgba(193,95,115,.12),transparent 30%);z-index:-1}
.section-steps-showcase .steps-mobile-shell{border-radius:34px;padding:13px;background:linear-gradient(160deg,var(--maroon-950),var(--maroon-800));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.section-steps-showcase .steps-mobile-notch{width:108px;height:22px;border-radius:0 0 18px 18px;background:#21070d;margin:0 auto 10px;opacity:.9}
.section-steps-showcase .steps-mobile-screen{position:relative;min-height:660px;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#fffdfa,#f6eee2)}
.section-steps-showcase .steps-mobile-progress{position:absolute;top:16px;left:18px;right:18px;z-index:5;display:flex;justify-content:center;gap:8px}
.section-steps-showcase .steps-mobile-progress span{width:46px;height:5px;border-radius:999px;background:rgba(56,8,16,.14);transition:.35s var(--ease)}
.section-steps-showcase .steps-mobile-progress span.is-active{background:var(--grad-primary);box-shadow:0 6px 14px -8px rgba(143,36,52,.6)}
.section-steps-showcase .steps-mobile-progress span.is-complete{background:rgba(46,118,80,.4)}
.section-steps-showcase .steps-sim-slide{position:absolute;inset:0;padding:52px 24px 24px;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateX(-18px) scale(.985);pointer-events:none;transition:opacity .55s var(--ease),transform .55s var(--ease)}
.section-steps-showcase .steps-sim-slide.is-active{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}
.section-steps-showcase .sim-topbar{display:flex;justify-content:space-between;align-items:center;color:var(--maroon-700);font-size:11px;font-weight:900}
.section-steps-showcase .sim-topbar b{padding:5px 10px;border-radius:999px;background:rgba(190,149,48,.14);color:var(--gold-deep)}
.section-steps-showcase .sim-hero-icon{width:90px;height:90px;border-radius:28px;align-self:center;position:relative;background:linear-gradient(135deg,rgba(193,95,115,.18),rgba(190,149,48,.18))}
.section-steps-showcase .sim-hero-icon:before,.section-steps-showcase .sim-hero-icon:after{content:"";position:absolute;background:var(--maroon-700)}
.section-steps-showcase .sim-register-icon:before{width:26px;height:26px;border-radius:50%;top:19px;left:32px;box-shadow:0 0 0 7px rgba(143,36,52,.1)}
.section-steps-showcase .sim-register-icon:after{width:46px;height:26px;border-radius:18px 18px 12px 12px;bottom:19px;left:22px}
.section-steps-showcase .sim-ui-card,.section-steps-showcase .sim-tracking-card,.section-steps-showcase .sim-note-card{background:#fff;border:1px solid rgba(56,8,16,.08);border-radius:22px;padding:18px;box-shadow:0 16px 26px -22px rgba(56,8,16,.3)}
.section-steps-showcase .sim-ui-card strong,.section-steps-showcase .sim-service-card strong,.section-steps-showcase .sim-tracking-card strong,.section-steps-showcase .sim-note-card strong{display:block;color:var(--maroon-900);font-size:18px;font-family:'Cairo',sans-serif}
.section-steps-showcase .sim-ui-card p,.section-steps-showcase .sim-note-card p{font-size:12px;line-height:1.75;margin-top:5px}
.section-steps-showcase .sim-field-list{display:grid;gap:9px;margin-top:14px}
.section-steps-showcase .sim-field-list li{padding:11px 13px;border-radius:14px;background:var(--bg);border:1px solid rgba(56,8,16,.07);font-size:12px;font-weight:700;color:var(--ink)}
.section-steps-showcase .sim-action-button{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;margin-top:14px;padding:13px 16px;border-radius:999px;background:var(--grad-primary);color:#fff8ef;font-weight:900;font-size:13px;box-shadow:0 14px 24px -18px rgba(122,27,43,.7)}
.section-steps-showcase .sim-service-card{display:grid;grid-template-columns:74px 1fr;gap:14px;align-items:center;padding:15px;background:#fff;border:1px solid rgba(56,8,16,.08);border-radius:22px;box-shadow:0 16px 26px -22px rgba(56,8,16,.3)}
.section-steps-showcase .sim-service-card small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.6}
.section-steps-showcase .sim-service-thumb{height:74px;border-radius:18px;background:linear-gradient(145deg,rgba(143,36,52,.88),rgba(193,95,115,.62));position:relative;overflow:hidden}
.section-steps-showcase .sim-service-thumb:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.28);border-radius:12px}
.section-steps-showcase .sim-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.section-steps-showcase .sim-chip-grid span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;border-radius:16px;background:#fff;border:1px solid rgba(56,8,16,.08);color:var(--maroon-800);font-size:12px;font-weight:800}
.section-steps-showcase .sim-price-summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:18px;background:rgba(190,149,48,.1);color:var(--maroon-800)}
.section-steps-showcase .sim-price-summary strong{font-family:'Cairo',sans-serif;font-size:20px;color:var(--maroon-900)}
.section-steps-showcase .sim-tracking-card{display:grid;gap:11px}
.section-steps-showcase .sim-status-line{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:var(--muted)}
.section-steps-showcase .sim-status-line i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(56,8,16,.18);display:inline-block;position:relative;flex:0 0 auto;background:#fff}
.section-steps-showcase .sim-status-line.is-done i{background:rgba(46,118,80,.12);border-color:rgba(46,118,80,.32)}
.section-steps-showcase .sim-status-line.is-done i:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--success)}
.section-steps-showcase .sim-status-line.is-active{color:var(--maroon-800)}
.section-steps-showcase .sim-status-line.is-active i{border-color:rgba(143,36,52,.35);background:rgba(143,36,52,.12)}
.section-steps-showcase .sim-status-line.is-active i:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--maroon-600)}
.section-steps-showcase .sim-note-card{background:linear-gradient(180deg,#fff,#fbf5eb)}
.section-steps-showcase .steps-sim-slide-complete{justify-content:center;align-items:center;text-align:center;background:linear-gradient(180deg,rgba(143,36,52,.95),rgba(76,16,29,.95));color:#fff7ef;padding-inline:34px}
.section-steps-showcase .steps-sim-slide-complete strong{font-size:30px;color:#fff7ef;font-family:'Aref Ruqaa',serif}
.section-steps-showcase .steps-sim-slide-complete p{max-width:240px;color:#f4ddd7;font-size:14px;line-height:1.85}
.section-steps-showcase .sim-complete-mark{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-size:42px;font-weight:900;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 0 10px rgba(255,255,255,.06)}
.section-steps-showcase .steps-sim-caption{margin-top:18px;padding:18px 20px;border-radius:22px;background:linear-gradient(180deg,#fffdf9,#f9f1e5);border:1px solid rgba(56,8,16,.08);box-shadow:0 18px 28px -24px rgba(56,8,16,.35)}
.section-steps-showcase .steps-sim-caption strong{display:block;color:var(--maroon-900);font-size:20px;font-family:'Aref Ruqaa',serif}
.section-steps-showcase .steps-sim-caption p{margin-top:7px;font-size:13px;line-height:1.8}
.section-steps-showcase .steps-stack{display:grid;gap:16px}
.section-steps-showcase .step-card{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:24px 26px;border-radius:24px;border:1px solid rgba(56,8,16,.1);background:linear-gradient(180deg,#fffdf9,#fff9f1);box-shadow:0 18px 30px -26px rgba(56,8,16,.28);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease)}
.section-steps-showcase .step-card .num{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:rgba(190,149,48,.12);color:var(--gold-deep);font-family:'Aref Ruqaa',serif;font-size:36px;flex:0 0 auto}
.section-steps-showcase .step-card h3{font-size:28px;margin:2px 0 8px;color:var(--maroon-900)}
.section-steps-showcase .step-card p{font-size:14px;line-height:1.9}
.section-steps-showcase .step-card.is-active{transform:translateY(-2px);border-color:rgba(143,36,52,.24);background:linear-gradient(135deg,rgba(143,36,52,.06),rgba(255,255,255,.95));box-shadow:0 22px 38px -26px rgba(56,8,16,.32)}
.section-steps-showcase .step-card.is-active .num{background:var(--grad-primary);color:#fff}
.section-steps-showcase .step-card.is-complete:not(.is-active){border-color:rgba(46,118,80,.18);background:linear-gradient(135deg,rgba(46,118,80,.05),rgba(255,255,255,.96))}
@media(max-width:1080px){.section-steps-showcase .steps-showcase{grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:24px}.section-steps-showcase .step-card h3{font-size:24px}.section-steps-showcase .steps-mobile-screen{min-height:620px}}
@media(max-width:860px){.section-steps-showcase .steps-showcase{grid-template-columns:1fr}.section-steps-showcase .steps-simulation{order:1;max-width:420px;margin-inline:auto}.section-steps-showcase .steps-stack{order:2}.section-steps-showcase .steps-mobile-screen{min-height:600px}}
@media(max-width:560px){.section-steps-showcase .step-card{grid-template-columns:1fr;padding:20px}.section-steps-showcase .step-card .num{width:58px;height:58px;font-size:30px}.section-steps-showcase .step-card h3{font-size:22px}.section-steps-showcase .steps-mobile-frame{padding:14px;border-radius:34px}.section-steps-showcase .steps-mobile-shell{padding:10px;border-radius:28px}.section-steps-showcase .steps-mobile-screen{min-height:570px}.section-steps-showcase .steps-sim-slide{padding:48px 18px 20px}.section-steps-showcase .sim-chip-grid{grid-template-columns:1fr 1fr}.section-steps-showcase .steps-mobile-progress span{width:32px}.section-steps-showcase .steps-sim-caption{padding:16px 17px}}

/* Homepage steps experience v2 */
.section-steps-showcase-v2{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffaf3 0%,#faf4ea 52%,#fffdf9 100%)}
.section-steps-showcase-v2 .wrap{position:relative;z-index:2}
.steps-section-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.steps-section-glow-one{width:460px;height:460px;left:-230px;top:160px;background:radial-gradient(circle,rgba(190,149,48,.16),transparent 70%)}
.steps-section-glow-two{width:520px;height:520px;right:-260px;bottom:-180px;background:radial-gradient(circle,rgba(143,36,52,.11),transparent 70%)}
.steps-section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:48px}
.steps-section-heading h2{font-size:clamp(35px,4.7vw,57px);color:var(--maroon-900)}
.steps-section-heading>p{max-width:500px;font-size:15px;line-height:1.9}
.steps-experience{display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);grid-template-areas:"phone steps";direction:ltr;gap:64px;align-items:center}
.steps-phone-column{grid-area:phone;direction:rtl;position:relative;min-width:0}
.steps-vertical-list{grid-area:steps;direction:rtl;position:relative;display:grid;gap:15px;padding-inline-start:34px;min-width:0}
.steps-phone-orbit{position:absolute;inset:7% -12% 12%;pointer-events:none;z-index:-1}
.steps-phone-orbit:before,.steps-phone-orbit:after,.steps-phone-orbit i{content:"";position:absolute;border-radius:50%;border:1px solid rgba(122,27,43,.10)}
.steps-phone-orbit:before{inset:0}
.steps-phone-orbit:after{inset:11%}
.steps-phone-orbit i:nth-child(1){width:12px;height:12px;border:0;background:var(--gold);top:9%;right:7%;box-shadow:0 0 0 8px rgba(190,149,48,.12)}
.steps-phone-orbit i:nth-child(2){width:8px;height:8px;border:0;background:var(--rose);bottom:15%;left:4%;box-shadow:0 0 0 7px rgba(193,95,115,.10)}
.steps-phone-orbit i:nth-child(3){width:5px;height:5px;border:0;background:var(--maroon-600);top:49%;left:-2%}
.steps-phone-label{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 auto 14px;width:min(100%,372px)}
.steps-phone-label span{display:inline-flex;padding:6px 11px;border-radius:999px;background:#f1e5d5;color:var(--gold-deep);font-size:10px;font-weight:900}
.steps-phone-label strong{color:var(--maroon-900);font-family:'Aref Ruqaa',serif;font-size:21px;text-align:left;transition:opacity .25s ease,transform .25s ease}
.steps-phone-frame{width:min(100%,380px);margin-inline:auto;position:relative}
.steps-phone-frame:before{content:"";position:absolute;inset:8% -20px -7%;border-radius:55px;background:linear-gradient(135deg,rgba(143,36,52,.10),rgba(190,149,48,.12));filter:blur(24px);z-index:-1}
.steps-phone-hardware{padding:10px;border-radius:49px;background:linear-gradient(155deg,#2a080f,#641526 60%,#8b293a);box-shadow:0 38px 65px -34px rgba(56,8,16,.62),inset 0 0 0 1px rgba(255,255,255,.16);position:relative}
.steps-phone-speaker{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:102px;height:25px;border-radius:0 0 19px 19px;background:#25070d;z-index:8;box-shadow:inset 0 -1px 0 rgba(255,255,255,.06)}
.steps-phone-screen{height:692px;border-radius:40px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fffdf9 0%,#f8f0e5 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.steps-phone-status{height:42px;padding:11px 20px 0;display:flex;align-items:flex-start;justify-content:space-between;direction:ltr;color:#4b252a;font:800 9px/1 Arial,sans-serif;position:relative;z-index:10}
.steps-phone-status>div{display:flex;align-items:center;gap:3px}
.steps-phone-status i{display:block;background:#4b252a;border-radius:2px}
.steps-phone-status i:nth-child(1){width:11px;height:6px}
.steps-phone-status i:nth-child(2){width:8px;height:8px;border-radius:50%}
.steps-phone-status i:nth-child(3){width:13px;height:6px;border-radius:2px}
.steps-phone-progress{height:18px;padding:0 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;position:relative;z-index:10}
.steps-phone-progress span{height:4px;border-radius:999px;background:rgba(56,8,16,.12);overflow:hidden;position:relative}
.steps-phone-progress span i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:var(--grad-primary);border-radius:inherit}
html[dir="rtl"] .steps-phone-progress span i{transform-origin:right}
.steps-phone-progress span.is-complete i{transform:scaleX(1)}
.steps-phone-progress span.is-active i{animation:stepsProgressFill 3.25s linear forwards}
@keyframes stepsProgressFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.steps-phone-slide{position:absolute;inset:60px 0 0;padding:17px 21px 23px;display:flex;flex-direction:column;gap:14px;opacity:0;visibility:hidden;transform:translate3d(28px,0,0) scale(.985);transition:opacity .55s var(--ease),transform .55s var(--ease),visibility 0s linear .55s;will-change:transform,opacity}
html[dir="rtl"] .steps-phone-slide{transform:translate3d(-28px,0,0) scale(.985)}
.steps-phone-slide.is-active{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1);transition-delay:0s}
.phone-app-header{display:flex;align-items:center;gap:11px;padding:3px 2px 8px}
.phone-app-header.compact{padding-bottom:5px}
.phone-app-logo{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--grad-primary);color:var(--gold-light);font-family:'Aref Ruqaa',serif;font-size:22px;box-shadow:0 12px 20px -14px rgba(122,27,43,.8)}
.phone-app-header strong,.phone-app-header small{display:block}
.phone-app-header strong{color:var(--maroon-900);font-size:14px}
.phone-app-header small{margin-top:2px;color:var(--muted);font-size:9px}
.phone-back{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:#f1e7db;color:var(--maroon-700);font:900 24px/1 Arial,sans-serif;direction:ltr}
.phone-illustration{height:128px;border-radius:26px;background:linear-gradient(135deg,#f3e6d7,#fff9ee);position:relative;overflow:hidden}
.phone-illustration:before,.phone-illustration:after{content:"";position:absolute;border-radius:50%}
.phone-illustration:before{width:110px;height:110px;right:-22px;top:-29px;background:rgba(190,149,48,.15)}
.phone-illustration:after{width:100px;height:100px;left:-33px;bottom:-46px;background:rgba(193,95,115,.14)}
.phone-illustration-user span{position:absolute;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#6f1728,#a7384b);left:50%;top:24px;transform:translateX(-50%);box-shadow:0 0 0 10px rgba(143,36,52,.08)}
.phone-illustration-user span:after{content:"";position:absolute;width:92px;height:50px;border-radius:48px 48px 18px 18px;background:linear-gradient(145deg,#6f1728,#a7384b);left:50%;top:54px;transform:translateX(-50%)}
.phone-form-card{display:grid;gap:9px;padding:16px;border:1px solid rgba(56,8,16,.07);border-radius:22px;background:#fff;box-shadow:0 19px 28px -26px rgba(56,8,16,.38)}
.phone-form-card label{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:9px 12px;border-radius:13px;background:#faf5ed;border:1px solid rgba(56,8,16,.06);color:#6c514a;font-size:9px;font-weight:800}
.phone-form-card label i{width:78px;height:6px;border-radius:999px;background:#e5d8ca}
.phone-primary-action{min-height:43px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--grad-primary);color:#fff9ef;font-size:11px;box-shadow:0 15px 24px -18px rgba(122,27,43,.78)}
.phone-service-preview{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px;border:1px solid rgba(56,8,16,.07);border-radius:20px;background:#fff;box-shadow:0 16px 26px -24px rgba(56,8,16,.35)}
.phone-service-image{height:76px;border-radius:16px;background:linear-gradient(145deg,#4f111e,#9d3447);position:relative;overflow:hidden}
.phone-service-image:before{content:"";position:absolute;inset:11px 12px 22px;border:2px solid rgba(255,255,255,.65);border-top-width:8px;border-radius:7px}
.phone-service-image:after{content:"";position:absolute;left:14px;right:14px;bottom:13px;height:8px;border-radius:4px;background:rgba(233,211,160,.8)}
.phone-service-preview strong,.phone-service-preview small,.phone-service-preview span{display:block}
.phone-service-preview strong{color:var(--maroon-900);font-size:11px}
.phone-service-preview small{margin:3px 0;color:var(--muted);font-size:8px;line-height:1.5}
.phone-service-preview span{color:var(--gold-deep);font-size:9px;font-weight:900}
.phone-booking-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.phone-booking-options div{padding:11px 12px;border-radius:15px;background:#fff;border:1px solid rgba(56,8,16,.07)}
.phone-booking-options div:last-child{grid-column:1/-1}
.phone-booking-options small,.phone-booking-options strong{display:block}
.phone-booking-options small{color:var(--muted);font-size:8px}
.phone-booking-options strong{margin-top:2px;color:var(--maroon-900);font-size:10px}
.phone-total-row{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-radius:17px;background:linear-gradient(135deg,rgba(190,149,48,.13),rgba(255,255,255,.82));color:var(--maroon-800);font-size:10px;font-weight:800}
.phone-total-row strong{font-size:17px;direction:ltr}
.phone-tracking-status{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:16px;background:#fff5de;color:var(--gold-deep);font-size:10px;font-weight:900}
.phone-tracking-status i{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(190,149,48,.13)}
.phone-timeline{display:grid;gap:0;padding:10px 14px;border-radius:21px;background:#fff;border:1px solid rgba(56,8,16,.07)}
.phone-timeline>div{display:grid;grid-template-columns:25px 1fr;gap:10px;min-height:72px;position:relative}
.phone-timeline>div:not(:last-child):after{content:"";position:absolute;top:24px;bottom:-4px;right:11px;width:1px;background:#ddd1c5}
html[dir="ltr"] .phone-timeline>div:not(:last-child):after{right:auto;left:11px}
.phone-timeline i{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#f3ece3;border:1px solid #ddcec0;color:#fff;font:900 9px Arial,sans-serif;position:relative;z-index:2}
.phone-timeline .is-complete i{background:var(--success);border-color:var(--success)}
.phone-timeline .is-current i{background:var(--maroon-600);border-color:var(--maroon-600);box-shadow:0 0 0 6px rgba(122,27,43,.1)}
.phone-timeline strong,.phone-timeline small{display:block}
.phone-timeline strong{color:var(--maroon-900);font-size:10px}
.phone-timeline small{margin-top:2px;color:var(--muted);font-size:8px;line-height:1.55}
.phone-notification-card{display:flex;align-items:center;gap:11px;padding:13px;border-radius:18px;background:linear-gradient(135deg,#edf8f1,#fff);border:1px solid rgba(46,118,80,.13)}
.phone-notification-card>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--success);color:#fff;font-weight:900}
.phone-notification-card strong,.phone-notification-card small{display:block}
.phone-notification-card strong{color:#235b3d;font-size:10px}
.phone-notification-card small{margin-top:2px;color:#56806b;font-size:8px;line-height:1.5}
.steps-phone-success{inset:42px 0 0;justify-content:center;align-items:center;text-align:center;padding:50px 30px;background:linear-gradient(160deg,#48101c,#7d2032 52%,#a43d50);color:#fff;overflow:hidden}
.steps-phone-success:before,.steps-phone-success:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09)}
.steps-phone-success:before{width:330px;height:330px;top:-130px;right:-120px}
.steps-phone-success:after{width:280px;height:280px;bottom:-130px;left:-100px}
.success-confetti{position:absolute;inset:0;pointer-events:none}
.success-confetti i{position:absolute;width:7px;height:18px;border-radius:4px;background:var(--gold-light);animation:successFloat 2.6s ease-in-out infinite alternate}
.success-confetti i:nth-child(1){top:15%;left:16%;transform:rotate(24deg)}.success-confetti i:nth-child(2){top:22%;right:14%;background:#fff;transform:rotate(-32deg);animation-delay:.2s}.success-confetti i:nth-child(3){top:46%;left:9%;background:#d58da0;transform:rotate(62deg);animation-delay:.45s}.success-confetti i:nth-child(4){top:53%;right:10%;transform:rotate(-70deg);animation-delay:.65s}.success-confetti i:nth-child(5){bottom:18%;left:20%;background:#fff;transform:rotate(10deg);animation-delay:.9s}.success-confetti i:nth-child(6){bottom:13%;right:22%;background:#d58da0;transform:rotate(-16deg);animation-delay:1.1s}
@keyframes successFloat{to{translate:0 10px;rotate:18deg}}
.success-check{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 0 0 11px rgba(255,255,255,.06),0 20px 35px -22px rgba(0,0,0,.6);position:relative;z-index:2}
.success-check span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--success);font:900 29px Arial,sans-serif}
.steps-phone-success>strong{font-family:'Aref Ruqaa',serif;font-size:30px;color:#fff;position:relative;z-index:2}
.steps-phone-success>p{max-width:250px;color:#f1d9d3;font-size:11px;line-height:1.9;position:relative;z-index:2}
.success-booking-code{width:100%;padding:12px 14px;border-radius:17px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);position:relative;z-index:2}
.success-booking-code small,.success-booking-code b{display:block}.success-booking-code small{color:#eaccc4;font-size:8px}.success-booking-code b{margin-top:3px;direction:ltr;color:#fff;font-size:12px}
.success-dashboard-button{display:flex;align-items:center;justify-content:center;min-height:43px;width:100%;border-radius:999px;background:#fff;color:var(--maroon-700);font-size:11px;font-weight:900;position:relative;z-index:2}
.steps-phone-caption{width:min(100%,372px);margin:15px auto 0;text-align:center}
.steps-phone-caption p{min-height:49px;font-size:12px;line-height:1.8;transition:opacity .22s ease,transform .22s ease}
.steps-phone-caption>span{display:inline-flex;align-items:center;gap:6px;color:#997e70;font-size:9px;font-weight:800}
.steps-phone-caption>span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(46,118,80,.1)}
.steps-timeline-rail{position:absolute;top:42px;bottom:116px;right:0;width:3px;border-radius:999px;background:rgba(56,8,16,.09);overflow:hidden}
html[dir="ltr"] .steps-timeline-rail{right:auto;left:0}
.steps-timeline-rail span{display:block;width:100%;height:0;background:var(--grad-primary);border-radius:inherit;transition:height .55s var(--ease)}
.steps-vertical-card{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;text-align:inherit;border:1px solid rgba(56,8,16,.09);border-radius:24px;padding:21px 22px;background:rgba(255,253,249,.84);box-shadow:0 18px 34px -30px rgba(56,8,16,.36);transition:transform .3s var(--ease),border-color .3s ease,background .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.steps-vertical-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--grad-primary);transform:scaleY(0);transition:transform .35s var(--ease);transform-origin:center}
.steps-vertical-card:hover{transform:translateY(-2px);border-color:rgba(143,36,52,.2)}
.steps-vertical-card.is-active{background:linear-gradient(135deg,#fff,#f9eee6);border-color:rgba(143,36,52,.25);box-shadow:0 25px 42px -30px rgba(56,8,16,.46)}
.steps-vertical-card.is-active:before{transform:scaleY(1)}
.steps-vertical-card.is-complete{border-color:rgba(46,118,80,.18);background:linear-gradient(135deg,#fff,#f3faf5)}
.steps-card-number{width:61px;height:61px;border-radius:19px;display:grid;place-items:center;background:#f1e5d8;color:var(--gold-deep);font-family:'Aref Ruqaa',serif;font-size:31px;font-weight:700;transition:.3s var(--ease)}
.steps-vertical-card.is-active .steps-card-number{background:var(--grad-primary);color:#fff;box-shadow:0 15px 25px -17px rgba(122,27,43,.75)}
.steps-vertical-card.is-complete .steps-card-number{background:rgba(46,118,80,.12);color:var(--success)}
.steps-card-content{display:block;min-width:0}
.steps-card-content small,.steps-card-content strong,.steps-card-content em{display:block}
.steps-card-content small{color:var(--gold-deep);font-size:9px;font-weight:900;letter-spacing:.04em}
.steps-card-content strong{margin:2px 0 5px;color:var(--maroon-900);font-family:'Aref Ruqaa',serif;font-size:26px}
.steps-card-content em{color:var(--muted);font-size:12px;line-height:1.8;font-style:normal}
.steps-card-state{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(56,8,16,.10);background:#fff}
.steps-card-state i{width:8px;height:8px;border-radius:50%;background:#d2c2b7}
.steps-vertical-card.is-active .steps-card-state{border-color:rgba(143,36,52,.2);background:rgba(143,36,52,.08)}
.steps-vertical-card.is-active .steps-card-state i{background:var(--maroon-600);box-shadow:0 0 0 5px rgba(143,36,52,.11)}
.steps-vertical-card.is-complete .steps-card-state{background:var(--success);border-color:var(--success)}
.steps-vertical-card.is-complete .steps-card-state i{width:12px;height:7px;border-radius:0;border-left:2px solid #fff;border-bottom:2px solid #fff;background:transparent;transform:rotate(-45deg) translateY(-1px)}
html[dir="ltr"] .steps-vertical-card.is-complete .steps-card-state i{transform:rotate(-45deg) translateY(-1px)}
.steps-final-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:4px;padding:17px 18px;border-radius:22px;background:var(--grad-dark);color:#fff;box-shadow:0 25px 45px -30px rgba(56,8,16,.6)}
.steps-final-note>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(233,211,160,.16);color:var(--gold-light);font-weight:900}
.steps-final-note strong,.steps-final-note p{display:block}.steps-final-note strong{font-size:12px}.steps-final-note p{margin-top:2px;color:#d9c3bc;font-size:9px}.steps-final-note .btn{white-space:nowrap}
@media(max-width:1100px){.steps-experience{grid-template-columns:minmax(315px,365px) minmax(0,1fr);gap:38px}.steps-phone-screen{height:650px}.steps-card-content strong{font-size:23px}.steps-vertical-card{padding:18px}.steps-final-note{grid-template-columns:auto 1fr}.steps-final-note .btn{grid-column:1/-1;width:100%}}
@media(max-width:850px){.steps-section-heading{align-items:flex-start;flex-direction:column;margin-bottom:36px}.steps-section-heading>p{max-width:650px}.steps-experience{grid-template-columns:1fr;grid-template-areas:"steps" "phone";gap:42px}.steps-vertical-list{padding-inline-start:27px}.steps-phone-column{width:min(100%,430px);margin-inline:auto}.steps-phone-screen{height:665px}}
@media(max-width:560px){.section-steps-showcase-v2{padding-block:76px}.steps-section-heading h2{font-size:35px}.steps-vertical-list{padding-inline-start:0}.steps-timeline-rail{display:none}.steps-vertical-card{grid-template-columns:auto minmax(0,1fr);gap:13px;padding:17px;border-radius:19px}.steps-card-number{width:49px;height:49px;border-radius:15px;font-size:25px}.steps-card-content strong{font-size:21px}.steps-card-content em{font-size:11px}.steps-card-state{display:none}.steps-phone-label{align-items:flex-start;flex-direction:column}.steps-phone-label strong{text-align:inherit}.steps-phone-frame{max-width:350px}.steps-phone-screen{height:625px;border-radius:34px}.steps-phone-hardware{border-radius:42px}.steps-phone-slide{padding-inline:17px}.steps-final-note{grid-template-columns:auto 1fr;padding:15px}.phone-service-preview{grid-template-columns:67px 1fr}.phone-service-image{height:67px}}
@media(prefers-reduced-motion:reduce){.steps-phone-slide,.steps-vertical-card,.steps-timeline-rail span,.steps-phone-label strong,.steps-phone-caption p{transition:none!important}.steps-phone-progress span.is-active i{animation-duration:5s}}


/* Homepage steps simulation v3 */
.section-steps-showcase-v2{padding-block:96px;background:
  radial-gradient(circle at 8% 38%,rgba(190,149,48,.11),transparent 24%),
  radial-gradient(circle at 92% 74%,rgba(122,27,43,.08),transparent 27%),
  linear-gradient(180deg,#fffdf9 0%,#f8f0e6 52%,#fffdf9 100%)}
.section-steps-showcase-v2 .wrap{max-width:1240px}
.steps-section-heading{margin-bottom:44px;padding-bottom:25px;border-bottom:1px solid rgba(56,8,16,.08)}
.steps-section-heading>p{max-width:540px;color:#806b63}
.steps-experience{grid-template-columns:minmax(310px,370px) minmax(0,1fr);gap:58px;align-items:start}
.steps-phone-column{padding:20px 18px 18px;border:1px solid rgba(56,8,16,.08);border-radius:34px;background:rgba(255,253,249,.72);box-shadow:0 35px 70px -55px rgba(56,8,16,.6);backdrop-filter:blur(12px)}
.steps-phone-orbit{inset:12% -7% 10%;opacity:.7}
.steps-phone-label{width:min(100%,334px);margin-bottom:13px;align-items:center}
.steps-phone-label strong{font-size:19px}
.steps-phone-frame{width:min(100%,342px)}
.steps-phone-frame:before{inset:9% -14px -5%;filter:blur(20px)}
.steps-phone-hardware{padding:8px;border-radius:43px;transition:transform .7s var(--ease),box-shadow .7s ease}
.steps-experience.is-running .steps-phone-hardware{animation:stepsPhoneFloat 5.4s ease-in-out infinite}
.steps-phone-screen{height:584px;border-radius:35px}
.steps-phone-speaker{top:14px;width:91px;height:22px}
.steps-phone-status{height:38px;padding-top:10px}
.steps-phone-progress{padding-inline:19px;height:16px}
.steps-phone-progress span.is-active i{animation-duration:4.2s}
.steps-phone-slide{inset:54px 0 0;padding:15px 18px 19px;gap:12px;transform:translate3d(34px,0,0) scale(.975);filter:blur(2px);transition:opacity .58s var(--ease),transform .58s var(--ease),filter .58s ease,visibility 0s linear .58s}
html[dir="rtl"] .steps-phone-slide{transform:translate3d(-34px,0,0) scale(.975)}
.steps-phone-slide.is-before{transform:translate3d(-34px,0,0) scale(.975)}
html[dir="rtl"] .steps-phone-slide.is-before{transform:translate3d(34px,0,0) scale(.975)}
.steps-phone-slide.is-active{transform:none;filter:none}
.steps-phone-slide.is-active>*{animation:stepsElementIn .58s both}
.steps-phone-slide.is-active>*:nth-child(2){animation-delay:.07s}
.steps-phone-slide.is-active>*:nth-child(3){animation-delay:.14s}
.steps-phone-slide.is-active>*:nth-child(4){animation-delay:.21s}
.steps-phone-slide.is-active>*:nth-child(5){animation-delay:.28s}
.phone-illustration{height:106px}
.phone-form-card{padding:13px;gap:7px}
.phone-form-card label{min-height:38px}
.phone-primary-action{min-height:39px}
.phone-service-image{height:67px}
.phone-service-preview{grid-template-columns:67px minmax(0,1fr);padding:10px}
.steps-phone-success{inset:38px 0 0;padding:42px 27px}
.steps-phone-success.is-active .success-check{animation:successCheckPop .7s .1s both}
.steps-phone-caption{width:min(100%,334px);margin-top:12px}
.steps-phone-caption p{min-height:43px;margin:0;color:#6f5d56}
.steps-phone-caption>span{margin-top:3px}
.steps-experience.is-caption-changing .steps-phone-label strong,
.steps-experience.is-caption-changing .steps-phone-caption p{opacity:0;transform:translateY(5px)}
.steps-vertical-list{gap:12px;padding-inline-start:30px}
.steps-timeline-rail{top:35px;bottom:112px}
.steps-vertical-card{min-height:120px;padding:18px 20px;border-radius:22px;cursor:pointer;background:rgba(255,255,255,.78)}
.steps-vertical-card:hover{transform:translateY(-3px);box-shadow:0 25px 42px -32px rgba(56,8,16,.48)}
.steps-vertical-card.is-active{transform:translateX(-5px);background:linear-gradient(135deg,#fff,#f7e8df)}
html[dir="ltr"] .steps-vertical-card.is-active{transform:translateX(5px)}
.steps-card-number{width:55px;height:55px;border-radius:17px;font-size:28px}
.steps-card-content strong{font-size:24px}
.steps-card-content em{max-width:660px}
.steps-card-state{position:relative}
.steps-vertical-card.is-active .steps-card-state:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(122,27,43,.16);border-radius:50%;animation:stepsStatePulse 1.8s ease-out infinite}
.steps-final-note{cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s ease,background .3s ease}
.steps-final-note:hover,.steps-final-note.is-active{transform:translateY(-3px);box-shadow:0 30px 52px -30px rgba(56,8,16,.75)}
.steps-final-note.is-active{background:linear-gradient(135deg,#235a3c,#2f7650)}
.steps-final-note.is-active>span{background:rgba(255,255,255,.18);color:#fff}
@keyframes stepsPhoneFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.25deg)}}
@keyframes stepsElementIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes successCheckPop{0%{opacity:0;transform:scale(.55) rotate(-12deg)}65%{transform:scale(1.08) rotate(2deg)}100%{opacity:1;transform:scale(1)}}
@keyframes stepsStatePulse{0%{opacity:.8;transform:scale(.75)}100%{opacity:0;transform:scale(1.35)}}
@media(max-width:1050px){
  .steps-experience{grid-template-columns:minmax(285px,335px) minmax(0,1fr);gap:35px}
  .steps-phone-column{padding-inline:13px}
  .steps-phone-screen{height:560px}
  .steps-vertical-card{min-height:112px;padding:16px 17px}
}
@media(max-width:850px){
  .section-steps-showcase-v2{padding-block:76px}
  .steps-experience{grid-template-areas:"phone" "steps";gap:34px}
  .steps-phone-column{width:min(100%,390px)}
  .steps-vertical-list{padding-inline-start:24px}
}
@media(max-width:560px){
  .steps-section-heading{margin-bottom:28px}
  .steps-phone-column{padding:14px 10px;border-radius:25px}
  .steps-phone-frame{max-width:318px}
  .steps-phone-screen{height:545px;border-radius:31px}
  .steps-phone-hardware{border-radius:38px}
  .steps-vertical-card{min-height:0}
  .steps-final-note{grid-template-columns:auto minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .steps-experience.is-running .steps-phone-hardware,
  .steps-phone-slide.is-active>*,
  .steps-phone-success.is-active .success-check,
  .steps-vertical-card.is-active .steps-card-state:after{animation:none!important}
}


/* Homepage steps simulation v4: safe phone content and reliable autoplay */
.steps-phone-screen{
  isolation:isolate;
  overflow:hidden;
}
.steps-phone-slide{
  left:8px;
  right:8px;
  width:auto;
  min-width:0;
  padding-inline:12px;
  overflow-x:hidden;
}
.steps-phone-slide > *,
.phone-app-header,
.phone-illustration,
.phone-form-card,
.phone-service-preview,
.phone-booking-options,
.phone-total-row,
.phone-tracking-status,
.phone-timeline,
.phone-notification-card{
  width:100%;
  max-width:100%;
  min-width:0;
}
.phone-form-card,
.phone-form-card label,
.phone-booking-options div,
.phone-service-preview,
.phone-notification-card{
  overflow:hidden;
}
.steps-phone-slide.is-active{
  left:8px;
  right:8px;
}
@media(max-width:560px){
  .steps-phone-slide,
  .steps-phone-slide.is-active{
    left:6px;
    right:6px;
    padding-inline:10px;
  }
  .phone-form-card{padding-inline:11px}
  .phone-form-card label{padding-inline:10px}
}


/* Homepage steps simulation v5: compact safe phone and unconditional autoplay */
.section-steps-showcase-v2 .steps-phone-column{
  width:100%;
  min-width:0;
  overflow:visible;
}
.section-steps-showcase-v2 .steps-phone-frame{
  width:min(100%,310px)!important;
  max-width:310px!important;
  margin-inline:auto!important;
  box-sizing:border-box;
}
.section-steps-showcase-v2 .steps-phone-hardware,
.section-steps-showcase-v2 .steps-phone-screen{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
.section-steps-showcase-v2 .steps-phone-hardware{
  padding:7px;
}
.section-steps-showcase-v2 .steps-phone-screen{
  height:552px;
}
.section-steps-showcase-v2 .steps-phone-slide,
.section-steps-showcase-v2 .steps-phone-slide.is-active{
  inset:52px 10px 0!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  padding:13px 11px 17px!important;
  box-sizing:border-box;
  overflow:hidden;
}
.section-steps-showcase-v2 .steps-phone-slide > *,
.section-steps-showcase-v2 .phone-app-header,
.section-steps-showcase-v2 .phone-illustration,
.section-steps-showcase-v2 .phone-form-card,
.section-steps-showcase-v2 .phone-form-card label,
.section-steps-showcase-v2 .phone-service-preview,
.section-steps-showcase-v2 .phone-booking-options,
.section-steps-showcase-v2 .phone-booking-options > div,
.section-steps-showcase-v2 .phone-total-row,
.section-steps-showcase-v2 .phone-tracking-status,
.section-steps-showcase-v2 .phone-timeline,
.section-steps-showcase-v2 .phone-notification-card{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
.section-steps-showcase-v2 .phone-form-card{
  padding:11px;
  gap:7px;
}
.section-steps-showcase-v2 .phone-form-card label{
  padding-inline:10px;
}
.section-steps-showcase-v2 .phone-form-card label i{
  width:64px;
  max-width:34%;
  flex:0 1 64px;
}
.section-steps-showcase-v2 .phone-app-header > div,
.section-steps-showcase-v2 .phone-service-preview > div,
.section-steps-showcase-v2 .phone-notification-card > div,
.section-steps-showcase-v2 .phone-timeline span{
  min-width:0;
}
.section-steps-showcase-v2 .steps-phone-progress span.is-active i{
  animation-duration:3.6s!important;
}
@media(max-width:560px){
  .section-steps-showcase-v2 .steps-phone-column{
    padding-inline:8px;
  }
  .section-steps-showcase-v2 .steps-phone-frame{
    width:min(100%,286px)!important;
    max-width:286px!important;
  }
  .section-steps-showcase-v2 .steps-phone-screen{
    height:526px;
  }
  .section-steps-showcase-v2 .steps-phone-slide,
  .section-steps-showcase-v2 .steps-phone-slide.is-active{
    inset:49px 8px 0!important;
    padding:11px 9px 15px!important;
  }
  .section-steps-showcase-v2 .phone-illustration{
    height:94px;
  }
}


/* Homepage steps simulation v6: centered phone content + staggered element entrances */
.section-steps-showcase-v2 .steps-phone-screen{
  position:relative;
  overflow:hidden;
}
.section-steps-showcase-v2 .steps-phone-slide,
.section-steps-showcase-v2 .steps-phone-slide.is-active{
  top:52px!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:16px 22px 20px!important;
  box-sizing:border-box!important;
  align-items:stretch;
  justify-content:flex-start;
  overflow:hidden;
}
.section-steps-showcase-v2 .steps-phone-slide > *{
  width:100%;
  max-width:100%;
  min-width:0;
  margin-inline:auto;
  box-sizing:border-box;
}
.section-steps-showcase-v2 .phone-app-header,
.section-steps-showcase-v2 .phone-form-card,
.section-steps-showcase-v2 .phone-service-preview,
.section-steps-showcase-v2 .phone-booking-options,
.section-steps-showcase-v2 .phone-total-row,
.section-steps-showcase-v2 .phone-tracking-status,
.section-steps-showcase-v2 .phone-timeline,
.section-steps-showcase-v2 .phone-notification-card{
  margin-inline:auto;
}
.section-steps-showcase-v2 .phone-app-header{
  justify-content:center;
  text-align:start;
}
.section-steps-showcase-v2 .phone-illustration{
  align-self:center;
  flex:0 0 auto;
}
.section-steps-showcase-v2 .steps-phone-success,
.section-steps-showcase-v2 .steps-phone-success.is-active{
  top:52px!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:none!important;
  padding:42px 26px 32px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:0 0 29px 29px;
}
.section-steps-showcase-v2 .steps-phone-success > strong,
.section-steps-showcase-v2 .steps-phone-success > p,
.section-steps-showcase-v2 .success-booking-code,
.section-steps-showcase-v2 .success-dashboard-button{
  width:min(100%,260px)!important;
  margin-inline:auto!important;
}
.section-steps-showcase-v2 .success-confetti{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  pointer-events:none;
}
.section-steps-showcase-v2 .sim-enter-item{
  will-change:transform,opacity,filter;
}
.section-steps-showcase-v2 .steps-phone-slide.is-active.is-entering .sim-enter-item{
  animation:stepsPhoneItemEnter .64s cubic-bezier(.2,.78,.22,1) both;
  animation-delay:var(--sim-delay,0ms);
}
.section-steps-showcase-v2 .steps-phone-slide.is-active.is-entering .phone-primary-action{
  animation-name:stepsPhoneActionEnter;
}
.section-steps-showcase-v2 .steps-phone-slide.is-active.is-entering .success-check{
  animation-name:stepsPhoneSuccessEnter;
  animation-duration:.78s;
}
.section-steps-showcase-v2 .steps-phone-slide.is-active.is-entering .success-confetti i{
  animation:stepsConfettiEnter .8s cubic-bezier(.16,.8,.24,1) both;
  animation-delay:var(--sim-delay,0ms);
}
@keyframes stepsPhoneItemEnter{
  0%{opacity:0;transform:translate3d(0,18px,0) scale(.965);filter:blur(3px)}
  65%{opacity:1;filter:blur(0)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none}
}
@keyframes stepsPhoneActionEnter{
  0%{opacity:0;transform:translate3d(0,16px,0) scale(.9)}
  70%{opacity:1;transform:translate3d(0,-2px,0) scale(1.025)}
  100%{opacity:1;transform:none}
}
@keyframes stepsPhoneSuccessEnter{
  0%{opacity:0;transform:scale(.45) rotate(-10deg)}
  60%{opacity:1;transform:scale(1.12) rotate(3deg)}
  100%{opacity:1;transform:scale(1) rotate(0)}
}
@keyframes stepsConfettiEnter{
  0%{opacity:0;transform:translateY(-16px) rotate(-25deg) scale(.6)}
  55%{opacity:1}
  100%{opacity:.95;transform:translateY(0) rotate(0) scale(1)}
}
@media(max-width:560px){
  .section-steps-showcase-v2 .steps-phone-slide,
  .section-steps-showcase-v2 .steps-phone-slide.is-active{
    top:49px!important;
    padding:13px 18px 17px!important;
  }
  .section-steps-showcase-v2 .steps-phone-success,
  .section-steps-showcase-v2 .steps-phone-success.is-active{
    top:49px!important;
    padding:34px 22px 27px!important;
    border-radius:0 0 25px 25px;
  }
}
@media(prefers-reduced-motion:reduce){
  .section-steps-showcase-v2 .steps-phone-slide.is-active.is-entering .sim-enter-item,
  .section-steps-showcase-v2 .steps-phone-slide.is-active.is-entering .success-confetti i{
    animation-duration:.01ms!important;
    animation-delay:0ms!important;
  }
}


/* Homepage steps simulation v7: dedicated full-width slide stage */
.section-steps-showcase-v2 .steps-phone-screen{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
}
.section-steps-showcase-v2 .steps-phone-stage{
  position:absolute;
  top:52px;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  max-width:none;
  min-width:0;
  overflow:hidden;
  direction:ltr;
  box-sizing:border-box;
}
.section-steps-showcase-v2 .steps-phone-stage .steps-phone-slide,
.section-steps-showcase-v2 .steps-phone-stage .steps-phone-slide.is-active{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  right:auto!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:100%!important;
  margin:0!important;
  padding:16px 20px 20px!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:none;
  align-items:stretch;
}
.section-steps-showcase-v2 .steps-phone-stage .steps-phone-slide::-webkit-scrollbar{display:none}
html[dir="rtl"] .section-steps-showcase-v2 .steps-phone-stage .steps-phone-slide{direction:rtl}
html[dir="ltr"] .section-steps-showcase-v2 .steps-phone-stage .steps-phone-slide{direction:ltr}
.section-steps-showcase-v2 .steps-phone-stage .steps-phone-slide > *{
  width:100%;
  max-width:100%;
  min-width:0;
  margin-inline:auto;
  box-sizing:border-box;
}
.section-steps-showcase-v2 .steps-phone-stage .steps-phone-success,
.section-steps-showcase-v2 .steps-phone-stage .steps-phone-success.is-active{
  left:0!important;
  right:auto!important;
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  padding:38px 24px 30px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
  border-radius:0 0 29px 29px;
}
.section-steps-showcase-v2 .steps-phone-stage .steps-phone-success > strong,
.section-steps-showcase-v2 .steps-phone-stage .steps-phone-success > p,
.section-steps-showcase-v2 .steps-phone-stage .success-booking-code,
.section-steps-showcase-v2 .steps-phone-stage .success-dashboard-button{
  width:min(100%,250px)!important;
  max-width:250px!important;
  margin-inline:auto!important;
  text-align:center!important;
}
.section-steps-showcase-v2 .steps-phone-stage .phone-app-header,
.section-steps-showcase-v2 .steps-phone-stage .phone-form-card,
.section-steps-showcase-v2 .steps-phone-stage .phone-service-preview,
.section-steps-showcase-v2 .steps-phone-stage .phone-booking-options,
.section-steps-showcase-v2 .steps-phone-stage .phone-total-row,
.section-steps-showcase-v2 .steps-phone-stage .phone-tracking-status,
.section-steps-showcase-v2 .steps-phone-stage .phone-timeline,
.section-steps-showcase-v2 .steps-phone-stage .phone-notification-card{
  margin-inline:auto!important;
}
@media(max-width:560px){
  .section-steps-showcase-v2 .steps-phone-stage{top:49px}
  .section-steps-showcase-v2 .steps-phone-stage .steps-phone-slide,
  .section-steps-showcase-v2 .steps-phone-stage .steps-phone-slide.is-active{
    padding:13px 16px 17px!important;
  }
  .section-steps-showcase-v2 .steps-phone-stage .steps-phone-success,
  .section-steps-showcase-v2 .steps-phone-stage .steps-phone-success.is-active{
    padding:31px 20px 25px!important;
    border-radius:0 0 25px 25px;
  }
}

/* Homepage client journey simulation v8 — isolated component */
.journey-v8{position:relative;overflow:hidden;padding-block:100px;background:linear-gradient(180deg,#fffaf3 0%,#f8f0e5 52%,#fffdf9 100%)}
.journey-v8 .wrap{position:relative;z-index:2;max-width:1240px}
.journey-v8-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.journey-v8-glow-a{width:430px;height:430px;inset-inline-start:-190px;top:16%;background:radial-gradient(circle,rgba(143,36,52,.13),transparent 70%)}
.journey-v8-glow-b{width:390px;height:390px;inset-inline-end:-150px;bottom:-130px;background:radial-gradient(circle,rgba(190,149,48,.18),transparent 70%)}
.journey-v8-heading{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:52px}
.journey-v8-heading h2{margin:7px 0 0;font-size:clamp(34px,4.2vw,56px);color:var(--maroon-900)}
.journey-v8-heading>p{max-width:510px;margin:0;color:var(--muted);font-size:15px;line-height:1.9}
.journey-v8-grid{display:grid;grid-template-columns:minmax(310px,380px) minmax(0,1fr);grid-template-areas:"phone steps";direction:ltr;gap:72px;align-items:center}
.journey-v8-phone-column{grid-area:phone;width:100%;max-width:380px;margin-inline:auto;direction:rtl}
html[dir="ltr"] .journey-v8-phone-column{direction:ltr}
.journey-v8-phone-label{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 8px 14px}
.journey-v8-phone-label span{color:var(--maroon-900);font-size:13px;font-weight:900}
.journey-v8-phone-label small{color:var(--muted);font-size:9px;text-align:end}
.journey-v8-device{position:relative;width:100%;aspect-ratio:360/700;padding:16px 12px 14px;border:7px solid #3b0811;border-radius:47px;background:#fffdf9;box-shadow:0 38px 70px -35px rgba(56,8,16,.58),inset 0 0 0 1px rgba(255,255,255,.7);overflow:hidden;isolation:isolate}
.journey-v8-device:before{content:"";position:absolute;z-index:6;top:0;left:50%;width:116px;height:29px;transform:translateX(-50%);border-radius:0 0 18px 18px;background:#3b0811}
.journey-v8-device-top{position:relative;z-index:7;height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#3b0811;direction:ltr}
.journey-v8-device-top b{font:800 10px/1 Arial,sans-serif}.journey-v8-device-top>i{width:0}.journey-v8-device-top>span{display:flex;align-items:center;gap:4px}.journey-v8-device-top em{display:block;width:9px;height:6px;border-radius:2px;background:#5e2931}
.journey-v8-progress{position:relative;z-index:7;height:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:5px 10px 7px}
.journey-v8-progress span{height:4px;border-radius:99px;background:#e9ded8;overflow:hidden}.journey-v8-progress span i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#741426,#b02f48)}
.journey-v8-progress span.is-complete i{width:100%}.journey-v8-progress span.is-active i{animation:jv8Progress 4.5s linear forwards}
@keyframes jv8Progress{from{width:0}to{width:100%}}
.journey-v8-viewport{position:absolute;z-index:2;inset:67px 12px 14px;border-radius:0 0 31px 31px;overflow:hidden;background:#fbf6ef}
.journey-v8-slide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;height:100%;padding:24px 20px 21px;box-sizing:border-box;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(18px) scale(.985);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.8,.2,1),visibility 0s linear .65s;direction:rtl}
html[dir="ltr"] .journey-v8-slide{direction:ltr}
.journey-v8-slide.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s;z-index:2}
.jv8-enter{opacity:0;transform:translateY(18px) scale(.985)}
.journey-v8-slide.is-active.is-entering .jv8-enter{animation:jv8Enter .68s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--jv8-delay,0s)}
@keyframes jv8Enter{0%{opacity:0;transform:translateY(20px) scale(.98)}100%{opacity:1;transform:none}}
.jv8-app-head{display:flex;align-items:center;justify-content:center;gap:12px;text-align:start;margin-bottom:18px}.jv8-app-head.compact{justify-content:flex-start}.jv8-app-head>div{min-width:0}.jv8-app-head strong,.jv8-app-head small{display:block}.jv8-app-head strong{color:#54101c;font-size:15px}.jv8-app-head small{margin-top:3px;color:#8b7770;font-size:9px}.jv8-logo{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#7c1428,#b63850);color:#f6df9e;font-family:'Aref Ruqaa',serif;font-size:20px;box-shadow:0 12px 20px -12px rgba(89,13,27,.7)}.jv8-back{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#f1e6dc;color:#6e1828;font-size:25px;line-height:1;direction:ltr}
.jv8-avatar-scene{position:relative;height:145px;flex:0 0 auto;margin:0 -20px 14px;background:linear-gradient(145deg,#f8e8d5,#f4d9c7 58%,#f7eddb);overflow:hidden}.jv8-avatar-scene:before,.jv8-avatar-scene:after{content:"";position:absolute;border-radius:50%;background:rgba(190,149,48,.16)}.jv8-avatar-scene:before{width:105px;height:105px;right:-24px;top:-22px}.jv8-avatar-scene:after{width:82px;height:82px;left:-22px;bottom:-28px;background:rgba(143,36,52,.12)}.jv8-avatar-head{position:absolute;z-index:2;width:56px;height:56px;border-radius:50%;left:50%;top:28px;transform:translateX(-50%);background:#98213a;box-shadow:0 0 0 12px rgba(152,33,58,.08)}.jv8-avatar-body{position:absolute;z-index:2;width:112px;height:68px;border-radius:62px 62px 0 0;left:50%;bottom:-6px;transform:translateX(-50%);background:#98213a}.jv8-avatar-scene i{position:absolute;width:16px;height:16px;border:3px solid rgba(116,20,38,.28);border-radius:5px;transform:rotate(25deg)}.jv8-avatar-scene i:nth-of-type(1){left:27px;top:31px}.jv8-avatar-scene i:nth-of-type(2){right:35px;bottom:22px}
.jv8-form-card{margin-top:-33px;position:relative;z-index:3;padding:14px;border:1px solid rgba(86,16,28,.09);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 18px 30px -24px rgba(56,8,16,.45)}.jv8-form-card label{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;margin-bottom:8px;border:1px solid #eadfd8;border-radius:13px;background:#fbf7f1;color:#5f4540;font-size:10px;font-weight:800}.jv8-form-card label i{width:82px;height:7px;border-radius:99px;background:#e4d7cc}.jv8-primary{min-height:46px;display:grid;place-items:center;margin-top:7px;border-radius:14px;background:linear-gradient(90deg,#7d1428,#b4334a);color:#fff;font-size:12px;box-shadow:0 14px 23px -16px rgba(110,20,38,.8)}
.jv8-service-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid rgba(86,16,28,.1);border-radius:18px;background:#fff;box-shadow:0 15px 26px -25px rgba(56,8,16,.5)}.jv8-service-image{height:74px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#edcfaa,#c38c5d);overflow:hidden}.jv8-service-image i{width:42px;height:50px;border-radius:5px 5px 12px 12px;background:#fff8ee;box-shadow:inset 0 -10px 0 #76182b}.jv8-service-card strong,.jv8-service-card small,.jv8-service-card em{display:block}.jv8-service-card strong{color:#4e0c17;font-size:12px}.jv8-service-card small{margin:4px 0;color:#8e7770;font-size:8px}.jv8-service-card em{color:#b58116;font-size:9px;font-style:normal}
.jv8-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.jv8-choice-grid>div{padding:11px;border:1px solid #eadfd7;border-radius:14px;background:#fff}.jv8-choice-grid small,.jv8-choice-grid strong{display:block}.jv8-choice-grid small{color:#9a8179;font-size:8px}.jv8-choice-grid strong{margin-top:4px;color:#54101c;font-size:10px}.jv8-summary{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:14px;background:#f4eadf;color:#631423;font-size:11px}.jv8-summary strong{font-size:14px;direction:ltr}
.jv8-status-pill{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;margin:2px auto 17px;padding:9px 14px;border-radius:99px;background:#eaf7f0;color:#21704a;font-size:10px;font-weight:900}.jv8-status-pill i{width:8px;height:8px;border-radius:50%;background:#2b8b5d;box-shadow:0 0 0 5px rgba(43,139,93,.12)}.jv8-timeline{display:grid;gap:0;padding:10px 11px;border:1px solid rgba(86,16,28,.09);border-radius:20px;background:#fff}.jv8-timeline>div{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:10px 2px}.jv8-timeline>div:not(:last-child):after{content:"";position:absolute;top:38px;bottom:-5px;inset-inline-start:17px;width:2px;background:#eadfd7}.jv8-timeline i{width:29px;height:29px;display:grid;place-items:center;border:2px solid #d9cbc3;border-radius:50%;background:#fff;color:#fff;font-style:normal;font-size:10px}.jv8-timeline .is-done i{border-color:#2c8a5d;background:#2c8a5d}.jv8-timeline .is-current i{border-color:#b78d2d;box-shadow:inset 0 0 0 6px #fff;background:#b78d2d}.jv8-timeline strong,.jv8-timeline small{display:block}.jv8-timeline strong{color:#55101c;font-size:10px}.jv8-timeline small{margin-top:3px;color:#907a73;font-size:8px}.jv8-notice{display:flex;align-items:center;gap:10px;margin-top:13px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#6d1224,#9e2b42);color:#fff}.jv8-notice>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#fff;color:#2d855a;font-weight:900}.jv8-notice strong,.jv8-notice small{display:block}.jv8-notice strong{font-size:10px}.jv8-notice small{margin-top:3px;color:#efdce0;font-size:8px;line-height:1.5}
.journey-v8-success{align-items:center;justify-content:center;text-align:center;padding:30px 24px;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.11),transparent 28%),linear-gradient(155deg,#4a0915 0%,#7f182d 54%,#a7354d 100%);color:#fff}.jv8-success-ring{width:108px;height:108px;display:grid;place-items:center;margin-bottom:22px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);box-shadow:0 0 0 20px rgba(255,255,255,.045)}.jv8-success-ring span{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#2c8759;font-size:34px}.jv8-success-title{font-family:'Aref Ruqaa',serif;font-size:27px;line-height:1.25}.journey-v8-success>p{max-width:270px;margin:12px auto 20px;color:#f3dfe3;font-size:11px;line-height:1.85}.jv8-code{width:100%;padding:14px;border-radius:15px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.09)}.jv8-code small,.jv8-code b{display:block}.jv8-code small{color:#e8cdd3;font-size:8px}.jv8-code b{margin-top:5px;font-size:12px;direction:ltr}.jv8-success-button{width:100%;min-height:46px;display:grid;place-items:center;margin-top:13px;border-radius:14px;background:#fff;color:#6f1426;font-size:11px;font-weight:900}.jv8-confetti{position:absolute;inset:0;pointer-events:none}.jv8-confetti i{position:absolute;width:8px;height:20px;border-radius:99px;background:#f1cf6b;opacity:0}.journey-v8-success.is-active.is-entering .jv8-confetti i{animation:jv8Confetti 1.15s ease-out both}.jv8-confetti i:nth-child(1){left:12%;top:14%;transform:rotate(35deg);animation-delay:.05s!important}.jv8-confetti i:nth-child(2){right:14%;top:18%;background:#fff;transform:rotate(-20deg);animation-delay:.12s!important}.jv8-confetti i:nth-child(3){left:20%;bottom:19%;background:#e99cb0;transform:rotate(8deg);animation-delay:.21s!important}.jv8-confetti i:nth-child(4){right:18%;bottom:22%;transform:rotate(45deg);animation-delay:.28s!important}.jv8-confetti i:nth-child(5){left:42%;top:9%;background:#fff;transform:rotate(80deg);animation-delay:.17s!important}.jv8-confetti i:nth-child(6){right:38%;bottom:9%;background:#e9b5c1;transform:rotate(-65deg);animation-delay:.31s!important}.jv8-confetti i:nth-child(7){left:8%;top:48%;background:#fff;transform:rotate(-30deg);animation-delay:.26s!important}.jv8-confetti i:nth-child(8){right:8%;top:52%;transform:rotate(28deg);animation-delay:.36s!important}@keyframes jv8Confetti{0%{opacity:0;translate:0 -18px;scale:.5}45%{opacity:1}100%{opacity:.9;translate:0 14px;scale:1}}
.journey-v8-live-caption{display:flex;align-items:flex-start;gap:10px;margin:14px 8px 0;padding:13px 15px;border:1px solid rgba(86,16,28,.09);border-radius:15px;background:rgba(255,255,255,.72);backdrop-filter:blur(10px)}.journey-v8-live-caption>i{width:8px;height:8px;flex:0 0 auto;margin-top:5px;border-radius:50%;background:#2c8a5d;box-shadow:0 0 0 5px rgba(44,138,93,.1)}.journey-v8-live-caption strong,.journey-v8-live-caption span{display:block}.journey-v8-live-caption strong{color:#54101c;font-size:11px}.journey-v8-live-caption span{margin-top:3px;color:#8d7770;font-size:9px;line-height:1.55}
.journey-v8-steps{grid-area:steps;display:grid;gap:15px;direction:rtl}
html[dir="ltr"] .journey-v8-steps{direction:ltr}
.journey-v8-step{display:grid;grid-template-columns:68px minmax(0,1fr);gap:18px;align-items:center;padding:22px 24px;border:1px solid rgba(86,16,28,.09);border-radius:22px;background:rgba(255,253,249,.92);box-shadow:0 18px 35px -31px rgba(56,8,16,.48)}
.journey-v8-step-number{width:62px;height:62px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#f2e4d3,#fbf4e8);color:#7c1829;font-family:'Aref Ruqaa',serif;font-size:31px;font-weight:700;border:1px solid rgba(190,149,48,.18)}
.journey-v8-step small{display:block;color:#b48b2f;font-size:9px;font-weight:900;letter-spacing:.05em}.journey-v8-step h3{margin:3px 0 5px;color:#4e0c17;font-size:24px}.journey-v8-step p{margin:0;color:#806b65;font-size:12px;line-height:1.75}
.journey-v8-ready{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:4px;padding:18px 20px;border-radius:21px;background:linear-gradient(135deg,#4a0915,#78172a);color:#fff}.journey-v8-ready>span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#fff;color:#298459;font-size:20px;font-weight:900}.journey-v8-ready strong,.journey-v8-ready p{display:block}.journey-v8-ready strong{font-size:13px}.journey-v8-ready p{margin:3px 0 0;color:#ead8dc;font-size:10px}.journey-v8-ready .btn{white-space:nowrap}
@media(max-width:1050px){.journey-v8-grid{grid-template-columns:minmax(290px,340px) minmax(0,1fr);gap:38px}.journey-v8-step{padding:18px}.journey-v8-step h3{font-size:21px}}
@media(max-width:820px){.journey-v8{padding-block:78px}.journey-v8-heading{align-items:flex-start;flex-direction:column;margin-bottom:38px}.journey-v8-grid{grid-template-columns:1fr;grid-template-areas:"phone" "steps";gap:44px}.journey-v8-phone-column{max-width:370px}.journey-v8-steps{max-width:680px;width:100%;margin-inline:auto}}
@media(max-width:560px){.journey-v8-heading h2{font-size:34px}.journey-v8-device{max-width:345px;margin-inline:auto;border-width:6px;border-radius:41px}.journey-v8-viewport{inset:64px 10px 12px}.journey-v8-slide{padding:20px 16px}.journey-v8-step{grid-template-columns:53px minmax(0,1fr);gap:13px;padding:16px;border-radius:18px}.journey-v8-step-number{width:49px;height:49px;border-radius:15px;font-size:25px}.journey-v8-step h3{font-size:19px}.journey-v8-ready{grid-template-columns:auto 1fr}.journey-v8-ready .btn{grid-column:1/-1;width:100%}.jv8-avatar-scene{margin-inline:-16px}.jv8-form-card{padding:12px}}
@media(prefers-reduced-motion:reduce){.journey-v8-slide,.jv8-enter{transition:none!important}.journey-v8-slide.is-active.is-entering .jv8-enter{animation-duration:.01ms!important}.journey-v8-progress span.is-active i{animation-duration:4.5s!important}}

/* Homepage journey v9: smooth staggered slide-up/fade animation */
.journey-v8-slide{
  transform:none;
  transition:opacity .38s ease,visibility 0s linear .38s;
}
.journey-v8-slide.is-active{
  transform:none;
  transition-delay:0s;
}
.journey-v8-slide .jv8-enter{
  opacity:0;
  transform:translate3d(0,28px,0);
  filter:blur(3px);
  will-change:transform,opacity,filter;
  backface-visibility:hidden;
}
.journey-v8-slide.is-active.is-entering .jv8-enter{
  animation:jv9ElementEnter .82s cubic-bezier(.22,1,.36,1) both;
  animation-delay:var(--jv8-delay,0s);
}
@keyframes jv9ElementEnter{
  0%{
    opacity:0;
    transform:translate3d(0,28px,0);
    filter:blur(3px);
  }
  55%{
    opacity:.78;
  }
  100%{
    opacity:1;
    transform:translate3d(0,0,0);
    filter:blur(0);
  }
}
/* Keep the static right-side steps completely unaffected. */
.journey-v8-steps,
.journey-v8-step,
.journey-v8-ready{
  animation:none!important;
  transform:none!important;
}
@media(prefers-reduced-motion:reduce){
  .journey-v8-slide .jv8-enter{
    filter:none;
  }
  .journey-v8-slide.is-active.is-entering .jv8-enter{
    animation:jv9ElementEnter .35s ease-out both!important;
    animation-delay:calc(var(--jv8-delay,0s) * .35)!important;
  }
}


/* Homepage journey v10: simplified composition and smaller device */
.journey-v8-heading{
  display:block;
  margin-bottom:38px;
}
.journey-v8-heading>div{
  max-width:760px;
}
.journey-v8-grid{
  grid-template-columns:minmax(270px,320px) minmax(0,1fr);
  gap:58px;
  align-items:center;
}
.journey-v8-phone-column{
  max-width:320px;
}
.journey-v8-device{
  max-width:320px;
  margin-inline:auto;
}
@media(max-width:1050px){
  .journey-v8-grid{
    grid-template-columns:minmax(250px,295px) minmax(0,1fr);
    gap:34px;
  }
  .journey-v8-phone-column,
  .journey-v8-device{
    max-width:295px;
  }
}
@media(max-width:820px){
  .journey-v8-heading{
    margin-bottom:30px;
  }
  .journey-v8-phone-column,
  .journey-v8-device{
    max-width:300px;
  }
}
@media(max-width:560px){
  .journey-v8-phone-column,
  .journey-v8-device{
    max-width:min(286px,88vw);
  }
}
.provider-public-logo{object-fit:cover;border-radius:16px}
.provider-public-contact{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0 4px}
.provider-public-contact>span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f7efe6;color:#6f4d45;font-size:11px;font-weight:750;direction:ltr}
.provider-public-contact .ui-icon{width:14px;height:14px;color:#8d1f37}

.provider-card-logo{object-fit:cover;border-radius:12px}

@media(max-width:620px){.email-domain-shortcuts{gap:6px}.email-domain-chip{padding:6px 9px;font-size:9px}.email-domain-label{width:100%}}

/* Card Studio: opening artwork, couple names, and typography controls */
.studio-opening-chooser{display:grid;gap:11px;padding:2px 0 4px}
.studio-opening-chooser-head{display:grid;gap:3px}
.studio-opening-chooser-head strong{font-size:12px;color:#5a4b50}
.studio-opening-chooser-head small{color:#9a9398;font-size:10px;line-height:1.6}
.studio-opening-select-field{display:block}.studio-opening-select{width:100%;min-height:46px;border:1px solid #dfe3e7;border-radius:11px;background:#fff;padding:0 13px;color:#4f4046;font:600 13px/1.2 inherit;outline:none;cursor:pointer}.studio-opening-select:focus{border-color:rgba(110,26,55,.5);box-shadow:0 0 0 3px rgba(110,26,55,.07)}.studio-opening-select-preview{min-height:70px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed #e1e4e8;border-radius:11px;background:#fbfbfc;padding:9px 12px;color:#776970}.studio-opening-select-preview img{display:block;max-width:78%;height:48px;object-fit:contain}.studio-opening-select-preview span{font-size:11px;font-weight:700}.studio-opening-select-preview.is-text img{display:none}.studio-opening-select-preview.is-text span{font-family:inherit;font-size:13px}
.studio-opening-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.studio-opening-choice{min-width:0;min-height:82px;display:grid;align-content:center;justify-items:center;gap:7px;border:1px solid #e1e4e8;border-radius:11px;background:#fff;padding:9px;color:#5e5055;font:inherit;cursor:pointer;transition:.18s}
.studio-opening-choice:hover{border-color:#cbbec2;background:#fcfafb}
.studio-opening-choice.is-active{border-color:rgba(110,26,55,.55);background:#fff8fa;box-shadow:0 0 0 3px rgba(110,26,55,.06)}
.studio-opening-choice img{display:block;width:100%;height:44px;object-fit:contain}
.studio-opening-choice strong{max-width:100%;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-opening-text-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#f6eef1;color:var(--maroon-700);font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700}
.studio-couple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.studio-connector-control{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #e3e6e9;border-radius:10px;background:#fafbfc}
.studio-connector-control>span{font-size:11px;font-weight:800;color:#6f676b}
.studio-connector-buttons{display:flex;gap:5px;padding:3px;border-radius:9px;background:#eef0f2}
.studio-connector-buttons button{min-width:44px;height:34px;border:0;border-radius:7px;background:transparent;color:#6f676b;font:inherit;font-size:15px;font-weight:900;cursor:pointer}
.studio-connector-buttons button.is-active{background:#fff;color:var(--maroon-800);box-shadow:0 1px 5px rgba(34,40,48,.1)}
.studio-field select{width:100%;min-height:50px;border:1px solid #dfe3e7;border-radius:10px;background:#fff;padding:10px 12px;color:#34282b;font:inherit;font-size:13px;outline:none;transition:border-color .18s,box-shadow .18s}
.studio-field select:focus{border-color:rgba(110,26,55,.38);box-shadow:0 0 0 3px rgba(110,26,55,.06)}
.studio-font-field select{font-size:14px}
@media(max-width:520px){.studio-opening-choices{grid-template-columns:1fr}.studio-couple-grid{grid-template-columns:1fr}}

/* Progressive Web App install affordance */
.pwa-install-button{gap:7px;cursor:pointer;font:inherit}.pwa-install-button .ui-icon{width:17px;height:17px;fill:currentColor}.pwa-install-guide{position:fixed;z-index:10000;inset:0;display:grid;place-items:end center;padding:22px;background:rgba(34,8,13,.32);backdrop-filter:blur(7px)}.pwa-install-guide-card{position:relative;width:min(100%,430px);padding:28px 24px 25px;border:1px solid rgba(92,18,31,.12);border-radius:24px;background:#fff;color:var(--maroon-900);box-shadow:0 30px 80px -35px rgba(56,8,16,.65);text-align:center}.pwa-install-guide-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 15px;border-radius:50% 50% 10px 10px;background:var(--grad-primary);color:var(--gold-light);font-family:'Aref Ruqaa',serif;font-size:25px;font-weight:800}.pwa-install-guide-card strong{display:block;font-size:17px;line-height:1.6}.pwa-install-guide-card p{margin:8px 0 0;color:var(--text-soft);font-size:13px;line-height:1.9}.pwa-install-guide-close{position:absolute;top:12px;inset-inline-end:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f7f0ed;color:var(--maroon-800);font-size:22px;line-height:1;cursor:pointer}.pwa-standalone body{overscroll-behavior-y:none}@media(max-width:620px){.pwa-install-button span{display:none}.pwa-install-button{width:40px;min-width:40px;padding:0}.pwa-install-guide{padding:14px}.pwa-install-guide-card{border-radius:22px}}

/* =========================================================
   App download section + animated PWA install walkthroughs
   ========================================================= */
.home-app-download{position:relative;overflow:hidden;padding:96px 0 0;background:linear-gradient(135deg,#fffaf4 0%,#fff 42%,#f7ece9 100%);border-top:1px solid rgba(91,16,29,.07)}
.home-app-download::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(126,87,53,.10) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.5),transparent);pointer-events:none}
.home-app-download-orb{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.home-app-download-orb-one{width:420px;height:420px;top:-250px;inset-inline-start:-120px;background:radial-gradient(circle,rgba(176,135,57,.18),transparent 68%)}.home-app-download-orb-two{width:520px;height:520px;bottom:-360px;inset-inline-end:-100px;background:radial-gradient(circle,rgba(111,18,33,.15),transparent 68%)}
.home-app-download-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:70px;align-items:center;min-height:630px}
.home-app-download-copy{align-self:center;padding-bottom:82px}.home-app-download-copy h2{margin:10px 0 18px;max-width:720px;font-size:clamp(34px,4vw,58px);line-height:1.16;color:var(--maroon-950,#3d0812)}.home-app-download-copy>p{max-width:720px;margin:0;color:var(--text-soft);font-size:16px;line-height:2}
.home-app-download-points{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.home-app-download-points span{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(91,16,29,.09);border-radius:999px;background:rgba(255,255,255,.74);box-shadow:0 8px 24px rgba(70,21,25,.05);font-size:12px}.home-app-download-points .ui-icon{width:16px;height:16px;fill:var(--maroon-700)}
.home-app-store-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.home-app-store-button{display:flex;align-items:center;gap:13px;min-width:220px;padding:13px 18px;border-radius:16px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;font:inherit;cursor:pointer;text-align:start;appearance:none;-webkit-appearance:none}.home-app-store-button svg{width:29px;height:29px;flex:0 0 29px;fill:currentColor}.home-app-store-button span{display:flex;flex-direction:column;line-height:1.15}.home-app-store-button small{margin-bottom:4px;font-size:9px;font-weight:700;opacity:.72}.home-app-store-button strong{font-size:16px;letter-spacing:.01em}.home-app-store-button.is-ios{background:#24070d;color:#fff;border:1px solid #24070d;box-shadow:0 15px 32px rgba(36,7,13,.18)}.home-app-store-button.is-android{background:#fff;color:#3d0812;border:1px solid rgba(61,8,18,.13);box-shadow:0 15px 32px rgba(36,7,13,.07)}.home-app-store-button:hover{transform:translateY(-3px);box-shadow:0 19px 40px rgba(36,7,13,.16)}.home-app-download-note{display:block;margin-top:14px;color:#8c7774;font-size:10px;line-height:1.7}
.home-app-download-visual{position:relative;height:610px;align-self:end;display:flex;align-items:flex-end;justify-content:center}.home-app-phone-glow{position:absolute;width:410px;height:410px;bottom:25px;border-radius:50%;background:radial-gradient(circle,rgba(184,139,47,.24),rgba(111,18,33,.08) 42%,transparent 70%);filter:blur(8px)}.home-app-phone{position:relative;width:310px;height:610px;margin-bottom:-178px;border:8px solid #22080d;border-radius:48px 48px 30px 30px;background:#fbf6f1;box-shadow:0 35px 70px rgba(42,10,15,.28),inset 0 0 0 2px rgba(255,255,255,.25);overflow:hidden;transform:rotate(-2deg)}.home-app-phone-notch{position:absolute;z-index:5;top:10px;left:50%;width:93px;height:25px;transform:translateX(-50%);border-radius:18px;background:#20070c}.home-app-phone-status{height:55px;padding:14px 20px 0;display:flex;align-items:flex-start;justify-content:space-between;color:#351016;font:700 9px/1 Inter,sans-serif}.home-app-phone-status i{width:44px;height:14px}.home-app-phone-screen{padding:10px 18px 24px}.home-app-mini-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:15px 0 21px}.home-app-mini-head .brand-mark{width:34px;height:34px;font-size:14px}.home-app-mini-head>div{display:flex;flex-direction:column}.home-app-mini-head strong{font-size:11px}.home-app-mini-head small{font-size:8px;color:#8c7774}.home-app-mini-bell{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;box-shadow:0 8px 22px rgba(66,12,20,.08)}.home-app-mini-bell .ui-icon{width:15px;height:15px;fill:#671525}.home-app-mini-bell i{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#a81f39;color:#fff;font:700 7px Inter,sans-serif}
.home-app-mini-card{display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px;border-radius:20px;background:linear-gradient(135deg,#641224,#8f2138);color:#fff;box-shadow:0 18px 35px rgba(90,18,35,.22)}.home-app-mini-card small{font-size:8px;opacity:.78}.home-app-mini-card strong{grid-row:1/3;grid-column:2;font:800 34px/1 Cairo,sans-serif}.home-app-mini-card span{font-size:8px}.home-app-mini-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin-top:12px;padding:12px 11px;border:1px solid rgba(86,25,34,.07);border-radius:16px;background:#fff}.home-app-mini-row>i{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#f4dfb7,#d98c55)}.home-app-mini-row:nth-child(4)>i{background:linear-gradient(135deg,#ead6e5,#8e5978)}.home-app-mini-row span{display:flex;flex-direction:column}.home-app-mini-row b{font-size:9px}.home-app-mini-row small{font-size:7px;color:#8c7774}.home-app-mini-row em{padding:5px 7px;border-radius:999px;background:#edf8f0;color:#35744b;font-size:6px;font-style:normal}
.home-app-floating-notification{position:absolute;z-index:8;top:116px;inset-inline-start:-28px;width:260px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px 15px;border:1px solid rgba(91,16,29,.10);border-radius:20px;background:rgba(255,255,255,.93);box-shadow:0 22px 55px rgba(53,10,18,.2);backdrop-filter:blur(18px);animation:home-app-float 4.2s ease-in-out infinite}.home-app-notification-icon{position:relative;display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#f9e9e8}.home-app-notification-icon .ui-icon{width:20px;height:20px;fill:#8f1c31}.home-app-notification-icon i{position:absolute;top:6px;right:7px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#d92144;animation:home-app-pulse 1.8s ease-out infinite}.home-app-floating-notification div{display:flex;min-width:0;flex-direction:column}.home-app-floating-notification small{font-size:8px;color:#9b817d}.home-app-floating-notification strong{font-size:13px;color:#400b15}.home-app-floating-notification p{margin:2px 0 0;font-size:8px;line-height:1.45;color:#796461}
@keyframes home-app-float{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-10px) rotate(-1deg)}}@keyframes home-app-pulse{0%{box-shadow:0 0 0 0 rgba(217,33,68,.35)}70%{box-shadow:0 0 0 9px rgba(217,33,68,0)}100%{box-shadow:0 0 0 0 rgba(217,33,68,0)}}

.app-install-guide-page{background:#fffaf6}.app-install-hero{position:relative;overflow:hidden;padding:72px 0 84px;background:radial-gradient(circle at 20% 10%,rgba(190,143,61,.12),transparent 26%),linear-gradient(150deg,#fff 0%,#fff8f2 55%,#f6e8e5 100%)}.app-install-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(111,18,33,.08) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.45));pointer-events:none}.app-install-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(430px,1.05fr);gap:72px;align-items:center}.app-install-copy{max-width:650px}.app-install-back{display:inline-flex;margin-bottom:22px;color:#8f6e69;font-size:11px;font-weight:700;text-decoration:none}.app-install-copy h1{margin:10px 0 18px;font-size:clamp(38px,4.7vw,68px);line-height:1.12;color:#3b0711}.app-install-copy>p{margin:0 0 24px;color:#74615f;font-size:16px;line-height:2}.app-install-requirements{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.app-install-requirements span{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid rgba(80,15,27,.08);box-shadow:0 8px 20px rgba(66,13,20,.04);font-size:11px}.app-install-requirements .ui-icon{width:15px;height:15px;fill:#3b7b54}
.app-tutorial-stage{position:relative;min-height:680px;display:grid;place-items:center}.app-tutorial-stage::before{content:"";position:absolute;width:510px;height:510px;border-radius:50%;background:radial-gradient(circle,rgba(130,27,48,.15),rgba(195,151,67,.08) 44%,transparent 70%);filter:blur(8px)}.app-tutorial-phone{position:relative;width:352px;height:704px;border:9px solid #1d090d;border-radius:52px;background:#fff;box-shadow:0 42px 85px rgba(44,8,16,.28);overflow:hidden;isolation:isolate}.app-tutorial-phone.is-android{border-radius:42px}.tutorial-phone-speaker{position:absolute;z-index:8;top:10px;left:50%;width:110px;height:28px;transform:translateX(-50%);border-radius:20px;background:#1d090d}.tutorial-phone-camera{position:absolute;z-index:8;top:14px;left:50%;width:13px;height:13px;transform:translateX(-50%);border-radius:50%;background:#1d090d;box-shadow:inset 0 0 0 3px #35232a}.tutorial-statusbar{position:absolute;z-index:7;top:0;left:0;right:0;height:52px;padding:15px 20px;display:flex;align-items:flex-start;justify-content:space-between;background:#fff;color:#1e1416;font:700 9px Inter,sans-serif}.tutorial-statusbar i{width:64px}.tutorial-screen{position:absolute;inset:52px 0 0;background:#f7f5f4;overflow:hidden}.tutorial-safari-bar,.tutorial-chrome-bar{height:58px;display:grid;grid-template-columns:34px 1fr 34px;gap:9px;align-items:center;padding:8px 12px;background:#f1efee;border-bottom:1px solid #e4e0df}.tutorial-aa,.tutorial-home-dot{font:700 10px Inter,sans-serif;color:#5d5251;text-align:center}.tutorial-address{height:38px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:12px;background:#fff;color:#4f4544;font:600 9px Inter,sans-serif}.tutorial-address i{font-size:7px;font-style:normal}.tutorial-browser-more{position:relative;width:34px;height:34px;border:0;border-radius:50%;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}.tutorial-browser-more i{display:block;width:3px;height:3px;border-radius:50%;background:#4c4443}.tutorial-site-preview{padding:18px;background:linear-gradient(180deg,#4e1420 0,#6d2535 38%,#fff8f4 38%);min-height:594px}.tutorial-site-nav{display:flex;align-items:center;gap:7px;color:#fff}.tutorial-site-nav .brand-mark{width:31px;height:31px;font-size:13px}.tutorial-site-nav b{font-size:11px}.tutorial-site-hero{height:180px;display:flex;flex-direction:column;justify-content:center;color:#fff}.tutorial-site-hero small{font-size:7px;color:#e8d1a5}.tutorial-site-hero strong{max-width:220px;margin-top:8px;font-size:20px;line-height:1.35}.tutorial-site-hero span{display:block;width:70px;height:20px;margin-top:13px;border-radius:99px;background:#bf8d38}.tutorial-site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.tutorial-site-cards i{height:96px;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(55,18,23,.07)}
.tutorial-menu,.tutorial-sheet,.tutorial-home-confirm,.tutorial-android-confirm,.tutorial-android-home{position:absolute;z-index:20;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,transform .36s cubic-bezier(.2,.8,.2,1)}.tutorial-menu.is-visible,.tutorial-sheet.is-visible,.tutorial-home-confirm.is-visible,.tutorial-android-confirm.is-visible,.tutorial-android-home.is-visible{opacity:1;visibility:visible;pointer-events:auto}.tutorial-menu{top:50px;inset-inline-end:10px;width:214px;padding:7px;border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 16px 45px rgba(28,13,15,.25);transform:translateY(-8px) scale(.96);transform-origin:top right}.tutorial-menu.is-visible{transform:none}.tutorial-menu>div{display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:center;padding:10px;border-radius:10px;color:#302728}.tutorial-menu>div+div{border-top:1px solid #f0ecea}.tutorial-menu span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f7f3f1;font-size:13px}.tutorial-menu b{font-size:10px}.tutorial-menu .is-action{color:#79172b}
.tutorial-sheet{left:0;right:0;bottom:0;padding:11px 14px 19px;border-radius:26px 26px 0 0;background:rgba(247,245,244,.98);box-shadow:0 -18px 50px rgba(34,14,18,.16);transform:translateY(100%)}.tutorial-sheet.is-visible{transform:translateY(0)}.tutorial-sheet-handle{display:block;width:38px;height:4px;margin:0 auto 12px;border-radius:99px;background:#c8c0bd}.tutorial-share-head{display:flex;align-items:center;gap:9px;padding:4px 3px 13px}.tutorial-share-head .brand-mark{width:38px;height:38px;font-size:16px}.tutorial-share-head>div{display:flex;flex-direction:column}.tutorial-share-head b{font-size:10px}.tutorial-share-head small{font:500 8px Inter,sans-serif;color:#817676}.tutorial-share-icons{display:flex;gap:14px;padding:8px 2px 14px;overflow:hidden}.tutorial-share-icons span{display:flex;min-width:55px;flex-direction:column;align-items:center;gap:5px;font:500 7px Inter,sans-serif}.tutorial-share-icons i{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#fff;color:#5b5050;font-size:16px;font-style:normal;box-shadow:0 4px 10px rgba(30,13,15,.06)}.tutorial-share-list{display:flex;flex-direction:column;gap:1px;border-radius:13px;overflow:hidden}.tutorial-share-list span{padding:11px;background:#fff;font-size:9px}.tutorial-more-sheet{min-height:360px}.tutorial-more-sheet header{display:grid;grid-template-columns:35px 1fr 35px;align-items:center;margin-bottom:14px}.tutorial-more-sheet header button{width:29px;height:29px;border:0;border-radius:50%;background:#e7e3e1}.tutorial-more-sheet header b{text-align:center;font-size:11px}.tutorial-more-list{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#fff}.tutorial-more-list span{display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center;padding:13px}.tutorial-more-list span+span{border-top:1px solid #eee9e7}.tutorial-more-list i{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#f7f2ef;font-style:normal}.tutorial-more-list b{font-size:10px}.tutorial-more-list .is-action{color:#7e172b}
.tutorial-home-confirm{inset:0;background:#f8f7f6;transform:scale(.98)}.tutorial-home-confirm.is-visible{transform:none}.tutorial-home-confirm header{height:56px;display:grid;grid-template-columns:65px 1fr 65px;align-items:center;padding:0 10px;background:#fff;border-bottom:1px solid #e9e5e3}.tutorial-home-confirm header b{text-align:center;font-size:10px}.tutorial-home-confirm header button{border:0;background:transparent;color:#756968;font-size:8px}.tutorial-home-confirm header .is-primary{color:#176bb3;font-weight:800}.tutorial-app-preview{display:flex;align-items:center;gap:12px;margin:30px 20px 16px;padding:16px;border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(41,15,19,.06)}.tutorial-app-preview .brand-mark{width:56px;height:56px;border-radius:15px;font-size:22px}.tutorial-app-preview>div{display:flex;flex-direction:column}.tutorial-app-preview strong{font-size:13px}.tutorial-app-preview small{font:500 8px Inter,sans-serif;color:#897c7a}.tutorial-home-confirm>p{padding:0 24px;color:#736765;font-size:9px;line-height:1.7}
.tutorial-android-confirm{left:20px;right:20px;top:175px;padding:18px;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(25,10,13,.3);transform:translateY(12px) scale(.96)}.tutorial-android-confirm.is-visible{transform:none}.tutorial-android-confirm .tutorial-app-preview{margin:0 0 9px;padding:0;box-shadow:none}.tutorial-android-confirm>p{font-size:9px;line-height:1.7;color:#776967}.tutorial-android-confirm>div:last-child{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.tutorial-android-confirm button{padding:8px 14px;border:0;border-radius:99px;background:#f5f1ef;color:#5b4e4d;font-size:8px;font-weight:700}.tutorial-android-confirm button.is-primary{background:#772039;color:#fff}.tutorial-android-home{inset:0;background:#e7dbca}.tutorial-android-home.is-visible{transform:none}.tutorial-home-wallpaper{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.85),transparent 25%),linear-gradient(155deg,#e8c59c,#b77874 55%,#43202a)}.tutorial-installed-app{position:absolute;top:92px;inset-inline-start:34px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#fff}.tutorial-installed-app .brand-mark{width:56px;height:56px;border-radius:17px;box-shadow:0 9px 20px rgba(34,7,13,.18)}.tutorial-installed-app b{font-size:8px;text-shadow:0 1px 3px rgba(0,0,0,.35)}.tutorial-installed-toast{position:absolute;left:50%;bottom:55px;transform:translateX(-50%);white-space:nowrap;padding:9px 14px;border-radius:99px;background:rgba(29,21,22,.86);color:#fff;font-size:8px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.tutorial-hand{position:absolute;z-index:40;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(43,14,18,.18);font-size:20px;opacity:0;pointer-events:none;transition:top .6s cubic-bezier(.2,.8,.2,1),left .6s cubic-bezier(.2,.8,.2,1),opacity .2s ease,transform .2s ease}.is-tapping.tutorial-hand{animation:tutorial-tap .8s ease infinite}.app-install-guide-page[data-tutorial-state="menu"] .tutorial-hand{opacity:1;top:17px;left:302px}.app-install-ios-page[data-tutorial-state="share"] .tutorial-hand{opacity:1;top:128px;left:247px}.app-install-ios-page[data-tutorial-state="more"] .tutorial-hand{opacity:1;top:478px;left:232px}.app-install-ios-page[data-tutorial-state="home"] .tutorial-hand{opacity:1;top:427px;left:238px}.app-install-android-page[data-tutorial-state="install"] .tutorial-hand{opacity:1;top:181px;left:229px}.app-install-android-page[data-tutorial-state="done"] .tutorial-hand{opacity:0}.is-tutorial-focus{position:relative;z-index:3;box-shadow:0 0 0 3px rgba(193,139,48,.25),0 0 0 6px rgba(126,23,43,.12)!important;animation:tutorial-focus 1.2s ease-in-out infinite}.tutorial-browser-more.is-tutorial-focus{border-radius:50%}.app-tutorial-float{position:absolute;z-index:50;top:103px;inset-inline-start:-5px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;width:190px;padding:11px 13px;border:1px solid rgba(94,23,34,.11);border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 18px 50px rgba(46,12,18,.18);backdrop-filter:blur(14px);animation:home-app-float 4s ease-in-out infinite}.app-tutorial-float>span{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#f8e8e6}.app-tutorial-float .ui-icon{width:17px;height:17px;fill:#8a1930}.app-tutorial-float div{display:flex;flex-direction:column}.app-tutorial-float small{font-size:7px;color:#917c78}.app-tutorial-float strong{font-size:11px;color:#440c16}
@keyframes tutorial-tap{0%,100%{transform:scale(1)}50%{transform:scale(.82) translateY(2px)}}@keyframes tutorial-focus{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08)}}
.app-install-steps-section{padding-top:85px}.app-install-section-head{align-items:flex-end}.app-tutorial-replay{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid rgba(91,16,29,.11);border-radius:999px;background:#fff;color:#681426;font:700 10px Cairo,sans-serif;cursor:pointer;box-shadow:0 7px 20px rgba(64,14,22,.05)}.app-tutorial-replay .ui-icon{width:15px;height:15px;fill:currentColor}.app-install-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.app-install-steps.is-four{grid-template-columns:repeat(4,1fr)}.app-install-steps article{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;min-height:145px;padding:20px;border:1px solid rgba(91,16,29,.08);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(61,13,21,.04);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.app-install-steps article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#f7efec;color:#701629;font:800 12px Inter,sans-serif}.app-install-steps article strong{display:block;margin:2px 0 7px;font-size:13px}.app-install-steps article p{margin:0;color:#897471;font-size:10px;line-height:1.8}.app-install-steps article.is-active{transform:translateY(-5px);border-color:rgba(128,31,49,.25);box-shadow:0 18px 40px rgba(80,17,29,.1)}.app-install-steps article.is-active>span{background:#74182c;color:#fff}.app-install-steps article.is-complete>span{background:#e8f5ec;color:#34764b}.app-install-after-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:24px;padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,#46101a,#7e1a30);color:#fff;box-shadow:0 18px 45px rgba(71,13,24,.18)}.app-install-after-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.12)}.app-install-after-card .ui-icon{width:22px;height:22px;fill:#f3d69b}.app-install-after-card strong{display:block;font-size:14px}.app-install-after-card p{margin:4px 0 0;color:rgba(255,255,255,.75);font-size:10px;line-height:1.8}

@media(max-width:1050px){.home-app-download-grid{grid-template-columns:1fr 390px;gap:35px}.app-install-hero-grid{grid-template-columns:1fr 400px;gap:40px}.app-tutorial-phone{transform:scale(.9)}.app-install-steps{grid-template-columns:repeat(2,1fr)}.app-install-steps.is-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.home-app-download{padding-top:70px}.home-app-download-grid{grid-template-columns:1fr;min-height:auto;text-align:center}.home-app-download-copy{padding-bottom:20px}.home-app-download-copy>p{margin-inline:auto}.home-app-download-points,.home-app-store-actions{justify-content:center}.home-app-download-visual{height:490px}.home-app-phone{width:280px;height:560px;margin-bottom:-180px}.home-app-floating-notification{top:78px;inset-inline-start:calc(50% - 195px);width:220px;text-align:start}.app-install-hero{padding-top:48px}.app-install-hero-grid{grid-template-columns:1fr;gap:35px}.app-install-copy{text-align:center;margin-inline:auto}.app-install-requirements{justify-content:center}.app-tutorial-stage{min-height:650px}.app-install-section-head{align-items:flex-start}.app-install-steps,.app-install-steps.is-four{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.home-app-download-copy h2{font-size:34px}.home-app-store-button{width:100%;justify-content:center}.home-app-download-visual{height:420px}.home-app-phone{transform:scale(.82) rotate(-2deg);transform-origin:bottom center}.home-app-floating-notification{top:40px;inset-inline-start:8px}.app-install-copy h1{font-size:37px}.app-tutorial-stage{min-height:570px;margin-inline:-12px}.app-tutorial-phone{transform:scale(.76);transform-origin:center top}.app-tutorial-float{top:85px;inset-inline-start:5px;transform:scale(.9)}.app-install-steps,.app-install-steps.is-four{grid-template-columns:1fr}.app-install-steps article{min-height:0}.app-install-after-card{align-items:start}.app-install-section-head{gap:14px}.app-tutorial-replay{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.home-app-floating-notification,.app-tutorial-float,.home-app-notification-icon i,.tutorial-hand,.is-tutorial-focus{animation:none!important}.tutorial-menu,.tutorial-sheet,.tutorial-home-confirm,.tutorial-android-confirm,.tutorial-android-home,.tutorial-hand{transition:none!important}}

/* Refined install-guide phone scale + installed-app push simulation */
.app-install-guide-page .app-tutorial-stage{min-height:590px}
.app-install-guide-page .app-tutorial-phone{transform:scale(.84);transform-origin:center center}
.tutorial-menu,.tutorial-sheet,.tutorial-home-confirm,.tutorial-android-confirm,.tutorial-android-home,.tutorial-ios-home{position:absolute;z-index:20;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,transform .36s cubic-bezier(.2,.8,.2,1)}
.tutorial-menu.is-visible,.tutorial-sheet.is-visible,.tutorial-home-confirm.is-visible,.tutorial-android-confirm.is-visible,.tutorial-android-home.is-visible,.tutorial-ios-home.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.tutorial-ios-home{inset:0;background:#d8c2b3;overflow:hidden;transform:scale(.985)}
.tutorial-ios-home.is-visible{transform:none}
.tutorial-ios-wallpaper{position:absolute;inset:0;background:radial-gradient(circle at 72% 17%,rgba(255,255,255,.85),transparent 24%),linear-gradient(155deg,#e9d9c6 0%,#b88580 52%,#4d2330 100%)}
.tutorial-ios-wallpaper::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(0,0,0,.08));backdrop-filter:blur(.25px)}
.tutorial-ios-clock{position:absolute;top:40px;left:0;right:0;display:flex;flex-direction:column;align-items:center;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.tutorial-ios-clock strong{font:500 42px/1 Inter,sans-serif;letter-spacing:-2px}.tutorial-ios-clock small{margin-top:6px;font-size:8px;font-weight:700}
.tutorial-installed-app img{display:block;width:56px;height:56px;border-radius:17px;box-shadow:0 9px 20px rgba(34,7,13,.18);object-fit:cover}
.tutorial-installed-app-ios{top:168px;inset-inline-start:34px}
.tutorial-push-alert{position:absolute;z-index:8;top:22px;left:14px;right:14px;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:start;padding:11px 12px;border:1px solid rgba(255,255,255,.48);border-radius:16px;background:rgba(250,250,250,.91);box-shadow:0 14px 32px rgba(31,12,16,.22);backdrop-filter:blur(18px);color:#24181a;opacity:0;transform:translateY(-22px) scale(.96)}
.tutorial-push-alert img{width:38px;height:38px;border-radius:10px;box-shadow:0 4px 12px rgba(53,12,18,.12)}
.tutorial-push-alert>div{min-width:0}.tutorial-push-alert span{display:flex;align-items:center;justify-content:space-between;gap:8px}.tutorial-push-alert span b{font-size:8px}.tutorial-push-alert span small{font:600 6px Inter,sans-serif;color:#8b7b79}.tutorial-push-alert strong{display:block;margin-top:2px;font-size:9px}.tutorial-push-alert p{margin:2px 0 0;color:#6f6160;font-size:7px;line-height:1.4}
.tutorial-android-home.is-visible .tutorial-push-alert,.tutorial-ios-home.is-visible .tutorial-push-alert{animation:tutorial-push-arrive .65s cubic-bezier(.2,.85,.25,1) .7s forwards,tutorial-push-breathe 3.5s ease-in-out 1.4s infinite}
@keyframes tutorial-push-arrive{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes tutorial-push-breathe{0%,100%{box-shadow:0 14px 32px rgba(31,12,16,.22)}50%{box-shadow:0 18px 38px rgba(93,20,36,.28)}}
@media(max-width:1050px){.app-install-guide-page .app-tutorial-stage{min-height:555px}.app-install-guide-page .app-tutorial-phone{transform:scale(.79)}}
@media(max-width:780px){.app-install-guide-page .app-tutorial-stage{min-height:560px}.app-install-guide-page .app-tutorial-phone{transform:scale(.80)}}
@media(max-width:520px){.app-install-guide-page .app-tutorial-stage{min-height:500px}.app-install-guide-page .app-tutorial-phone{transform:scale(.68);transform-origin:center top}.app-install-guide-page .app-tutorial-float{top:72px;transform:scale(.82)}}
@media(prefers-reduced-motion:reduce){.tutorial-push-alert{opacity:1;transform:none}.tutorial-android-home.is-visible .tutorial-push-alert,.tutorial-ios-home.is-visible .tutorial-push-alert{animation:none!important}}

/* Mobile journey alignment fix: keep the complete simulation perfectly centered. */
@media (max-width:620px){
  .journey-v8 .wrap{
    width:100%;
    max-width:none;
    margin-left:auto;
    margin-right:auto;
    padding-left:16px;
    padding-right:16px;
    box-sizing:border-box;
  }
  .journey-v8-heading{
    width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    align-items:center;
  }
  .journey-v8-heading>div{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  .journey-v8-heading .eyebrow{
    justify-content:center;
  }
  .journey-v8-grid{
    width:100%;
    max-width:100%;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"phone" "steps";
    justify-items:center;
    align-items:start;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
  }
  .journey-v8-phone-column{
    width:min(100%,300px);
    max-width:300px;
    justify-self:center;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box;
  }
  .journey-v8-device{
    width:min(100%,286px);
    max-width:286px;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .journey-v8-steps{
    width:min(100%,350px);
    max-width:350px;
    justify-self:center;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box;
  }
  .journey-v8-step,
  .journey-v8-ready{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
  }
}

@media (max-width:390px){
  .journey-v8 .wrap{padding-left:14px;padding-right:14px}
  .journey-v8-phone-column{width:min(100%,286px)}
  .journey-v8-device{width:min(100%,276px)}
  .journey-v8-steps{width:min(100%,330px)}
}

/* Smart PWA installation states. Chromium can open the native install sheet
   directly; iOS continues to use the dedicated Safari guide. */
.home-app-store-button{position:relative}
.home-app-store-button.is-install-ready{border-color:rgba(180,133,40,.75);box-shadow:0 18px 42px rgba(145,101,25,.18),0 0 0 3px rgba(208,163,65,.10);animation:pwaInstallReadyPulse 2.2s ease-in-out infinite}
.home-app-store-button.is-install-ready::after,.app-direct-install-button.is-install-ready::after{content:attr(data-pwa-direct-badge);position:absolute;top:-10px;inset-inline-end:-8px;padding:5px 8px;border-radius:999px;background:#b88726;color:#fff;font-size:9px;font-weight:800;line-height:1;box-shadow:0 8px 18px rgba(95,55,12,.2);white-space:nowrap}
.home-app-store-button.is-installing,.app-direct-install-button.is-installing{pointer-events:none;opacity:.72;transform:none}
.home-app-installed-state{margin-top:30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;max-width:650px;padding:16px 18px;border:1px solid rgba(35,123,83,.18);border-radius:18px;background:rgba(239,250,244,.88);box-shadow:0 14px 34px rgba(28,96,66,.08);text-align:start}
.home-app-installed-state[hidden],.app-direct-installed-state[hidden]{display:none!important}
.home-app-installed-state>span,.app-direct-installed-state>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#dff4e8;color:#237b53}.home-app-installed-state>span .ui-icon,.app-direct-installed-state>span .ui-icon{width:20px;height:20px;fill:currentColor}
.home-app-installed-state>div,.app-direct-installed-state>div{display:flex;flex-direction:column;gap:3px}.home-app-installed-state strong,.app-direct-installed-state strong{font-size:13px;color:#164f39}.home-app-installed-state small,.app-direct-installed-state small{font-size:10px;color:#668077;line-height:1.6}
.app-direct-install-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:24px}.app-direct-install-actions .btn{position:relative}.app-direct-install-actions>small{max-width:530px;color:#8c7774;font-size:10px;line-height:1.7}
.app-direct-installed-state{margin-top:24px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;max-width:620px;padding:14px;border:1px solid rgba(35,123,83,.18);border-radius:16px;background:#f2fbf6;text-align:start}
@keyframes pwaInstallReadyPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(max-width:780px){.home-app-installed-state{margin-inline:auto;grid-template-columns:auto 1fr;text-align:start}.home-app-installed-state .btn{grid-column:1/-1;width:100%;justify-content:center}.app-direct-install-actions{align-items:center}.app-direct-install-actions>small{text-align:center}.app-direct-installed-state{grid-template-columns:auto 1fr}.app-direct-installed-state .btn{grid-column:1/-1;width:100%;justify-content:center}}
[data-pwa-install-actions][hidden]{display:none!important}


/* Android PWA direct-install readiness assistant. Keep users on the current
   page while Chromium finishes its own installability/engagement checks. */
.pwa-install-guide-card.is-android-assistant{width:min(100%,460px);padding:30px 26px 26px}
.pwa-install-guide-mark.is-android{border-radius:18px;background:#edf7ef;color:#24743a;font-family:inherit;font-size:27px}
.pwa-install-assistant-note{display:block;margin:10px auto 0;max-width:370px;color:#8a7472;font-size:11px;line-height:1.8}
.pwa-install-assistant-actions{display:grid;gap:10px;margin-top:22px}
.pwa-install-assistant-actions .btn{width:100%;justify-content:center;min-height:46px;text-decoration:none}
.pwa-install-assistant-primary[disabled]{cursor:wait;opacity:.58;filter:saturate(.65)}
.pwa-install-assistant-primary.is-install-ready{animation:pwaInstallReadyPulse 1.8s ease-in-out infinite}
@media(max-width:520px){.pwa-install-guide-card.is-android-assistant{padding:27px 18px 20px}.pwa-install-assistant-actions{margin-top:18px}}

/* Transactional email + account recovery */
.auth-container-compact{max-width:640px}.auth-card-reset{display:block;max-width:600px;margin-inline:auto}.auth-card-reset .auth-card-form{width:100%;padding:34px}.auth-inline-link{display:flex;justify-content:flex-end;margin:-2px 0 14px}.auth-inline-link a{font-size:11px;font-weight:800;color:var(--maroon-700);text-decoration:none}.auth-inline-link a:hover{text-decoration:underline}.auth-success-card{display:flex;align-items:flex-start;gap:12px;padding:16px;margin:0 0 18px;border:1px solid #cfe6d5;border-radius:16px;background:#f7fcf8;color:#264f35}.auth-success-card>.ui-icon{width:22px;height:22px;flex:0 0 auto;fill:currentColor}.auth-success-card strong{display:block;margin-bottom:5px}.auth-success-card p{margin:0;font-size:11px;line-height:1.75;color:#597061}.auth-success-card.is-warning{border-color:#ead8b6;background:#fffdf7;color:#765115}.email-account-display{display:flex;align-items:center;gap:10px}.email-account-display .input{min-width:0;flex:1}.email-account-display .status{white-space:nowrap}.email-preferences-card{margin-top:14px}.email-preferences-card>p{margin-top:-4px;color:var(--muted);line-height:1.7}.email-preference-form,.email-verify-action{display:grid;gap:10px;margin-top:13px}.email-preference-form small{color:var(--muted);line-height:1.65}.email-preference-form .btn,.email-verify-action .btn{justify-self:start}
@media(max-width:640px){.auth-card-reset .auth-card-form{padding:26px 18px}.email-account-display{align-items:stretch;flex-direction:column}.email-account-display .status{align-self:flex-start}.email-preference-form .btn,.email-verify-action .btn{width:100%;justify-content:center}}


/* Public service team-composition display */
.service-team-public{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin:16px 0 10px;padding:15px 16px;border:1px solid rgba(89,25,43,.11);border-radius:18px;background:linear-gradient(145deg,#fffdf9,#faf5ee);overflow:hidden}
.service-team-public:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--maroon-700)}
.service-team-public-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#efe3d9;color:var(--maroon-700)}
.service-team-public-icon .ui-icon{width:21px;height:21px}
.service-team-public-copy{min-width:0}.service-team-public-copy small,.service-team-public-copy strong,.service-team-public-copy p{display:block}.service-team-public-copy small{color:#9b877f;font-size:9px;font-weight:850;letter-spacing:.02em}.service-team-public-copy strong{margin-top:1px;color:var(--maroon-900);font-size:15px}.service-team-public-copy p{margin:2px 0 0;color:var(--muted);font-size:10px;line-height:1.55}
.service-team-public-mark{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#2f7651;color:#fff}.service-team-public-mark .ui-icon{width:14px;height:14px}
.service-team-public-women{background:linear-gradient(145deg,#fffaf0,#fffdf9);border-color:rgba(155,114,39,.17)}.service-team-public-women:before{background:#9b7227}.service-team-public-women .service-team-public-icon{background:#f5ead3;color:#8b641d}.service-team-public-women .service-team-public-mark{background:#9b7227}
.service-team-public-mixed{background:linear-gradient(145deg,#fbf3f5,#fffaf2);border-color:rgba(109,23,53,.15)}.service-team-public-mixed:before{background:linear-gradient(#6d1735 0 50%,#9b7227 50% 100%)}.service-team-public-mixed .service-team-public-icon{background:linear-gradient(135deg,#f0e0e4,#f2ead8);color:#6d1735}.service-team-public-mixed .service-team-public-mark{background:#6d1735}
.service-team-public-client_choice{background:linear-gradient(145deg,#f7f4ff,#fffdf9);border-color:rgba(89,63,145,.18)}.service-team-public-client_choice:before{background:linear-gradient(180deg,#6d1735,#7b63a8)}.service-team-public-client_choice .service-team-public-icon{background:#eee8f7;color:#65508f}.service-team-public-client_choice .service-team-public-mark{background:#65508f}
@media(max-width:620px){.service-team-public{grid-template-columns:auto minmax(0,1fr);padding:13px 14px}.service-team-public-mark{display:none}.service-team-public-icon{width:40px;height:40px;border-radius:12px}.service-team-public-copy strong{font-size:14px}}


/* Client team choice for services configured as "حسب الطلب" */
.booking-team-choice{margin:14px 0 16px;padding:15px;border:1px solid rgba(91,62,137,.16);border-radius:18px;background:linear-gradient(145deg,#faf8ff,#fffdf9);box-shadow:0 14px 32px -30px rgba(72,42,99,.55)}
.booking-team-choice-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.booking-team-choice-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#ece6f5;color:#65508f}.booking-team-choice-icon .ui-icon{width:19px;height:19px}.booking-team-choice-head strong,.booking-team-choice-head small{display:block}.booking-team-choice-head strong{color:var(--maroon-900);font-size:13px}.booking-team-choice-head small{margin-top:3px;color:var(--muted);font-size:9.5px;line-height:1.6}
.booking-team-choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.booking-team-choice-option{position:relative;cursor:pointer;min-width:0}.booking-team-choice-option input{position:absolute;opacity:0;pointer-events:none}.booking-team-choice-option>span{position:relative;min-height:88px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:11px;border:1px solid rgba(64,38,52,.1);border-radius:14px;background:#fff;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}.booking-team-choice-option>span>i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f0e8e4;color:var(--maroon-700);font-style:normal}.booking-team-choice-option>span>i .ui-icon{width:17px;height:17px}.booking-team-choice-option b{font-size:11px;color:var(--maroon-900)}.booking-team-choice-option small{font-size:8.5px;line-height:1.45;color:var(--muted)}.booking-team-choice-option em{grid-column:3;grid-row:1/3;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#eee8e5;color:#b1a09b;font-style:normal}.booking-team-choice-option em .ui-icon{width:12px;height:12px}.booking-team-choice-option:hover>span{transform:translateY(-1px);border-color:rgba(91,62,137,.22)}.booking-team-choice-option input:focus-visible+span{outline:3px solid rgba(91,62,137,.18);outline-offset:2px}.booking-team-choice-option input:checked+span{border-color:rgba(47,118,81,.35);background:linear-gradient(145deg,#f3fbf6,#fff);box-shadow:0 13px 28px -24px rgba(47,118,81,.7)}.booking-team-choice-option input:checked+span>i{background:#e4f3e9;color:#246a46}.booking-team-choice-option input:checked+span>em{background:#2f7651;color:#fff}.booking-team-choice-women input:checked+span{border-color:rgba(155,114,39,.3);background:linear-gradient(145deg,#fffaf0,#fff)}.booking-team-choice-women input:checked+span>i{background:#f5ead3;color:#8b641d}.booking-team-choice-women input:checked+span>em{background:#9b7227;color:#fff}
.booking-team-request-value{display:inline-flex!important;align-items:center;width:max-content;max-width:100%;padding:5px 9px;border-radius:999px;background:#edf6f0;color:#246a46!important;font-size:10.5px!important}.booking-team-request-women{background:#fbf2df;color:#8b641d!important}
@media(max-width:520px){.booking-team-choice-options{grid-template-columns:1fr}.booking-team-choice-option>span{min-height:76px}}

/* Mobile homepage hero cards: keep English/LTR callouts fully inside the viewport. */
@media (max-width: 850px) {
  .home-hero .hero-card {
    min-width: 0;
    width: min(260px, calc(100% - 20px));
    max-width: calc(100% - 20px);
  }
  .home-hero .hero-card strong,
  .home-hero .hero-card small {
    overflow-wrap: anywhere;
    word-break: normal;
  }
  .home-hero .hero-card small {
    display: block;
  }

  /* RTL: first card hugs the right, second hugs the left. */
  .home-hero .hero-card.one {
    right: 10px;
    left: auto;
  }
  .home-hero .hero-card.two {
    left: 10px;
    right: auto;
  }

  /* LTR mirrors the composition without the old negative offsets. */
  html[dir="ltr"] .home-hero .hero-card.one {
    left: 10px;
    right: auto;
  }
  html[dir="ltr"] .home-hero .hero-card.two {
    right: 10px;
    left: auto;
  }
}

@media (max-width: 380px) {
  .home-hero .hero-card {
    width: min(238px, calc(100% - 16px));
    max-width: calc(100% - 16px);
    padding: 11px 13px;
  }
  .home-hero .hero-card.one { right: 8px; }
  .home-hero .hero-card.two { left: 8px; }
  html[dir="ltr"] .home-hero .hero-card.one { left: 8px; right: auto; }
  html[dir="ltr"] .home-hero .hero-card.two { right: 8px; left: auto; }
}

/* Google account sign-in */
.google-auth-entry{display:grid;gap:10px;margin:0 0 18px}
.google-signin-button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 18px;border:1px solid #d8dadd;border-radius:14px;background:#fff;color:#202124;text-decoration:none;font-family:Inter,'Cairo',sans-serif;font-size:14px;font-weight:700;box-shadow:0 8px 24px -20px rgba(32,33,36,.55);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.google-signin-button:hover{border-color:#b9bdc3;box-shadow:0 13px 30px -22px rgba(32,33,36,.7);transform:translateY(-1px)}
.google-signin-button:focus-visible{outline:3px solid rgba(66,133,244,.22);outline-offset:2px}
.google-signin-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #e4e7eb;color:#4285f4;font-family:Arial,sans-serif;font-size:16px;font-weight:800;line-height:1}
.google-auth-note,.google-auth-legal{margin:0;text-align:center;color:var(--muted);font-size:10.5px;line-height:1.65}
.google-auth-legal{font-size:9.5px}.google-auth-legal a{color:var(--maroon-700);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0 18px;color:var(--muted);font-size:10px;font-weight:700;white-space:nowrap}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--line)}
@media(max-width:620px){.google-signin-button{min-height:48px;border-radius:13px}.google-auth-note{font-size:10px}.google-auth-legal{font-size:9px}}

/* Google Login account-role chooser */
.google-auth-role-entry{gap:12px}
.google-auth-role-heading{display:flex;align-items:center;gap:11px;padding:2px 2px 0;color:var(--ink)}
.google-auth-role-heading .google-signin-mark{flex:0 0 auto}
.google-auth-role-heading>div{display:grid;gap:1px;min-width:0}
.google-auth-role-heading strong{font-size:13px;font-weight:800;color:var(--ink)}
.google-auth-role-heading small{font-size:10px;color:var(--muted);font-weight:600}
.google-role-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.google-role-option{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:78px;padding:12px 13px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.82);color:var(--ink);text-decoration:none;box-shadow:0 10px 28px -25px rgba(55,19,29,.55);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}
.google-role-option:hover{border-color:rgba(121,25,47,.34);background:#fff;box-shadow:0 15px 32px -25px rgba(55,19,29,.66);transform:translateY(-1px)}
.google-role-option:focus-visible{outline:3px solid rgba(121,25,47,.16);outline-offset:2px}
.google-role-option-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(121,25,47,.08);color:var(--primary);font-size:17px}
.google-role-option-copy{display:grid;gap:3px;min-width:0}
.google-role-option-copy strong{font-size:11px;font-weight:800;line-height:1.45;color:var(--ink)}
.google-role-option-copy small{font-size:9px;line-height:1.65;color:var(--muted);font-weight:600}
.google-role-option-arrow{font-size:23px;line-height:1;color:var(--primary);opacity:.62}
html[dir="ltr"] .google-role-option-arrow{transform:rotate(180deg)}
@media(max-width:620px){.google-role-options{grid-template-columns:1fr}.google-role-option{min-height:70px;padding:11px 12px}.google-role-option-copy strong{font-size:11px}.google-role-option-copy small{font-size:9px}}

/* Provider account type registration */
.provider-type-registration{margin:0 0 22px;padding:18px;border:1px solid rgba(91,18,39,.12);border-radius:20px;background:#fffaf5}.provider-type-registration-head{margin-bottom:12px}.provider-type-registration-head h2{margin:3px 0 0;font-size:16px;color:var(--maroon-900)}.provider-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-type-switch label{cursor:pointer}.provider-type-switch input{position:absolute;opacity:0}.provider-type-switch label>span{display:grid;gap:4px;min-height:96px;padding:16px;border:1px solid rgba(91,18,39,.12);border-radius:16px;background:#fff;transition:.2s}.provider-type-switch b{font-size:13px;color:var(--maroon-900)}.provider-type-switch small{font-size:10px;line-height:1.65;color:var(--muted)}.provider-type-switch input:checked+span{border-color:var(--maroon-700);background:linear-gradient(145deg,#fff8f0,#fff);box-shadow:0 12px 28px -22px rgba(91,18,39,.65);outline:2px solid rgba(91,18,39,.08)}.provider-type-switch input:focus-visible+span{outline:3px solid rgba(190,149,48,.25)}
@media(max-width:620px){.provider-type-switch{grid-template-columns:1fr}}

/* Public Event Organizer package presentation */
.public-package-badge{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;padding:8px 12px;border:1px solid rgba(218,181,93,.38);border-radius:999px;background:rgba(255,247,224,.95);color:#6f4d08;font-size:11px;font-weight:900}.public-package-badge .ui-icon{width:16px;height:16px}.public-package-includes{margin:24px 0;padding:24px;border:1px solid rgba(91,18,39,.1);border-radius:24px;background:linear-gradient(145deg,#fffdf9,#fbf4ea)}.public-package-includes-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}.public-package-includes-head>span{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:#68162b;color:#fff}.public-package-includes-head small{display:block;color:#9b6d18;font-size:9px;font-weight:900}.public-package-includes-head h2{margin:2px 0 3px;color:#41101c;font-size:20px}.public-package-includes-head p{margin:0;color:#786a66;font-size:11px;line-height:1.65}.public-package-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.public-package-item{overflow:hidden;border:1px solid rgba(91,18,39,.1);border-radius:19px;background:#fff;box-shadow:0 18px 36px -34px rgba(55,8,18,.6)}.public-package-item>img{display:block;width:100%;height:190px;object-fit:cover}.public-package-item>div{position:relative;padding:17px}.public-package-item-check{position:absolute;inset-block-start:-18px;inset-inline-end:16px;width:36px;height:36px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;background:#287b50;color:#fff}.public-package-item-check .ui-icon{width:15px;height:15px}.public-package-item h3{margin:0 0 6px;padding-inline-end:38px;color:#4b1020;font-size:15px}.public-package-item p{margin:0;color:#786a66;font-size:10px;line-height:1.75}.related-provider-packages{padding-top:12px}.related-provider-packages-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.related-provider-packages-head small{color:#9b6d18;font-weight:900;font-size:10px}.related-provider-packages-head h2{margin:3px 0 0;color:#42101d}.related-provider-packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.related-package-card{overflow:hidden;border:1px solid rgba(91,18,39,.1);border-radius:22px;background:#fff}.related-package-image{position:relative;display:block;height:190px;overflow:hidden}.related-package-image img{width:100%;height:100%;object-fit:cover;transition:.3s}.related-package-image:hover img{transform:scale(1.04)}.related-package-image span{position:absolute;inset-block-start:12px;inset-inline-start:12px;padding:6px 10px;border-radius:999px;background:#68162b;color:#fff;font-size:9px;font-weight:900}.related-package-body{padding:16px}.related-package-body>small{color:#9b6d18;font-size:9px;font-weight:850}.related-package-body h3{margin:4px 0 6px;font-size:15px}.related-package-body h3 a{color:#42101d}.related-package-body p{min-height:38px;margin:0 0 13px;color:#786a66;font-size:10px;line-height:1.65}.related-package-body>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #eee5e2}.related-package-body strong{color:#68162b}.related-package-body a{color:#68162b;font-size:10px;font-weight:900}
@media(max-width:900px){.related-provider-packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.public-package-items,.related-provider-packages-grid{grid-template-columns:1fr}.public-package-includes{padding:17px}.public-package-item>img{height:180px}}