/* Product pages: the shared classical, charcoal and violet identity. */
.product-page .drawer:not([data-open]){visibility:hidden;transform:none;pointer-events:none}
@font-face{font-family:Plex;src:url('/fbauto/assets/ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('/fbauto/assets/ibm-plex-sans-arabic-arabic-700-normal-DrtBj6UE.woff2') format('woff2');font-weight:600 700;font-display:swap}
@font-face{font-family:Readex;src:url('/xengine/assets/readex-pro-arabic-700-normal-EXBdNfUG.woff2') format('woff2');font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF}
:root{--ink:#0b0c10;--panel:#111017;--panel-2:#1d1629;--panel-3:#2b2038;--sand:#bd91f7;--sand-bright:#ddbbff;--sand-dim:#a989ce;--chalk:#f3f0ec;--ash:#b0aab9;--ash-dim:#93879e;--rule:#b893e33d;--rule-solid:#3b3049;--font-ar:Plex,Arial,sans-serif;--font-mono:Arial,sans-serif;--font-display:Arial,sans-serif;--maxw:1280px;--r-hard:14px;--sec-pad:65px}
html{scroll-padding-top:95px}.product-page{background:#0b0c10}h1,h2,h3{font-family:Readex,Plex,Arial,sans-serif;font-weight:700}.label{letter-spacing:2px}.nums{font-family:Arial,sans-serif}.site-header .bar{height:82px}.brand{font-family:Arial,sans-serif;font-size:25px;gap:9px;align-items:center;direction:ltr}.brand img{object-fit:contain}.brand .mark{color:var(--chalk)}.site-header{border-bottom:1px solid #ad89d01b}.nav-main{margin-inline:auto}.megamenu,.drawer{border-radius:14px;background:#110f19}.btn{border:1px solid #c29ae6;border-radius:12px;background:linear-gradient(135deg,#bc8bfa,#7936df);color:#fff;box-shadow:inset 0 1px 5px #f1daff55,0 5px 25px #8c42da22;min-height:46px}.btn:hover{background:linear-gradient(135deg,#d3afff,#8f49ec)}.btn--ghost{background:#17111e66;box-shadow:none;color:#ddc2fa;border-color:#8e6ba6}.btn--ghost:hover{background:#2a1b3c}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #e5c7ff;outline-offset:5px}
.prod-hero{position:relative;isolation:isolate;grid-template-columns:1fr 1.12fr;gap:55px;padding-block:65px 90px;min-height:690px}.prod-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#0b0c1066,#0b0c10 98%),url('/assets/images/classical/temple.png') center 38%/cover;opacity:.32}.product-identity{display:flex;align-items:center;gap:15px;font:bold 25px Arial,sans-serif;margin-bottom:25px}.product-glyph{display:grid;place-items:center;width:49px;height:53px;border:1px solid #b78ce2;border-radius:12px;font-size:40px;background:linear-gradient(135deg,#4d3163,#16101e);box-shadow:0 0 25px #a257df33;color:#e7ceff}.product-glyph svg{width:32px;height:32px}.prod-hero__body>.label{font-family:Plex,Arial,sans-serif;letter-spacing:0;font-size:12px;color:#c09bdf}.prod-hero h1{font-size:clamp(30px,3.2vw,46px);line-height:1.55;margin-block:18px}.prod-hero__sub{font-size:16px;line-height:1.95}.prod-hero__price{margin-top:24px}.prod-hero__price b{color:#e5c9ff;font-size:34px}.prod-hero .btn-row{margin-top:25px;gap:12px}.spec-row{border:0;gap:9px;margin-top:25px;padding:0}.spec-row .label-ar{border:1px solid #9f7abb38;padding:5px 11px;border-radius:30px;font-size:11px}.spec-row .swatch-strip,.spec-row>.label{display:none}
.product-stage{position:relative;min-width:0;padding-top:150px;padding-bottom:45px;perspective:1000px;isolation:isolate}.product-stage__sculpture{position:absolute;width:260px;height:260px;object-fit:contain;top:-45px;left:50%;transform:translateX(-50%);filter:brightness(.82);z-index:-1}.product-stage__halo{position:absolute;inset:-25% 0;z-index:-2;background:radial-gradient(ellipse,#8654bd30,transparent 62%);pointer-events:none}.prod-hero__media{display:block;border:1px solid #9b72c5;border-radius:13px;overflow:hidden;background:#121016;box-shadow:0 0 0 5px #a980cb0d,0 25px 65px #000a,0 0 40px #9c55eb22;transform:rotateY(-7deg) rotateX(3deg);transition:transform .4s,border-color .3s}.prod-hero__media:hover{transform:rotateY(0) rotateX(0);border-color:#dec1ff}.screen-toolbar,.screen-caption{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;font-size:11px;color:#ccb4e2;background:#17111e}.screen-toolbar{direction:ltr;letter-spacing:1px}.screen-toolbar>span+span{color:#9b7cb9;letter-spacing:4px}.screen-caption{border-top:1px solid #a582be33}.prod-hero__media img{display:block;width:100%;height:auto}.product-stage__name{position:absolute;bottom:-5px;left:0;width:100%;text-align:center;font:bold clamp(36px,5vw,72px)/1 Arial,sans-serif;letter-spacing:-2px;color:#b18adb14;z-index:-1}
.section+.section{border:0}.section-head{justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:12px;margin-bottom:35px}.section-head h2{font-size:clamp(24px,2.8vw,35px)}.section-head .label{color:#b58dd8}.section-head .label::before{display:none}.section-head .label{padding:0}.section-head .lede{flex-basis:auto;margin:0;max-width:650px}.compare{gap:25px}.compare__col{border-radius:15px;padding:30px;background:linear-gradient(145deg,#16121c,#0c0c11);border-color:#a988ca30}.compare__col--with{border-color:#b48ad07a;box-shadow:0 0 28px #9a4de810;background:radial-gradient(ellipse at top right,#5f32832b,transparent 70%),#101016}.compare__col h3{font-size:22px;margin-bottom:22px}.compare__col li{font-size:15px;line-height:1.85}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:none;border:0;counter-reset:feature}.feature{border:1px solid #a17dbb38;border-radius:15px;padding:26px;background:linear-gradient(145deg,#1c15214d,#0c0d12);transition:border-color .25s,transform .25s;counter-increment:feature}.feature:hover{border-color:#b990df;transform:translateY(-4px)}.feature::before{content:counter(feature,decimal-leading-zero);display:grid;place-items:center;width:42px;height:42px;border:1px solid #a078c774;border-radius:12px;color:#d3b1f5;background:linear-gradient(135deg,#392448,#17101e);font:16px Arial,sans-serif;box-shadow:0 0 16px #934bce18}.feature h3{font-size:18px;margin-top:20px;line-height:1.6}.feature p{font-size:14px;line-height:1.9}.states span{border-color:#ac84d13d}
#how{position:relative}#how::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse,#69368a16,transparent 70%)}.steps{gap:20px;background:none;border:0;grid-template-columns:repeat(4,minmax(0,1fr))}.step-card{border:0;background:none;position:relative;padding:22px 18px;text-align:center}.step-card .n{display:grid;place-items:center;width:74px;height:74px;border:1px solid #b790db;border-radius:50%;margin:0 auto 25px;color:#d7bbf1;background:radial-gradient(circle at 30% 20%,#372044,#110e18);box-shadow:0 0 22px #9e5bce21;letter-spacing:1px}.step-card:not(:last-child)::after{content:'';position:absolute;top:59px;inset-inline-start:calc(50% + 48px);width:calc(100% - 76px);height:1px;background:linear-gradient(90deg,#a279cc33,#b38bd3)}.step-card h3{font-size:20px}.step-card p{font-size:14px;line-height:1.85}
.product-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:45px;align-items:stretch}.plan{border:1px solid #9574ad;border-radius:15px;background:linear-gradient(145deg,#19121f,#0c0d12);box-shadow:inset 0 0 0 4px #0b0c10,inset 0 0 0 5px #a277bd33;padding:32px 25px;gap:22px}.plan::before{content:'';height:95px;display:block;background:url('/assets/images/classical/pricing-sculptures.png') 0% center/300% 100% no-repeat;width:145px;margin:0 auto}.plan:nth-child(2)::before{background-position:50% center}.plan:nth-child(3)::before{background-position:100% center}.plan--featured{border:2px solid #bf8aff;background:radial-gradient(ellipse at top,#7949a329,transparent 65%),#100e16;box-shadow:0 0 5px #b47fe2,0 0 30px #9d4fe629,inset 0 0 0 5px #ae77d833}.plan__ribbon{background:linear-gradient(130deg,#bc8bf6,#7132c8);color:white;border:1px solid #d0a1ff;box-shadow:0 0 15px #8c46ca55;max-width:95%;text-align:center}.plan h3{font-size:23px;line-height:1.6}.plan__price{padding-block:12px;border-block:1px solid #b893d32b}.plan__price b{font-size:48px}.plan li{line-height:1.8}.plan .btn{min-height:47px}.badge--solid{background:#30203f;color:#e4c8ff}.crosssell{position:relative;overflow:hidden;border-radius:17px;border-color:#b28ad283;background:radial-gradient(ellipse at 90% 10%,#6831a139,transparent 60%),#100e16;padding:40px}.crosssell::after{content:'';position:absolute;width:240px;height:240px;left:22%;top:-30px;background:url('/assets/images/classical/step-arch.png') center/contain no-repeat;opacity:.13;pointer-events:none}.plate::before,.plate::after,.corner-bl,.corner-br{display:none}.crosssell h2{font-size:27px;line-height:1.6}.crosssell p{font-size:15px}.pick{border-radius:14px;background:linear-gradient(130deg,#211529,#0f1016);padding:26px;border-color:#a37dca45}.pick .ico{color:#e0c4fa;border:1px solid #aa7ecd;border-radius:12px;background:#2b1a39}.cta-final{border:1px solid #ac83d149;border-radius:20px;padding:55px;margin-block:45px 80px;background:radial-gradient(ellipse at center top,#67308b26,transparent 65%);text-align:center}.cta-final .btn-row{justify-content:center}.cta-final p{margin-inline:auto}.site-footer{background:#090a0d;border-top-color:#9770b62b}.screen-dialog{position:fixed;inset:0;margin:auto;padding:48px 16px 16px;width:min(1200px,94vw);max-height:92svh;border:1px solid #b58bd4;border-radius:14px;background:#100e18;color:white;overflow:auto}.screen-dialog::backdrop{background:#06050be8;backdrop-filter:blur(7px)}.screen-dialog img{width:100%;height:auto;display:block}.screen-dialog button{position:absolute;top:4px;inset-inline-end:10px;width:40px;height:40px;font-size:30px;border:0;background:none;cursor:pointer}.product-reveal{animation:product-arrive .65s both}@keyframes product-arrive{from{opacity:.4;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1100px){.prod-hero{gap:30px;min-height:600px}.prod-hero h1{font-size:33px}.brand{font-size:21px}.nav-list{gap:18px}.header-end{gap:12px}.product-stage__sculpture{width:225px;height:225px;top:-15px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan{padding:28px 18px}.step-card{padding-inline:10px}}
@media(max-width:800px){.prod-hero{grid-template-columns:1fr;padding-top:35px;gap:30px}.prod-hero::before{inset-inline:0}.prod-hero__body{text-align:center;max-width:620px;margin:auto}.product-identity,.prod-hero__price,.prod-hero .btn-row,.spec-row{justify-content:center}.prod-hero__sub{margin-inline:auto}.product-stage{width:min(600px,100%);margin:10px auto 0;padding-top:145px}.prod-hero__media{transform:none}.product-stage__sculpture{top:-45px;width:260px;height:260px}.product-plans{grid-template-columns:1fr;max-width:520px;margin-inline:auto;gap:35px}.plan--featured{order:-1}.plan{text-align:center;padding:32px}.plan__price{justify-content:center}.plan ul{text-align:start;max-width:340px;margin:auto}.plan .badge{align-self:center}.steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.step-card:nth-child(2)::after{display:none}.site-header .bar{height:72px}.section{padding-block:45px}.cta-final{padding:35px}.crosssell{padding:30px}.crosssell .btn{width:100%}}
@media(max-width:520px){.prod-hero h1{font-size:30px}.prod-hero__sub{font-size:14px}.product-identity{font-size:23px}.prod-hero .btn-row{flex-direction:column;align-items:stretch}.prod-hero__price{flex-wrap:wrap}.product-stage{padding-top:120px}.product-stage__sculpture{width:220px;height:220px;top:-40px}.product-stage__name{font-size:40px}.compare{grid-template-columns:1fr}.compare__col{padding:25px}.feature-grid{grid-template-columns:1fr}.feature{padding:25px}.section-head h2{font-size:26px;line-height:1.6}.steps{grid-template-columns:1fr}.step-card{padding:10px 20px 25px}.step-card:not(:last-child)::after{display:none}.step-card .n{margin-bottom:18px;width:62px;height:62px}.step-card p{max-width:290px;margin:auto}.crosssell h2{font-size:23px}.crosssell{padding:27px}.cta-final{padding:30px 20px}.cta-final h2{font-size:26px}.cta-final .btn-row{flex-direction:column}.site-header .brand{font-size:21px}.header-end>.btn{display:none}.siblings{grid-template-columns:1fr}.screen-toolbar{font-size:10px}.product-glyph{width:42px;height:46px}.section-head .lede{font-size:14px}}
@media(prefers-reduced-motion:reduce){.prod-hero__media,.feature{transition:none}.product-reveal{animation:none}.feature:hover{transform:none}}
