@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800;900&display=swap');
:root{--blue:#c5a15a;--blue2:#967132;--green:#d8c08a;--green2:#8a6b2e;--ink:#0c1d2d;--muted:#6b7b8d;--soft:#f5fbff;--line:#e6eef5;--bg:#ffffff;--danger:#e23d3d;--warning:#f7a70f;--shadow:0 18px 50px rgba(13,40,68,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Cairo',Tahoma,Arial,sans-serif;background:#fff;color:var(--ink);line-height:1.8}body[dir="ltr"]{font-family:'Cairo',Arial,sans-serif}.container{width:min(1220px,92%);margin:auto}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.top-strip{background:linear-gradient(90deg,var(--blue),var(--green));color:#fff;font-size:13px}.top-strip .container{display:flex;justify-content:space-between;gap:15px;padding:7px 0}.site-header{position:sticky;top:0;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);z-index:50;border-bottom:1px solid rgba(7,88,138,.08)}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}.brand{display:flex;align-items:center;gap:12px}.brand img{height:54px;width:auto}.nav-links{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.nav-links a{padding:10px 13px;border-radius:999px;font-weight:700;color:#17324a;white-space:nowrap}.nav-links a:hover,.nav-links .active{background:#eff9ff;color:var(--blue2)}.nav-actions{display:flex;align-items:center;gap:9px}.btn,.btn-outline,.btn-soft{border:0;border-radius:16px;padding:11px 17px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.25s;white-space:nowrap}.btn{background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;box-shadow:0 12px 28px rgba(8,167,248,.22)}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(8,167,248,.30)}.btn-outline{background:#fff;border:1px solid var(--line);color:#0c2c46}.btn-soft{background:#eefaf3;color:#0e7c3a}.icon-btn{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;position:relative}.cart-count{position:absolute;top:-7px;inset-inline-end:-7px;background:var(--green);color:#fff;border-radius:50%;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px;font-weight:900}.mobile-toggle{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 5% 20%,rgba(8,167,248,.14),transparent 28rem),radial-gradient(circle at 85% 5%,rgba(32,212,90,.16),transparent 28rem),linear-gradient(180deg,#fff,#f7fcff);padding:70px 0 45px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:40px;align-items:center}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.18;margin:0 0 18px;font-weight:900;letter-spacing:-1px}.gradient-text{background:linear-gradient(135deg,var(--blue2),var(--green2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:19px;color:#496172;margin:0 0 25px;max-width:680px}.hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.kpi{padding:18px;border-radius:22px;background:#fff;box-shadow:var(--shadow);border:1px solid #edf4fa}.kpi b{display:block;font-size:24px;color:var(--blue2)}.hero-visual{position:relative;min-height:480px}.slide-card{position:absolute;inset:0;border-radius:34px;background:#fff;box-shadow:var(--shadow);overflow:hidden;border:1px solid #edf5fb;opacity:0;transform:scale(.96) translateY(20px);transition:.65s}.slide-card.active{opacity:1;transform:scale(1) translateY(0)}.slide-card .mock-img{height:72%;background:linear-gradient(135deg,#e5f7ff,#eefef3);display:grid;place-items:center;position:relative}.slide-card .mock-img:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,rgba(8,167,248,.25),rgba(32,212,90,.25));filter:blur(2px)}.slide-card .mock-img i{font-size:120px;color:#fff;text-shadow:0 20px 50px rgba(0,0,0,.14);z-index:1}.slide-content{padding:22px}.slide-content strong{font-size:24px}.slide-content p{font-size:15px;margin:5px 0 0}.floating-badge{position:absolute;z-index:4;background:#fff;border:1px solid #e9f2f7;border-radius:24px;padding:14px 18px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;font-weight:800}.floating-badge i{color:var(--green);font-size:23px}.fb1{top:28px;inset-inline-start:-22px}.fb2{bottom:50px;inset-inline-end:-18px}.section{padding:72px 0}.section.alt{background:linear-gradient(180deg,#f8fcff,#fff)}.section-head{text-align:center;max-width:800px;margin:0 auto 34px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#ecf9ff;color:var(--blue2);border:1px solid #d9f1ff;border-radius:999px;padding:7px 14px;font-weight:800;font-size:14px}.section h2{font-size:clamp(28px,3.5vw,46px);line-height:1.25;margin:12px 0 10px}.section-head p{color:var(--muted);font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card,.service-card,.product-card,.admin-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 12px 34px rgba(10,50,85,.07);transition:.25s;position:relative;overflow:hidden}.info-card:before,.service-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--blue),var(--green))}.info-card:hover,.service-card:hover,.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(10,50,85,.12)}.info-card i,.service-card i{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#effaff,#e9fff0);color:var(--blue2);font-size:25px;margin-bottom:16px}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center}.about-visual{border-radius:36px;background:linear-gradient(135deg,#ecf9ff,#f0fff4);min-height:410px;position:relative;display:grid;place-items:center;box-shadow:var(--shadow);overflow:hidden}.about-visual:after{content:"WSiT";font-size:92px;font-weight:900;color:rgba(8,167,248,.11);letter-spacing:2px}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{padding:22px}.service-card h3{margin:0 0 8px}.product-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.search-box{display:flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:0 10px 28px rgba(10,50,85,.06)}.search-box input,.form-control,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:#fff;font-family:inherit;outline:none;transition:.2s}.search-box input{border:0;min-width:260px}.form-control:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,167,248,.12)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{padding:0;overflow:hidden}.product-image{height:230px;background:linear-gradient(135deg,#edf9ff,#effff3);position:relative;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;padding:18px;transition:.35s}.product-card:hover .product-image img{transform:scale(1.08) rotate(-1deg)}.product-badge{position:absolute;top:14px;inset-inline-start:14px;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:900}.stock-badge{position:absolute;bottom:14px;inset-inline-end:14px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800}.product-body{padding:18px}.product-title{font-weight:900;min-height:54px;color:#102b45}.sku{color:var(--muted);font-size:13px;direction:ltr}.price-row{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:15px 0}.price{font-size:21px;font-weight:900;color:var(--green2)}.old-price{text-decoration:line-through;color:#9aa8b5;font-size:13px}.product-actions{display:flex;gap:8px}.product-actions .btn{flex:1;justify-content:center;padding:10px}.clients-marquee{overflow:hidden;padding:10px 0}.clients-track{display:flex;gap:18px;animation:marquee 22s linear infinite}.client-logo{flex:0 0 190px;height:95px;background:#fff;border:1px solid var(--line);border-radius:24px;display:grid;place-items:center;box-shadow:0 10px 24px rgba(10,50,85,.06);font-weight:900;color:#547}.client-logo img{max-width:140px;max-height:60px}.site-footer{background:#081d2d;color:#dcecff;padding:55px 0 22px;position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;inset:auto auto -150px -80px;width:330px;height:330px;border-radius:50%;background:rgba(32,212,90,.09)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:24px}.footer-logo{height:58px;width:auto;background:#fff;border-radius:16px;padding:6px}.footer-title{font-weight:900;margin-bottom:12px;color:#fff}.footer-links{display:grid;gap:8px}.developer-credit{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);border-radius:14px;padding:7px 11px;font-size:13px;margin-top:16px}.developer-credit .heart{color:#ff4f7b;animation:pulse 1.2s infinite}.page-hero{padding:55px 0;background:linear-gradient(135deg,#effaff,#f2fff5);border-bottom:1px solid var(--line)}.page-hero h1{font-size:42px;margin:0 0 8px}.shop-layout{display:grid;grid-template-columns:280px 1fr;gap:24px}.sidebar{background:#fff;border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:0 12px 34px rgba(10,50,85,.07);height:max-content;position:sticky;top:100px}.filter-list{display:grid;gap:8px}.filter-list a{padding:9px 12px;border-radius:13px;color:#345}.filter-list a:hover,.filter-list a.active{background:#eff9ff;color:var(--blue2)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:32px}.gallery-main{background:linear-gradient(135deg,#edf9ff,#effff3);border:1px solid var(--line);border-radius:32px;min-height:460px;display:grid;place-items:center;overflow:hidden}.gallery-main img{max-height:420px;object-fit:contain}.detail-panel{background:#fff;border:1px solid var(--line);border-radius:32px;padding:28px;box-shadow:var(--shadow)}.option-group{margin:18px 0}.option-values{display:flex;gap:8px;flex-wrap:wrap}.option-pill input{display:none}.option-pill span{display:inline-flex;border:1px solid var(--line);border-radius:14px;padding:9px 13px;cursor:pointer;font-weight:800}.option-pill input:checked+span{background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;border-color:transparent}.cart-table{width:100%;border-collapse:separate;border-spacing:0 12px}.cart-table td,.cart-table th{text-align:inherit;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px}.cart-table td:first-child,.cart-table th:first-child{border-inline-start:1px solid var(--line);border-radius:18px 0 0 18px}.cart-table td:last-child,.cart-table th:last-child{border-inline-end:1px solid var(--line);border-radius:0 18px 18px 0}.checkout-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 12px 34px rgba(10,50,85,.07)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.pay-methods,.ship-methods{display:grid;gap:10px}.method-card input{display:none}.method-card span{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:18px;padding:14px;cursor:pointer;background:#fff}.method-card input:checked+span{border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,167,248,.10)}.summary-row{display:flex;justify-content:space-between;margin:10px 0}.summary-row.total{font-size:20px;font-weight:900;border-top:1px dashed var(--line);padding-top:14px}.alert{padding:13px 16px;border-radius:16px;margin:12px 0}.alert-success{background:#eaffef;color:#087d37}.alert-error{background:#fff0f0;color:#bb2323}.alert-info{background:#edf9ff;color:#075c96}.empty{padding:45px;border:1px dashed #cdddea;border-radius:24px;text-align:center;color:var(--muted)}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}@media(max-width:1024px){.hero-grid,.about-grid,.product-detail,.checkout-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero-visual{min-height:420px}.shop-layout{grid-template-columns:1fr}.sidebar{position:static}}@media(max-width:780px){.top-strip .container{display:none}.mobile-toggle{display:grid}.nav-links{position:fixed;inset:78px 0 auto 0;background:#fff;border-bottom:1px solid var(--line);padding:18px;display:none;flex-direction:column;align-items:stretch;box-shadow:0 18px 45px rgba(10,50,85,.12)}.nav-links.open{display:flex}.nav-links a{display:block}.brand img{height:45px}.hero{padding-top:40px}.hero-kpis,.cards,.vision-grid,.product-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.hero-visual{min-height:360px}.floating-badge{display:none}.page-hero h1{font-size:31px}.cart-table{font-size:14px}.cart-table thead{display:none}.cart-table tr,.cart-table td{display:block;border:1px solid var(--line)!important;border-radius:14px!important;margin-bottom:8px}} 
/* Customer account */
.customer-area{background:linear-gradient(180deg,#fff,#f7fcff)}.account-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}.login-shell{max-width:1100px}.account-hero-card{position:relative;overflow:hidden;border-radius:32px;padding:34px;background:linear-gradient(135deg,#c5a15a,#d8c08a);color:#fff;box-shadow:var(--shadow)}.account-hero-card:after{content:"WSiT";position:absolute;inset:auto 20px -10px auto;font-size:86px;font-weight:900;opacity:.12}.account-hero-card>i{width:74px;height:74px;border-radius:24px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:34px;margin-bottom:20px}.account-hero-card h2{font-size:34px;margin:0 0 10px}.account-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.account-points span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;font-weight:800}.account-panel{padding:30px}.otp-input{text-align:center;font-size:28px;font-weight:900;letter-spacing:8px;direction:ltr}.account-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.account-sidebar{position:sticky;top:100px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:0 12px 34px rgba(10,50,85,.07)}.account-user{text-align:center;padding:12px 8px 18px;border-bottom:1px solid var(--line);margin-bottom:12px}.avatar{width:70px;height:70px;border-radius:24px;background:linear-gradient(135deg,#effaff,#e9fff0);color:var(--blue2);display:grid;place-items:center;margin:0 auto 10px;font-size:28px}.account-user strong,.account-user span{display:block}.account-user span{color:var(--muted);font-size:13px}.account-sidebar nav{display:grid;gap:7px}.account-sidebar a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:15px;font-weight:800;color:#1d3448}.account-sidebar a:hover,.account-sidebar a.active{background:#eff9ff;color:var(--blue2)}.account-content{display:grid;gap:18px}.account-welcome{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 12px 34px rgba(10,50,85,.07)}.account-welcome h2{margin:8px 0 0}.account-welcome p{margin:5px 0 0;color:var(--muted)}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.account-stats>div{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 10px 28px rgba(10,50,85,.06)}.account-stats i{width:46px;height:46px;border-radius:16px;background:#edf9ff;color:var(--blue2);display:grid;place-items:center;font-size:20px}.account-stats b{display:block;font-size:28px;margin-top:10px}.account-stats span{color:var(--muted)}.section-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-line h3{margin:0}.responsive-table{overflow:auto}.responsive-table table{width:100%;border-collapse:separate;border-spacing:0 10px}.responsive-table th{color:#607184;font-size:13px;text-align:inherit}.responsive-table td,.responsive-table th{padding:10px 12px}.responsive-table td{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.responsive-table td:first-child{border-inline-start:1px solid var(--line);border-radius:14px 0 0 14px}.responsive-table td:last-child{border-inline-end:1px solid var(--line);border-radius:0 14px 14px 0}.status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;background:#edf9ff;color:#076aa6;font-size:12px;font-weight:900;margin:2px}.status-chip.pay{background:#eaffef;color:#087d37}.status-chip.ship{background:#fff8e8;color:#9a6200}.mini-tabs{display:flex;gap:8px;flex-wrap:wrap}.mini-tabs a{padding:7px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:900}.mini-tabs a.active{background:#edf9ff;color:var(--blue2);border-color:#cfedff}.order-cards{display:grid;gap:12px}.order-card{display:grid;grid-template-columns:1.1fr 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:16px;background:#fff}.order-no{display:block;font-weight:900;color:var(--blue2)}.order-card p{margin:4px 0 0;color:var(--muted);font-size:13px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.timeline-step{position:relative;background:#f8fbfe;border:1px solid var(--line);border-radius:20px;padding:14px;text-align:center;color:#8190a0}.timeline-step span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:#e8eef5;color:#7b8b99}.timeline-step.done{background:#effaf3;border-color:#d7f3df;color:#087d37}.timeline-step.done span{background:linear-gradient(135deg,var(--blue),var(--green));color:#fff}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-grid>div{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fbfdff}.detail-grid b,.detail-grid span{display:block}.detail-grid b{color:#607184;font-size:13px}.detail-grid span{font-weight:900}.totals-box{max-width:420px;margin-inline-start:auto;border:1px solid var(--line);border-radius:20px;padding:14px;background:#fbfdff}.totals-box>div{display:flex;justify-content:space-between;padding:8px}.totals-box .grand{border-top:1px dashed var(--line);font-size:19px;font-weight:900}.history-list{display:grid;gap:10px}.history-list>div{display:grid;grid-template-columns:32px 160px 1fr 120px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:12px;background:#fff}.history-list i{color:var(--blue2)}.history-list em{font-style:normal;color:var(--muted);font-size:13px}.address-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.address-card{border:1px solid var(--line);border-radius:22px;padding:18px;background:#fff;display:flex;justify-content:space-between;gap:12px}.address-card p{margin:6px 0;color:#4f6273}.muted{color:var(--muted)}@media(max-width:950px){.account-shell,.account-layout{grid-template-columns:1fr}.account-sidebar{position:static}.account-stats,.detail-grid,.timeline,.address-grid{grid-template-columns:1fr 1fr}.order-card{grid-template-columns:1fr}.history-list>div{grid-template-columns:32px 1fr}.history-list em{grid-column:2}}@media(max-width:650px){.account-stats,.detail-grid,.timeline,.address-grid{grid-template-columns:1fr}.account-welcome{display:block}.responsive-table table,.responsive-table thead,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block}.responsive-table thead{display:none}.responsive-table td{border:1px solid var(--line)!important;border-radius:12px!important;margin-bottom:6px}.account-hero-card h2{font-size:26px}}

/* Enhanced shop, product cards, and checkout wizard */
.product-grid,.product-grid.three-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.advanced-shop{align-items:start}.filter-panel{position:sticky;top:100px;background:linear-gradient(180deg,#fff,#fbfdff)}.filter-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.filter-title i{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;display:grid;place-items:center}.filter-title h3{margin:0}.filter-panel form{display:grid;gap:13px}.price-filter{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-checks{display:grid;gap:8px;background:#f7fbff;border:1px solid var(--line);border-radius:18px;padding:13px}.filter-checks label{display:flex;align-items:center;gap:8px;font-weight:800}.filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shop-headbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(10,50,85,.06)}.active-filters{display:flex;gap:8px;flex-wrap:wrap}.active-filters span{background:#edf9ff;color:#0b76b8;border:1px solid #d8eefb;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800}.pro-card{border-radius:30px;background:linear-gradient(180deg,#fff,#fcfeff);isolation:isolate}.pro-image{height:250px}.image-glow{position:absolute;inset:20px;border-radius:50%;background:linear-gradient(135deg,rgba(8,167,248,.18),rgba(32,212,90,.20));filter:blur(18px);transform:scale(.75)}.feature-badge{position:absolute;top:14px;inset-inline-end:14px;background:#fff7da;color:#9a6700;border:1px solid #ffe4a1;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:900;z-index:2}.pro-image .product-badge{z-index:2}.stock-badge.in{color:#087d37}.stock-badge.out{color:#bf2424}.pro-body{position:relative}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.card-meta .sku{display:inline-flex;align-items:center;gap:6px}.cat-chip{background:#f1fff5;color:#0f7c3d;border:1px solid #d8f4df;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800}.product-excerpt{color:#6b7b8d;font-size:14px;margin:9px 0 0;min-height:48px}.mini-feature{display:inline-flex;align-items:center;gap:6px;background:#eff9ff;color:#086da8;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.pro-actions{display:grid;grid-template-columns:1fr 48px;gap:9px}.pro-actions .icon-only{width:48px;justify-content:center;padding:10px}.pro-actions button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(1)}
.checkout-hero{background:radial-gradient(circle at 20% 20%,rgba(8,167,248,.13),transparent 26rem),linear-gradient(135deg,#effaff,#f2fff5)}.checkout-section{background:#fbfdff}.checkout-wizard{display:grid;gap:22px}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wizard-step{border:1px solid var(--line);background:#fff;border-radius:20px;padding:13px 14px;font-family:inherit;font-weight:900;cursor:pointer;color:#38536b;display:flex;align-items:center;gap:9px;box-shadow:0 8px 20px rgba(10,50,85,.05)}.wizard-step span{width:30px;height:30px;border-radius:12px;background:#edf9ff;color:var(--blue2);display:grid;place-items:center}.wizard-step.active{background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;border-color:transparent}.wizard-step.active span{background:rgba(255,255,255,.22);color:#fff}.wizard-grid{align-items:start}.wizard-main{display:grid;gap:18px}.wizard-pane{display:none}.wizard-pane.active{display:block;animation:fadeWizard .25s ease}.pane-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px}.pane-head>i{width:54px;height:54px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#effaff,#e9fff0);color:var(--blue2);font-size:22px}.pane-head h3{margin:0}.pane-head p{margin:3px 0 0;color:var(--muted)}.enhanced-fields label{position:relative}.otp-card,.review-box{display:flex;justify-content:space-between;gap:16px;align-items:center;background:linear-gradient(135deg,#f6fbff,#f4fff6);border:1px solid var(--line);border-radius:24px;padding:16px;margin-top:18px}.otp-card p,.review-box p{margin:3px 0 0;color:var(--muted)}.otp-actions{display:flex;gap:8px;align-items:center}.cards-select,.payment-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pro-method span,.payment-card span{min-height:104px;align-items:flex-start;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.pro-method span:after,.payment-card span:after{content:"";position:absolute;inset:auto -35px -35px auto;width:110px;height:110px;border-radius:50%;background:rgba(8,167,248,.07)}.pro-method b,.payment-card b{display:flex;align-items:center;gap:8px}.pro-method em{font-style:normal;color:var(--green2);font-weight:900}.pro-method small,.payment-card small{color:var(--muted);font-weight:700}.payment-card i{font-size:24px;color:var(--blue2)}.bank-transfer-box{display:none;margin-top:18px}.bank-info-card{border:1px solid #dceefb;background:#f6fbff;border-radius:24px;padding:18px;margin-bottom:14px}.bank-info-card h4{margin:0 0 12px}.bank-lines{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bank-lines div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:11px}.bank-lines span{display:block;color:var(--muted);font-size:12px}.bank-lines strong{font-weight:900;word-break:break-word}.wizard-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.confirm-btn{font-size:16px}.sticky-summary{position:sticky;top:100px}.checkout-summary h3{display:flex;align-items:center;gap:8px}.summary-items{display:grid;gap:10px;margin-bottom:14px}.summary-product{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:8px;background:#fff}.summary-product img{width:54px;height:54px;object-fit:contain;background:#f3fbff;border-radius:14px}.summary-product strong{display:block;font-size:13px}.summary-product span{color:var(--muted);font-size:12px}.summary-product b{font-size:13px}.method-card input:checked+span{border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,167,248,.10),0 14px 28px rgba(8,167,248,.10)}@keyframes fadeWizard{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1024px){.product-grid,.product-grid.three-cols{grid-template-columns:repeat(2,1fr)}.wizard-steps{grid-template-columns:repeat(2,1fr)}.cards-select,.payment-select-grid,.bank-lines{grid-template-columns:1fr}.sticky-summary{position:static}}
@media(max-width:780px){.product-grid,.product-grid.three-cols,.price-filter,.filter-actions{grid-template-columns:1fr}.wizard-steps{grid-template-columns:1fr}.otp-card{align-items:stretch;flex-direction:column}.otp-actions{flex-wrap:wrap}.shop-headbar{align-items:flex-start;flex-direction:column}.pro-image{height:220px}}

/* Checkout/account refinements */
.verified-customer-box{display:flex;gap:12px;align-items:flex-start;background:#f0fbf6;border:1px solid #c9f2d4;border-radius:22px;padding:14px;margin-bottom:18px}.verified-customer-box i{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--green));display:grid;place-items:center;color:#fff}.verified-customer-box p{margin:3px 0 0;color:var(--muted)}.saved-addresses-box{border:1px solid var(--line);background:#fbfdff;border-radius:24px;padding:16px;margin-bottom:18px}.mini-title{font-weight:900;margin-bottom:12px;display:flex;gap:8px;align-items:center;color:#12344c}.saved-addresses-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.saved-address-card input{display:none}.saved-address-card span{display:block;min-height:128px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:14px;cursor:pointer;transition:.2s}.saved-address-card input:checked+span{border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,167,248,.10)}.saved-address-card b{display:inline-block;margin-inline-end:7px}.saved-address-card em{font-style:normal;background:#eaffef;color:#087d37;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900}.saved-address-card small,.saved-address-card p{display:block;color:var(--muted);margin:4px 0 0}.saved-address-card.add-new span{background:linear-gradient(135deg,#f6fbff,#f5fff8)}.save-address-line{display:flex;gap:8px;align-items:center;background:#f8fbff;border:1px solid var(--line);border-radius:16px;padding:11px 13px}.required-star{color:#d92d20;font-weight:900}.field-help{display:block;color:var(--muted);font-size:12px;margin-top:5px}.required-otp-card{border-color:#d7edff;background:linear-gradient(135deg,#f4fbff,#f8fff9)}.customer-order-card{grid-template-columns:1fr 1.35fr 1fr auto}.customer-order-statuses{display:flex;gap:8px;flex-wrap:wrap}.customer-order-meta{display:grid;gap:6px;color:var(--muted);font-weight:800}.status-chip.ship{background:#edf9ff;color:#0b75b2}.status-chip.track{background:#f3efff;color:#5d3fb2}.pro-detail-grid>div{min-height:78px}.bank-status-box{margin-top:18px;border-color:#dceefb;background:#f8fcff}.bank-status-box h4{margin:0 0 12px;display:flex;align-items:center;gap:8px}.bank-status-box a{text-decoration:none}
@media(max-width:950px){.saved-addresses-grid,.customer-order-card{grid-template-columns:1fr}.customer-order-statuses{margin:8px 0}}

/* Coupon checkout field */
.coupon-checkout-box{
  margin:14px 0 16px;
  padding:14px;
  border:1px solid rgba(14,165,233,.18);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(232,248,255,.9),rgba(240,253,244,.78));
  box-shadow:0 10px 28px rgba(15,23,42,.05);
}
.coupon-checkout-box label{display:flex;align-items:center;gap:8px;font-weight:900;color:#0b2b43;margin-bottom:9px}
.coupon-input-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.coupon-input-row .form-control{height:46px;border-radius:14px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:#fff}
.coupon-input-row .btn-outline{height:46px;white-space:nowrap;border-radius:14px}
.coupon-message{display:block;margin-top:8px;color:#64748b;font-size:12px;line-height:1.7}
.coupon-message.success{color:#047857;font-weight:800}
.coupon-message.error{color:#b91c1c;font-weight:800}
.discount-row strong{color:#047857!important}
@media(max-width:640px){.coupon-input-row{grid-template-columns:1fr}.coupon-input-row .btn-outline{width:100%;justify-content:center}}

/* Invoice actions fallback */
.invoice-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.invoice-actions form{display:inline-flex;margin:0}.invoice-actions .btn-outline,.invoice-actions .btn{white-space:nowrap}

/* Stage 2 notifications */
.account-menu-count{margin-inline-start:auto;min-width:22px;height:22px;border-radius:999px;background:#ef4444;color:#fff;display:inline-grid;place-items:center;font-size:11px;font-style:normal;padding:0 6px}.customer-notification-list{display:grid;gap:10px}.customer-notification-list.compact{gap:8px}.customer-notification-item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:13px;background:#fff;color:#1d3448;text-decoration:none}.customer-notification-item:hover{background:#f8fcff}.customer-notification-item.unread{border-color:#bde9ff;background:#f2fbff}.customer-notification-item>i{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#edf9ff,#eaffef);color:var(--blue2);display:grid;place-items:center}.customer-notification-item b{display:block}.customer-notification-item p{margin:3px 0;color:var(--muted);font-size:13px}.customer-notification-item small{color:#7b8b99}.customer-notification-item em{font-style:normal;background:#ef4444;color:#fff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.quote-response-box{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:22px;background:#f8fcff}.quote-response-box h3{margin:0 0 12px}.quote-response-box label{display:grid;gap:8px}.quote-response-box textarea{border:1px solid var(--line);border-radius:16px;padding:12px;resize:vertical}@media(max-width:650px){.customer-notification-item{grid-template-columns:38px 1fr}.customer-notification-item em{grid-column:2;justify-self:start}.customer-notification-item>i{width:38px;height:38px}}

/* Stage 4 customer account service hub */
.customer-service-hub{background:linear-gradient(135deg,#ffffff,#f5fbff);border:1px solid var(--line)}.service-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.service-hub-grid a{display:grid;gap:5px;align-content:start;min-height:125px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:16px;color:var(--ink);transition:.22s}.service-hub-grid a:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(10,50,85,.09);border-color:#cceeff}.service-hub-grid i{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#effaff,#e9fff0);color:var(--blue2);font-size:20px}.service-hub-grid b{font-size:15px}.service-hub-grid small{color:var(--muted);font-weight:700;line-height:1.7}@media(max-width:900px){.service-hub-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.service-hub-grid{grid-template-columns:1fr}.service-hub-grid a{min-height:auto}}

/* Stage 5: customer support tickets */
.ticket-stage5-customer .customer-support-grid{grid-template-columns:340px minmax(0,1fr);align-items:start}.ticket-stage5-customer .support-list-card{position:sticky;top:92px;max-height:calc(100vh - 120px);overflow:auto}.customer-ticket-card.overdue{border-color:#fecaca;background:#fff7f7}.customer-links{margin:12px 0}.customer-links span,.customer-links a{display:inline-flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:8px 12px;color:#334155;text-decoration:none;font-size:13px}.customer-attachments{background:#f8fbff;border:1px solid #e2e8f0;border-radius:18px;padding:12px;margin:14px 0}.customer-attachments h3{margin:0 0 8px}.customer-attachments a{display:inline-flex;margin:4px;padding:7px 11px;border-radius:999px;background:#eff6ff;color:#075985;text-decoration:none;font-weight:800}.badge.purple{background:#f3e8ff;color:#7e22ce}.badge.dark{background:#111827;color:#fff}@media(max-width:980px){.ticket-stage5-customer .customer-support-grid{grid-template-columns:1fr}.ticket-stage5-customer .support-list-card{position:static;max-height:none}}

/* Stage 6 - Public Knowledge Center */
.kb-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(14,165,233,.18),transparent 30%),linear-gradient(135deg,#f8fbff 0%,#eef8ff 55%,#fff 100%);padding:70px 0 50px;border-bottom:1px solid #e5eef8}.kb-hero:before{content:"";position:absolute;inset:auto 8% -70px auto;width:220px;height:220px;border-radius:50%;background:rgba(245,158,11,.12);filter:blur(2px)}.kb-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:30px;align-items:center}.kb-hero h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.25;margin:8px 0;color:#0f2f4a}.kb-hero p{max-width:760px;color:#475569;font-size:1.05rem;line-height:1.9}.kb-hero-card{background:rgba(255,255,255,.88);border:1px solid rgba(14,165,233,.18);box-shadow:0 30px 80px rgba(15,23,42,.1);border-radius:32px;padding:28px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;animation:kbFloat 5s ease-in-out infinite}.kb-hero-card i{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#967132,#2563eb);color:#fff;font-size:1.6rem}.kb-hero-card b{font-size:1.4rem;color:#0f2f4a}.kb-search{margin-top:22px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dbeafe;border-radius:22px;padding:8px 10px;max-width:720px;box-shadow:0 18px 45px rgba(15,23,42,.08)}.kb-search i{color:#0284c7;margin-inline-start:10px}.kb-search input{border:0;outline:0;flex:1;min-height:46px;font-family:inherit;font-size:1rem;background:transparent}.kb-search button{border:0;background:linear-gradient(135deg,#967132,#2563eb);color:#fff;border-radius:16px;padding:12px 22px;font-family:inherit;font-weight:800;cursor:pointer}.kb-public-section{background:#fff}.kb-category-pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.kb-category-pills a{display:inline-flex;gap:8px;align-items:center;padding:10px 16px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#12324a;text-decoration:none;font-weight:800;transition:.2s}.kb-category-pills a:hover,.kb-category-pills a.active{background:#e0f2fe;border-color:#38bdf8;color:#075985;transform:translateY(-2px)}.kb-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.kb-public-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:26px;padding:22px;text-decoration:none;color:#12324a;box-shadow:0 16px 45px rgba(15,23,42,.06);transition:.24s}.kb-public-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#967132,#8b5cf6,#f59e0b);opacity:.8}.kb-public-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(15,23,42,.11);border-color:#bae6fd}.kb-card-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#e0f2fe,#f8fbff);display:grid;place-items:center;color:#0284c7;font-size:1.3rem;margin-bottom:12px}.kb-public-card span{display:inline-flex;background:#f1f5f9;border-radius:999px;padding:5px 10px;color:#475569;font-size:.82rem}.kb-public-card h3{margin:12px 0 8px;color:#0f2f4a}.kb-public-card p{color:#64748b;line-height:1.8}.kb-public-card small{display:flex;gap:10px;color:#64748b}.kb-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.kb-article-card,.kb-aside-card{background:#fff;border:1px solid #e2e8f0;border-radius:30px;box-shadow:0 18px 50px rgba(15,23,42,.07);padding:28px}.kb-article-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:20px;color:#64748b}.kb-article-meta a,.kb-aside-card a{color:#0369a1;text-decoration:none;font-weight:800}.kb-content{color:#1f2937;line-height:2;font-size:1.05rem}.kb-content h2,.kb-content h3{color:#0f2f4a;margin:24px 0 10px}.kb-content p{margin:0 0 14px}.kb-content ul{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px 32px;margin:14px 0}.kb-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.kb-tags span{background:#fef3c7;color:#92400e;border-radius:999px;padding:6px 12px;font-weight:800}.kb-feedback{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:14px}.kb-feedback button{border:1px solid #dbeafe;background:#fff;border-radius:999px;padding:9px 15px;font-family:inherit;font-weight:800;cursor:pointer;color:#075985}.kb-aside-card{position:sticky;top:110px;display:flex;flex-direction:column;gap:10px}.kb-aside-card h3{margin:0 0 8px;color:#0f2f4a}.kb-aside-card>a:not(.btn-outline){display:flex;gap:10px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px}.kb-empty{grid-column:1/-1;text-align:center;padding:40px}.customer-kb-page .account-kb-search{margin:0 0 18px;max-width:100%}.kb-mini-grid a{min-height:125px}.kb-account-list{display:grid;gap:10px}.kb-account-list>a{display:flex;gap:14px;align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px;text-decoration:none;color:#12324a;transition:.2s}.kb-account-list>a:hover{transform:translateX(-4px);border-color:#38bdf8;background:#f0f9ff}.kb-account-list>a>i{width:42px;height:42px;border-radius:14px;background:#e0f2fe;display:grid;place-items:center;color:#0284c7}.kb-account-list b{display:block;color:#0f2f4a}.kb-account-list p{margin:4px 0;color:#64748b}.kb-faq-accordion{display:grid;gap:10px}.kb-faq-accordion details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px}.kb-faq-accordion summary{cursor:pointer;font-weight:900;color:#0f2f4a}.kb-faq-accordion p{color:#475569;line-height:1.8}.customer-kb-suggest{margin-bottom:16px}.customer-kb-suggest a{background:#fff}.admin-kb-suggest{margin-top:16px}@keyframes kbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:980px){.kb-hero-grid,.kb-detail-layout{grid-template-columns:1fr}.kb-aside-card{position:static}.kb-hero{padding:48px 0 34px}}@media(max-width:640px){.kb-search{display:grid;grid-template-columns:auto 1fr}.kb-search button{grid-column:1/-1}.kb-article-card,.kb-aside-card{padding:20px;border-radius:22px}.kb-card-grid{grid-template-columns:1fr}}

/* Stage 9 - PWA public UI */
.pwa-install-btn,.pwa-notify-btn{position:fixed;z-index:80;inset-inline-start:22px;bottom:22px;display:inline-flex;align-items:center;gap:9px;border:0;border-radius:999px;padding:12px 16px;background:linear-gradient(135deg,var(--blue),var(--green));color:#fff;box-shadow:0 18px 45px rgba(8,167,248,.24);font-family:inherit;font-weight:900;cursor:pointer;transform:translateY(12px);opacity:0;transition:.25s}.pwa-notify-btn{bottom:78px;background:linear-gradient(135deg,#7c3aed,#967132)}.pwa-install-btn.is-visible,.pwa-notify-btn.is-visible{transform:translateY(0);opacity:1}.pwa-install-btn i,.pwa-notify-btn i{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center}.offline-page{min-height:60vh;display:grid;align-items:center;background:radial-gradient(circle at 20% 20%,rgba(8,167,248,.15),transparent 32%),linear-gradient(135deg,#f8fcff,#fff)}.offline-card{max-width:780px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:34px;padding:44px;box-shadow:var(--shadow)}.offline-icon{width:86px;height:86px;margin:0 auto 18px;border-radius:30px;background:linear-gradient(135deg,#e0f2fe,#dcfce7);display:grid;place-items:center;color:var(--blue2);font-size:34px}.offline-card h1{margin:0 0 12px;color:#0f2f4a}.offline-card p{color:var(--muted);max-width:560px;margin:0 auto 22px}.offline-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}@media(max-width:640px){.pwa-install-btn,.pwa-notify-btn{inset-inline-start:14px;bottom:86px;padding:10px 12px}.pwa-notify-btn{bottom:138px}.pwa-install-btn span,.pwa-notify-btn span{display:none}.offline-card{padding:28px;border-radius:24px}}

/* Stage 25: compact elegant quotation and form UI - screen only, does not affect print documents */
@media screen {
  .public-quote-stage25{position:relative;background:linear-gradient(145deg,#ffffff,#f7fcff);border:1px solid rgba(8,167,248,.12);box-shadow:0 18px 55px rgba(10,50,85,.08);overflow:hidden}
  .public-quote-stage25:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--blue),var(--green));}
  .public-quote-stage25 .admin-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
  .public-quote-stage25 label{background:linear-gradient(135deg,#fff,#f9fdff);border:1px solid #e2eef7;border-radius:18px;padding:12px 13px;display:flex;flex-direction:column;gap:7px;font-weight:900;color:#17324a;box-shadow:0 10px 24px rgba(13,65,103,.045);transition:.22s ease}
  .public-quote-stage25 label:focus-within{border-color:#9bdcff;box-shadow:0 0 0 4px rgba(8,167,248,.10),0 16px 30px rgba(13,65,103,.07);transform:translateY(-1px)}
  .public-quote-stage25 input,.public-quote-stage25 select,.public-quote-stage25 textarea{min-height:44px;border:1px solid #d7e8f3;border-radius:14px;background:#fff;padding:10px 12px;color:#102b45;font-family:'Cairo',Tahoma,Arial,sans-serif;font-weight:700;outline:none;transition:.2s ease}
  .public-quote-stage25 input:focus,.public-quote-stage25 select:focus,.public-quote-stage25 textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,167,248,.12)}
  .public-quote-stage25 textarea{line-height:1.7;resize:vertical}
  .public-quote-stage25 .form-section{background:linear-gradient(135deg,#ecf9ff,#effff4);border:1px solid #d4eefc;border-radius:20px;padding:14px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
  .public-quote-stage25 .form-section h3{margin:0;display:flex;align-items:center;gap:10px;color:#0b75a8;font-size:17px}
  .quote-lines-public{background:linear-gradient(135deg,#f5fbff,#ffffff)!important;border:1px solid #d4eaf7!important;border-radius:24px!important;padding:16px!important;display:grid!important;gap:12px!important;box-shadow:0 14px 34px rgba(10,50,85,.055)}
  .quote-lines-public h3{margin:0!important;color:#0b75a8!important;display:flex;align-items:center;gap:9px;font-size:18px}.quote-lines-public p{margin:0!important;color:#64748b!important;font-weight:700}
  .quote-line-public{position:relative;display:grid!important;grid-template-columns:minmax(210px,1.25fr) minmax(190px,1.05fr) minmax(90px,.42fr) minmax(220px,1.25fr) 46px!important;gap:9px!important;align-items:center!important;border:1px solid #dcebf5!important;border-radius:20px!important;padding:10px!important;background:linear-gradient(135deg,#fff,#fbfdff)!important;box-shadow:0 10px 24px rgba(10,50,85,.045);transition:.22s ease}
  .quote-line-public:hover{border-color:#bfe6fb!important;transform:translateY(-1px);box-shadow:0 16px 34px rgba(10,50,85,.075)}
  .quote-line-public select,.quote-line-public input,.quote-line-public textarea{width:100%!important;min-height:44px!important;border:1px solid #d8e8f1!important;border-radius:14px!important;padding:9px 11px!important;background:#fff!important;font-weight:700}.quote-line-public textarea{height:44px!important;min-height:44px!important;resize:vertical!important;line-height:1.5!important}
  .quote-line-public .btn-danger,.quote-line-public .js-remove{width:44px!important;height:44px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#fb7185,#dc2626)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px rgba(220,38,38,.20)!important;padding:0!important}.quote-line-public .btn-danger:hover,.quote-line-public .js-remove:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 16px 28px rgba(220,38,38,.28)!important}
  #addQuoteLine{border-radius:16px;min-height:46px;border-color:#cfe9f9;background:#fff;box-shadow:0 10px 24px rgba(10,50,85,.055)}
  @media(max-width:1120px){.public-quote-stage25 .admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-line-public{grid-template-columns:1fr 1fr 96px 1fr 46px!important}}
  @media(max-width:720px){.public-quote-stage25 .admin-form-grid,.quote-line-public{grid-template-columns:1fr!important}.quote-line-public .btn-danger,.quote-line-public .js-remove{width:100%!important}.quote-line-public textarea{height:76px!important}}
}

/* Amaar CPA identity refresh */
:root{--blue:#967132;--blue2:#123a7a;--green:#c5a15a;--green2:#057aa5;--ink:#111111;--muted:#64748b;--soft:#f4f9ff;--line:#dbeafe;--shadow:0 18px 55px rgba(7,21,39,.12)}
body{background:radial-gradient(circle at 0 0,rgba(11,94,215,.05),transparent 28rem),#fff}.top-strip{background:linear-gradient(90deg,#111111,#967132,#c5a15a)}.site-header{border-bottom:1px solid rgba(11,94,215,.12)}.brand-logo-wrap{display:grid;place-items:center;width:60px;height:60px;border-radius:20px;background:linear-gradient(135deg,#111111,#967132 55%,#c5a15a);box-shadow:0 14px 34px rgba(11,94,215,.24);overflow:hidden}.brand-logo-wrap img{width:52px;height:52px;object-fit:contain}.brand-title{color:#111111}.btn{background:linear-gradient(135deg,#967132,#c5a15a);box-shadow:0 14px 34px rgba(11,94,215,.24)}.btn:hover{box-shadow:0 20px 42px rgba(11,94,215,.30)}.eyebrow{background:#eff6ff;color:#123a7a;border-color:#dbeafe}.shahad-hero .hero-slide-bg-empty{background:radial-gradient(circle at 25% 30%,rgba(0,180,216,.36),transparent 18rem),linear-gradient(135deg,#111111,#967132 62%,#c5a15a)}.hero-slide-bg-empty i{color:rgba(255,255,255,.88)}.hero-slide-shade{background:linear-gradient(90deg,rgba(4,14,29,.82),rgba(4,14,29,.34),rgba(4,14,29,.68))}.hero-copy h1,.hero-copy p{color:#fff}.hero-eyebrow{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.24);color:#fff}.shahad-about .about-visual{background:radial-gradient(circle at 30% 30%,rgba(0,180,216,.18),transparent 16rem),linear-gradient(135deg,#111111,#967132);min-height:420px}.shahad-about .about-visual img{width:min(260px,70%);filter:drop-shadow(0 24px 42px rgba(0,0,0,.28))}.shahad-about .about-visual:after{content:"AI";color:rgba(255,255,255,.08);position:absolute;inset:auto 28px 15px auto;font-size:100px}.about-visual-badge{position:absolute;bottom:22px;inset-inline-start:22px;background:#fff;border-radius:999px;padding:9px 15px;color:#123a7a;font-weight:900;box-shadow:var(--shadow)}
.service-main-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-main-card{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:32px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:.3s}.service-main-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#967132,#c5a15a)}.service-main-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(11,94,215,.08);inset:auto -80px -80px auto}.service-main-card:hover{transform:translateY(-6px)}.service-main-icon{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#967132,#c5a15a);color:#fff;font-size:30px;box-shadow:0 18px 36px rgba(11,94,215,.22)}.service-main-card h3{font-size:25px;margin:18px 0 10px}.service-main-card p{color:var(--muted);margin:0 0 15px}.service-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.service-tags span{background:#eff6ff;border:1px solid #dbeafe;color:#123a7a;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.service-sub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-sub-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 12px 36px rgba(7,21,39,.08);display:flex;flex-direction:column;gap:10px;min-height:260px;transition:.25s}.service-sub-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(7,21,39,.12)}.service-sub-card>i{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#967132,#c5a15a);color:#fff;font-size:24px}.service-sub-card h3{margin:6px 0 0}.service-sub-card p{color:var(--muted);margin:0;flex:1}.service-page-hero{background:radial-gradient(circle at 8% 20%,rgba(0,180,216,.22),transparent 26rem),linear-gradient(135deg,#111111,#967132);color:#fff}.service-page-hero .eyebrow{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.24);color:#fff}.service-page-hero p{max-width:850px;color:rgba(255,255,255,.86);font-size:18px}.final-cta .quote-public-card{background:radial-gradient(circle at 12% 18%,rgba(0,180,216,.16),transparent 16rem),linear-gradient(135deg,#111111,#0b2e66);color:#fff;border:0}.final-cta .quote-public-card p{color:rgba(255,255,255,.82)}.quote-pay-box{border:1px solid #dbeafe;background:#f8fbff}.footer-logo{background:#fff;border-radius:18px;padding:8px;width:72px;height:72px;object-fit:contain}.site-footer{background:#111111}.floating-whatsapp .wa-icon{background:linear-gradient(135deg,#13c266,#c5a15a)}
@media (max-width: 1024px){.service-main-grid,.service-sub-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.service-main-grid,.service-sub-grid,.cards,.vision-grid{grid-template-columns:1fr}.brand-title{font-size:14px}.brand-logo-wrap{width:50px;height:50px}.brand-logo-wrap img{width:44px;height:44px}.top-strip .container{display:grid;text-align:center}.hero-kpi-ribbon{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.service-main-card{padding:22px}.nav-links{background:rgba(255,255,255,.98)}}

/* =========================================================
   Legacy palette overridden by Amaar CPA identity - 2026-05-24
   Based on supplied company profile visual.
   Primary dark: #131357 / #1C1E88
   Secondary blue: #2f2f2f
   Cyan accent: #16C7FF
   Purple accent: #111111 / #967132
   Warm highlight: #EEB38D
   Goal: keep existing light layout, replace brand colors only.
   ========================================================= */
:root{
  --blue:#16C7FF;
  --blue2:#2f2f2f;
  --green:#967132;
  --green2:#111111;
  --ink:#101631;
  --muted:#66708A;
  --soft:#F8FAFF;
  --line:#E4E8F7;
  --bg:#FFFFFF;
  --brand-navy:#131357;
  --brand-indigo:#1C1E88;
  --brand-blue:#2f2f2f;
  --brand-cyan:#16C7FF;
  --brand-purple:#111111;
  --brand-magenta:#967132;
  --brand-gold:#EEB38D;
  --brand-grad:linear-gradient(135deg,#16C7FF 0%,#1C1E88 38%,#967132 72%,#EEB38D 100%);
  --brand-grad-soft:linear-gradient(135deg,rgba(22,199,255,.13),rgba(144,37,175,.10) 58%,rgba(238,179,141,.13));
  --shadow:0 18px 50px rgba(19,19,87,.10);
}
body{color:var(--ink);background:#fff}
.top-strip,
.btn,
.product-badge,
.public-quote-stage25:before,
.info-card:before,.service-card:before,
.account-user .avatar,
.admin-card .card-icon,
.hero-slider-progress,
.hero-dots button.active,
.nav-links a:after,
.payment-option-card.active:before,
.payment-option-card:hover:before{background:var(--brand-grad)!important;color:#fff!important}
.btn:hover{box-shadow:0 18px 38px rgba(93,27,150,.22)!important}
.btn-soft{background:#F3EAFB!important;color:#111111!important}
.btn-outline:hover,.icon-btn:hover{border-color:rgba(144,37,175,.32)!important;background:#FBF8FF!important;color:#111111!important}
.gradient-text,.price,.quote-totals b,.section h2 strong,.hero-copy h1 strong{background:var(--brand-grad)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.nav-links a:hover,.nav-links .active,.filter-list a:hover,.filter-list a.active,.tabs a.active{background:#F4EDFF!important;color:#111111!important;border-color:#E5D4F6!important}
.site-header{border-bottom-color:rgba(28,30,136,.09)!important}.brand-logo-wrap{box-shadow:0 14px 32px rgba(28,30,136,.12)!important}
.hero,.page-hero,.section.alt{background:radial-gradient(circle at 8% 10%,rgba(22,199,255,.13),transparent 28rem),radial-gradient(circle at 84% 12%,rgba(144,37,175,.12),transparent 28rem),linear-gradient(180deg,#fff,#F8FAFF)!important}
.hero-kpi-ribbon,.kpi,.info-card,.service-card,.product-card,.quote-public-card,.checkout-card,.account-sidebar,.account-content .card,.public-quote-stage25,.payment-option-card,.bank-transfer-form-card{border-color:var(--line)!important;box-shadow:0 16px 45px rgba(19,19,87,.08)!important}
.info-card i,.service-card i,.floating-badge i,.customer-notification-item>i,.about-visual-pro span:before{background:linear-gradient(135deg,rgba(22,199,255,.18),rgba(144,37,175,.16))!important;color:#111111!important}
.about-visual,.slide-card .mock-img,.product-image,.page-hero,.quote-lines-public,.public-quote-stage25 .form-section{background:var(--brand-grad-soft)!important}
.eyebrow,.badge.blue,.doc-badge,.ticket-number{background:#F4EDFF!important;color:#111111!important;border-color:#E6D5F6!important}
.badge.green,.alert-success{background:#F0FEFF!important;color:#2f2f2f!important;border-color:#BFEFFF!important}
.price,.quote-totals b{color:#111111!important}
.form-control:focus,select:focus,textarea:focus,input:focus{border-color:#967132!important;box-shadow:0 0 0 4px rgba(144,37,175,.12)!important}
.search-box,.sidebar,.quote-response-box,.bank-transfer-form-card,.payment-options-wrap{border-color:#E4E8F7!important;background:linear-gradient(145deg,#fff,#F9FAFF)!important}
.site-footer{background:radial-gradient(circle at 0 0,rgba(22,199,255,.16),transparent 25rem),linear-gradient(135deg,#070A3D 0%,#131357 48%,#3B1169 100%)!important;color:#EEF6FF!important}
.site-footer:before{background:rgba(238,179,141,.12)!important}
.footer-title{color:#fff!important}.developer-credit{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important}
.table th,.admin-table-wrap th,.cart-table th,.items-table th{background:linear-gradient(135deg,#131357,#111111,#2f2f2f)!important;color:#fff!important}
.total-line.grand,.quote-final-total,.payment-total-box{background:var(--brand-grad)!important;color:#fff!important}
.floating-whatsapp{box-shadow:0 18px 44px rgba(19,19,87,.18)!important}.back-to-top,.install-pwa-btn{background:linear-gradient(135deg,#2f2f2f,#967132)!important;color:#fff!important}
@media print{
  .btn,.print-actions .primary,.total-line.grand,.items-table th{background:linear-gradient(135deg,#131357,#111111,#2f2f2f)!important;color:#fff!important}
}



/* Stage 27: remove public top strip above main menu */
.top-strip{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important}
.site-header{top:0!important}
@media(max-width:860px){html{scroll-padding-top:92px!important}.nav-links{padding-top:88px!important}}
@media(min-width:861px){html{scroll-padding-top:92px!important}}

/* =========================================================
   Amaar CPA final logo palette and new public sections
   ========================================================= */
:root{
  --blue:#2f2f2f; --blue2:#111111; --green:#c5a15a; --green2:#967132;
  --ink:#171717; --muted:#6f6f6f; --soft:#f8f5ee; --line:#e8dfcf; --bg:#fff;
  --brand-black:#111111; --brand-charcoal:#2f2f2f; --brand-gray:#707070;
  --brand-gold:#c5a15a; --brand-gold-dark:#967132;
  --brand-grad:linear-gradient(135deg,#111111 0%,#3d3d3d 48%,#c5a15a 100%);
  --brand-grad-soft:linear-gradient(135deg,rgba(17,17,17,.06),rgba(197,161,90,.12));
  --shadow:0 18px 50px rgba(17,17,17,.10);
}
body{background:#fff;color:var(--ink)}
.site-header{background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(197,161,90,.22)!important;box-shadow:0 12px 36px rgba(17,17,17,.06)!important}
.brand-logo-wrap{background:#fff!important;border:1px solid #e9dfce!important;box-shadow:0 14px 32px rgba(17,17,17,.10)!important}
.brand-logo-wrap img,.brand img{object-fit:contain!important}
.nav-links a:hover,.nav-links .active{background:#f7f2e8!important;color:#111!important;border-color:#e3d0a8!important}
.btn,.hero-main-btn,.top-strip,.product-badge,.hero-dots button.active{background:var(--brand-grad)!important;color:#fff!important;border-color:transparent!important}
.btn-outline:hover,.icon-btn:hover{border-color:#c5a15a!important;background:#fbf8f1!important;color:#111!important}
.eyebrow,.badge.blue,.section-badge{background:#f7f2e8!important;color:#111!important;border-color:#e5d7bb!important}
.home-hero-slider .hero-slider-viewport{background:#111!important;box-shadow:0 35px 90px rgba(17,17,17,.20)!important}
.hero-slide-bg-empty{background:radial-gradient(circle at 30% 25%,rgba(197,161,90,.25),transparent 22rem),linear-gradient(135deg,#0d0d0d,#3f3f3f 54%,#9b7838)!important}
.hero-slide-shade{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(34,34,34,.72),rgba(156,121,54,.16))!important}
.hero-secondary-btn{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.30)!important;color:#fff!important}
.home-hero-slider{padding-bottom:28px!important}
.amaar-stats-wrap{padding:28px 0 8px;background:#fff}
.amaar-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.amaar-stat-card{background:linear-gradient(180deg,#fff,#fbf8f1);border:1px solid #e8dfcf;border-radius:26px;padding:22px;box-shadow:0 16px 42px rgba(17,17,17,.08);display:grid;gap:8px;position:relative;overflow:hidden}
.amaar-stat-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--brand-grad)}
.amaar-stat-card i{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#111;color:#c5a15a;font-size:20px}
.amaar-stat-card b{font-size:28px;color:#111;line-height:1}
.amaar-stat-card span{color:#6f6f6f;font-weight:800;line-height:1.6}
.about-visual,.section.alt,.page-hero{background:radial-gradient(circle at 12% 10%,rgba(197,161,90,.13),transparent 26rem),linear-gradient(180deg,#fff,#faf7f0)!important}
.service-main-grid.amaar-services-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.service-main-card:before,.info-card:before,.service-card:before{background:var(--brand-grad)!important}
.service-main-icon,.service-sub-card>i,.info-card i,.service-card i{background:var(--brand-grad)!important;color:#fff!important}
.service-tags span,.program-features span{background:#f7f2e8!important;border-color:#e5d7bb!important;color:#111!important}
.amaar-program-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;background:linear-gradient(135deg,#111,#3a3a3a 62%,#b89451);color:#fff;border-radius:34px;padding:34px;border:1px solid rgba(197,161,90,.35);box-shadow:0 24px 64px rgba(17,17,17,.18)}
.amaar-program-card p{color:rgba(255,255,255,.82)}
.amaar-program-card .eyebrow{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}
.program-features{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.program-features span{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;font-weight:900}
.regulations-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.regulation-card{background:#fff;border:1px solid #e8dfcf;border-radius:26px;padding:22px;box-shadow:0 14px 36px rgba(17,17,17,.07);display:flex;flex-direction:column;gap:10px;min-height:210px}
.regulation-card.large{min-height:250px}
.regulation-card>i{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:var(--brand-grad);color:#fff;font-size:22px}
.regulation-card h3{margin:6px 0 0;font-size:18px;line-height:1.5;color:#111}
.regulation-card p{margin:0;color:#6f6f6f;line-height:1.8;flex:1}
.regulation-card a{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e5d7bb;background:#f7f2e8;color:#111;border-radius:16px;padding:10px 12px;font-weight:900;text-decoration:none}
.regulation-card a.disabled-download{opacity:.72}
.appointment-steps-form{overflow:hidden}
.appointment-steps-indicator{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.appointment-steps-indicator span{display:flex;align-items:center;gap:9px;background:#f8f5ee;border:1px solid #e8dfcf;border-radius:18px;padding:12px;font-weight:900;color:#6f6f6f}
.appointment-steps-indicator b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8dfcf;color:#111}
.appointment-steps-indicator span.active{background:#111;color:#fff;border-color:#111}
.appointment-steps-indicator span.active b{background:#c5a15a;color:#111}
.appointment-step{display:none;animation:fadeIn .25s ease both}
.appointment-step.active{display:block}
.appointment-card-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.appointment-option{display:grid!important;gap:8px;border:1px solid #e8dfcf;border-radius:24px;background:#fff;padding:18px;cursor:pointer;transition:.2s;min-height:190px}
.appointment-option input{display:none}
.appointment-option i{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#111;color:#c5a15a;font-size:20px}
.appointment-option small{color:#6f6f6f;line-height:1.7}
.appointment-option:has(input:checked){border-color:#c5a15a;background:#fbf8f1;box-shadow:0 14px 34px rgba(197,161,90,.16)}
.appointment-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px}
.quote-line-public{grid-template-columns:minmax(210px,1.25fr) minmax(190px,1.05fr) minmax(220px,1.25fr) 46px!important}
.site-footer{background:linear-gradient(135deg,#0b0b0b,#2f2f2f 68%,#7d602d)!important;color:#f7f4ec!important}
.footer-copy{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:16px;text-align:center;color:#d7c8aa}
.floating-whatsapp .wa-icon,.back-to-top{background:var(--brand-grad)!important;color:#fff!important}
@media(max-width:1100px){.service-main-grid.amaar-services-grid,.regulations-grid,.amaar-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.amaar-program-card{grid-template-columns:1fr}.appointment-card-options{grid-template-columns:1fr}}
@media(max-width:720px){.service-main-grid.amaar-services-grid,.regulations-grid,.amaar-stats-grid,.appointment-steps-indicator{grid-template-columns:1fr!important}.amaar-program-card{padding:24px;border-radius:26px}.quote-line-public{grid-template-columns:1fr!important}}


/* =========================================================
   Amaar CPA final cleanup: remove previous blue/purple colors
   ========================================================= */
:root{
  --brand-black:#111111;--brand-charcoal:#2f2f2f;--brand-gray:#707070;--brand-gold:#c5a15a;--brand-gold-dark:#967132;
  --brand-cream:#fbf8f1;--brand-line:#e8dfcf;--brand-grad:linear-gradient(135deg,#111111 0%,#3d3d3d 52%,#c5a15a 100%);
  --brand-grad-soft:linear-gradient(135deg,rgba(17,17,17,.045),rgba(197,161,90,.13));
}
.btn,.hero-main-btn,.hero-actions .btn,.home-hero-slider .btn,.service-cta .btn,.public-quote-stage25 .btn,.quote-public-card .btn,.payment-options-wrap .btn,.pwa-install-btn{
  background:var(--brand-grad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 14px 32px rgba(17,17,17,.18)!important;
}
.btn:hover,.hero-main-btn:hover,.hero-actions .btn:hover,.public-quote-stage25 .btn:hover,.quote-public-card .btn:hover{box-shadow:0 20px 44px rgba(17,17,17,.24)!important;transform:translateY(-2px)}
.btn-outline,.hero-actions .btn-outline,.home-hero-slider .btn-outline,.quote-public-card .btn-outline,.public-quote-stage25 .btn-outline{
  background:#fff!important;color:#111!important;border:1px solid var(--brand-line)!important;box-shadow:none!important;
}
.btn-outline:hover,.hero-actions .btn-outline:hover,.quote-public-card .btn-outline:hover,.public-quote-stage25 .btn-outline:hover{background:#fbf8f1!important;border-color:#c5a15a!important;color:#111!important}
.service-page-hero,.final-cta .quote-public-card{
  background:radial-gradient(circle at 12% 18%,rgba(197,161,90,.20),transparent 18rem),linear-gradient(135deg,#0b0b0b,#2f2f2f 68%,#7d602d)!important;color:#fff!important;border:0!important;
}
.final-cta .quote-public-card .eyebrow{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.20)!important}
.final-cta .quote-public-card p{color:rgba(255,255,255,.84)!important}
.final-cta .quote-public-card .btn-outline{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important}
.public-quote-stage25{
  background:radial-gradient(circle at 7% 0,rgba(197,161,90,.13),transparent 18rem),linear-gradient(145deg,#ffffff,#fffdf8)!important;
  border:1px solid #e8dfcf!important;box-shadow:0 20px 58px rgba(17,17,17,.095)!important;
}
.public-quote-stage25:before{background:var(--brand-grad)!important}
.public-quote-stage25 label{background:linear-gradient(135deg,#fff,#fffaf1)!important;border-color:#eadfca!important;color:#171717!important;box-shadow:0 10px 24px rgba(17,17,17,.045)!important}
.public-quote-stage25 label:focus-within{border-color:#c5a15a!important;box-shadow:0 0 0 4px rgba(197,161,90,.14),0 16px 30px rgba(17,17,17,.06)!important}
.public-quote-stage25 input,.public-quote-stage25 select,.public-quote-stage25 textarea{border-color:#e4dac6!important;color:#171717!important}
.public-quote-stage25 input:focus,.public-quote-stage25 select:focus,.public-quote-stage25 textarea:focus{border-color:#c5a15a!important;box-shadow:0 0 0 3px rgba(197,161,90,.14)!important}
.public-quote-stage25 .form-section{background:linear-gradient(135deg,#fbf8f1,#fff)!important;border-color:#e8dfcf!important}
.public-quote-stage25 .form-section h3{color:#111!important}
.quote-line-public .js-total,.quote-totals,.quote-response-box,.quote-pay-box{background:#fbf8f1!important;border-color:#e8dfcf!important;color:#111!important}
.quote-public-card{border-color:#e8dfcf!important;box-shadow:0 16px 42px rgba(17,17,17,.08)!important}
.quote-totals b,.price{color:#967132!important}
.form-control:focus,select:focus,textarea:focus,input:focus{border-color:#c5a15a!important;box-shadow:0 0 0 4px rgba(197,161,90,.14)!important}
.badge.blue,.eyebrow,.section-badge{background:#f7f2e8!important;color:#111!important;border-color:#e5d7bb!important}
.badge.green,.alert-success{background:#f5f1e6!important;color:#7b5a1e!important;border-color:#e8dfcf!important}
.table th,.admin-table-wrap th,.cart-table th,.items-table th{background:var(--brand-grad)!important;color:#fff!important}
.total-line.grand,.quote-final-total,.payment-total-box{background:var(--brand-grad)!important;color:#fff!important}

/* ===== Amaar CPA enhancement patch 2026-05-24 ===== */
.service-main-grid.amaar-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch}
.service-main-grid.amaar-services-grid .service-main-card{min-height:100%;padding:26px 24px}
.amaar-stats-wrap{padding:10px 0 30px;background:transparent}
.final-cta + .amaar-stats-wrap{margin-top:-8px}
.amaar-stats-wrap .section-head{text-align:center;margin-bottom:18px}
.regulations-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-inline-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.account-inline-filter input{flex:1;min-width:220px;border:1px solid #e4dac6;border-radius:16px;padding:12px;background:#fff}
.account-appointments-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-appointments-grid .full-width{grid-column:1/-1}
.account-appointment-card{background:linear-gradient(135deg,#fff,#fffaf2);border:1px solid #e8dfcf;border-radius:24px;padding:18px;box-shadow:0 14px 34px rgba(17,17,17,.07);display:grid;gap:12px}
.appointment-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.appointment-card-head strong{font-size:17px;color:#111}
.appointment-card-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.appointment-card-meta span{background:#fbf8f1;border:1px solid #ece1cc;border-radius:14px;padding:10px;font-weight:800;color:#111;display:flex;align-items:center;gap:8px}
.appointment-note-box{display:flex;gap:10px;align-items:flex-start;background:#f8f5ee;border:1px dashed #dcc9a4;border-radius:18px;padding:12px}.appointment-note-box p{margin:0;color:#5f5f5f;line-height:1.8}
.account-stats{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:1100px){.service-main-grid.amaar-services-grid,.regulations-page-grid,.account-appointments-grid,.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.service-main-grid.amaar-services-grid,.regulations-page-grid,.account-appointments-grid,.account-stats,.appointment-card-meta{grid-template-columns:1fr!important}}

/* ===== Amaar CPA customer messages + contact form + table palette 2026-05-24 ===== */
.account-sidebar nav a.active,.account-sidebar nav a:hover{
  background:linear-gradient(135deg,#111 0%,#343434 58%,#9d7937 100%)!important;color:#fff!important;border-color:#c5a15a!important;box-shadow:0 12px 26px rgba(17,17,17,.18)!important
}
.account-sidebar nav a.active i,.account-sidebar nav a:hover i{color:#f3d99a!important}.account-menu-count{background:#c5a15a!important;color:#111!important}
.account-stats{grid-template-columns:repeat(6,minmax(0,1fr))!important}.account-stats>div{background:linear-gradient(135deg,#fff,#fffaf2)!important;border:1px solid #e8dfcf!important;box-shadow:0 14px 34px rgba(17,17,17,.06)!important}.account-stats i{background:#111!important;color:#c5a15a!important}
.customer-appointments-table-wrap{background:#fff;border:1px solid #e8dfcf;border-radius:28px;box-shadow:0 18px 46px rgba(17,17,17,.08);overflow:hidden}.customer-appointments-table{width:100%;border-collapse:separate;border-spacing:0}.customer-appointments-table th{background:linear-gradient(135deg,#111 0%,#333 62%,#9d7937 100%);color:#fff;padding:16px 14px;text-align:right;font-weight:900}.customer-appointments-table td{padding:16px 14px;border-bottom:1px solid #eadfca;vertical-align:top;color:#172a3a;background:#fff}.customer-appointments-table tr:nth-child(even) td{background:#fffdf8}.customer-appointments-table tr:hover td{background:#fbf8f1}.customer-appointments-table td strong{display:block;color:#111;margin-bottom:6px}.customer-appointments-table td small{display:block;color:#6f6f6f;margin-top:6px}.appointment-icon-chip,.appointment-status{display:inline-flex;align-items:center;gap:8px;background:#f7f2e8;border:1px solid #eadfca;border-radius:999px;padding:8px 12px;font-weight:900;color:#111}.appointment-status.confirmed{background:#f5f1e6;color:#7b5a1e}.appointment-status.completed{background:#eef7ef;color:#175a2a}.appointment-status.cancelled{background:#fff1f3;color:#be123c}
.customer-messages-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.35fr);gap:18px;align-items:start}.customer-message-list,.customer-message-detail{background:#fff;border:1px solid #e8dfcf;border-radius:28px;box-shadow:0 18px 46px rgba(17,17,17,.08);padding:16px}.customer-message-row{display:grid;gap:6px;text-decoration:none;color:#111;background:#fffdf8;border:1px solid #eadfca;border-radius:18px;padding:14px;margin-bottom:10px}.customer-message-row.active{background:linear-gradient(135deg,#111,#3d3d3d 62%,#9d7937)!important;color:#fff!important}.customer-message-row.active small,.customer-message-row.active span{color:#f7e3b4!important}.message-number{font-weight:900;color:#9d7937}.message-detail-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid #eadfca;padding-bottom:14px;margin-bottom:14px}.message-detail-head h2{margin:4px 0;color:#111}.message-original{display:flex;gap:12px;background:#fbf8f1;border:1px solid #eadfca;border-radius:22px;padding:16px;margin-bottom:16px}.message-original i{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:#111;color:#c5a15a;flex:none}.message-original p{margin:0;line-height:1.9}.message-thread{display:grid;gap:12px;margin:16px 0}.message-bubble{max-width:82%;padding:14px 16px;border-radius:20px;border:1px solid #eadfca;background:#fffdf8}.message-bubble.admin{margin-right:auto;background:#111;color:#fff;border-color:#111}.message-bubble.admin small,.message-bubble.admin b{color:#f0d9a5}.message-bubble.customer{margin-left:auto;background:#fbf8f1}.message-bubble p{margin:6px 0;line-height:1.85}.footer-contact-form-block{grid-column:span 2;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:20px;box-shadow:0 18px 44px rgba(0,0,0,.14)}.footer-contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.footer-contact-form label{display:grid;gap:6px;color:#f8edcf;font-weight:800}.footer-contact-form label.full{grid-column:1/-1}.footer-contact-form input,.footer-contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.96)!important;color:#111!important;border-radius:16px;padding:12px;font-family:inherit}.footer-contact-form button{justify-self:start}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}.form-alert{border-radius:14px;padding:10px 12px;margin:8px 0;font-weight:800}.form-alert.ok{background:#f5f1e6;color:#f3d99a;border:1px solid rgba(197,161,90,.35)}.form-alert.danger{background:#fff1f3;color:#ffb4c0;border:1px solid rgba(255,255,255,.18)}
.table th,.responsive-table table th,.cart-table th,.items-table th{background:linear-gradient(135deg,#111 0%,#333 62%,#9d7937 100%)!important;color:#fff!important}.table td,.responsive-table table td,.cart-table td,.items-table td{border-color:#eadfca!important}.responsive-table table tr:hover td{background:#fbf8f1!important}
@media(max-width:1100px){.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.customer-messages-layout{grid-template-columns:1fr}.footer-contact-form-block{grid-column:1/-1}}
@media(max-width:720px){.account-stats,.footer-contact-form{grid-template-columns:1fr!important}.customer-appointments-table,.customer-appointments-table thead,.customer-appointments-table tbody,.customer-appointments-table th,.customer-appointments-table td,.customer-appointments-table tr{display:block}.customer-appointments-table thead{display:none}.customer-appointments-table tr{border-bottom:1px solid #eadfca;padding:12px;background:#fff}.customer-appointments-table td{border:0!important;padding:10px 12px;display:grid;grid-template-columns:120px 1fr;gap:10px;background:transparent!important}.customer-appointments-table td::before{content:attr(data-label);font-weight:900;color:#9d7937}.message-bubble{max-width:100%}.message-detail-head{flex-direction:column}}

/* ===== Amaar CPA public palette hard override patch 5 ===== */
:root{--blue:#111111!important;--blue2:#2f2f2f!important;--green:#c5a15a!important;--green2:#967132!important;--line:#e8dfcf!important;--soft:#fbf8f1!important;--brand-cyan:#c5a15a!important;--brand-magenta:#967132!important;--brand-grad:linear-gradient(135deg,#111111 0%,#343434 58%,#c5a15a 100%)!important}.top-strip,.brand-logo-wrap,.btn,.service-main-icon,.service-sub-card>i,.service-main-card:before,.floating-whatsapp .wa-icon,.back-to-top,.install-pwa-btn{background:var(--brand-grad)!important}.eyebrow,.section-badge,.service-tags span{background:#f7f2e8!important;color:#111!important;border-color:#e8dfcf!important}.service-main-card,.service-sub-card,.quote-pay-box,.quote-public-card,.contact-card,.regulation-card{border-color:#e8dfcf!important;box-shadow:0 16px 42px rgba(17,17,17,.08)!important}.service-main-card:after{background:rgba(197,161,90,.12)!important}.final-cta .quote-public-card{background:radial-gradient(circle at 12% 18%,rgba(197,161,90,.16),transparent 16rem),linear-gradient(135deg,#111,#2f2f2f 66%,#967132)!important;color:#fff!important}.site-footer{background:#111!important}.form-control:focus,select:focus,textarea:focus,input:focus{border-color:#c5a15a!important;box-shadow:0 0 0 4px rgba(197,161,90,.14)!important}


/* Amaar CPA final identity guard: black / gold / gray / white */
:root{
  --blue:#c5a15a!important;--blue2:#967132!important;--green:#d8c08a!important;--green2:#8a6b2e!important;
  --gold:#c5a15a;--gold-dark:#967132;--black:#111111;--ink:#171717;--muted:#6b7280;--soft:#fbf8f1;--line:#e8dfcf;
  --shadow:0 18px 55px rgba(17,17,17,.10);
}
.btn,.admin-pro .btn,.top-strip,.product-badge,.service-main-icon,.service-sub-card>i,.brand-logo-wrap,.floating-whatsapp .wa-icon{background:linear-gradient(135deg,#111111,#967132 58%,#c5a15a)!important;color:#fff!important}
.btn-outline,.btn-soft,.icon-btn,.admin-pro .btn-outline{border-color:#e8dfcf!important;color:#171717!important;background:#fff!important}
.site-footer,.admin-sidebar{background:linear-gradient(180deg,#111111,#1f1f1f)!important;color:#f7f2e8!important}
.nav-links a:hover,.nav-links .active,.tabs a.active,.eyebrow,.badge,.status-pill{background:#fbf8f1!important;color:#967132!important;border-color:#e8dfcf!important}
.form-control:focus,select:focus,textarea:focus,input:focus{border-color:#c5a15a!important;box-shadow:0 0 0 4px rgba(197,161,90,.14)!important}
.info-card:before,.service-card:before,.public-quote-stage25:before,.service-main-card:before{background:linear-gradient(90deg,#111111,#c5a15a)!important}


/* ===== Amaar CPA phase 2: stabilized office UI surfaces ===== */
.status-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;border:1px solid var(--line,#e8dfcf);background:#fbf8f1;color:#171717;white-space:nowrap}.status-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:#967132;box-shadow:0 0 0 3px rgba(197,161,90,.15)}.status-chip.is-success{background:#f4fbf4;color:#166534;border-color:#cdebd2}.status-chip.is-success:before{background:#22c55e}.status-chip.is-warning{background:#fff8e7;color:#8a5a00;border-color:#ecd59d}.status-chip.is-warning:before{background:#c5a15a}.status-chip.is-danger{background:#fff1f1;color:#b42318;border-color:#f1c6c6}.status-chip.is-danger:before{background:#ef4444}.status-chip.is-muted{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.status-chip.pay{border-style:dashed}.account-quote-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.account-quote-toolbar span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e8dfcf;border-radius:16px;padding:10px 13px;box-shadow:0 10px 28px rgba(17,17,17,.055);font-weight:800}.account-quote-toolbar i{color:#967132}.customer-quote-grid .admin-data-card{position:relative;overflow:hidden}.customer-quote-grid .admin-data-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#111,#c5a15a)}.account-empty-state{grid-column:1/-1;text-align:center;padding:28px!important}.account-empty-state i{font-size:42px;color:#c5a15a;margin-bottom:10px}.account-empty-state h3{margin:0 0 8px;color:#111}.account-empty-state p{margin:0 0 14px;color:#6b7280}.readiness-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.readiness-steps a{display:grid;gap:7px;text-decoration:none;background:linear-gradient(135deg,#fff,#fffaf1);border:1px solid #e8dfcf;border-radius:18px;padding:14px;box-shadow:0 12px 30px rgba(17,17,17,.06);transition:.2s ease;color:#171717}.readiness-steps a:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(17,17,17,.10);border-color:#d9c38f}.readiness-steps i{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#111,#c5a15a);color:#fff}.readiness-steps b{font-size:14px}.readiness-steps span{font-size:12px;color:#707070;font-weight:800}.brand-swatch-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.brand-swatch-row span{min-height:76px;border-radius:18px;display:flex;align-items:end;padding:10px;background:var(--sw);border:1px solid #e8dfcf;color:#111;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 12px 30px rgba(17,17,17,.06)}.brand-swatch-row span:nth-child(1){color:#fff}.brand-swatch-row span:nth-child(2){color:#111}.admin-warning-box.subtle{background:#fbf8f1!important;border-color:#e8dfcf!important}.admin-warning-box.subtle i{color:#967132!important}.customer-service-hub .service-hub-grid a{border:1px solid #e8dfcf!important;background:linear-gradient(135deg,#fff,#fffaf1)!important}.customer-service-hub .service-hub-grid a i{background:linear-gradient(135deg,#111,#c5a15a)!important;color:#fff!important}
@media(max-width:720px){.account-quote-toolbar{display:grid}.account-quote-toolbar span{width:100%}.brand-swatch-row{grid-template-columns:repeat(2,1fr)}.readiness-steps{grid-template-columns:1fr}}


/* ===== Amaar CPA phase 3: quote lifecycle, customer messages, operational polish ===== */
.quote-lifecycle-card{position:relative;overflow:hidden}.quote-lifecycle-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#111,#c5a15a)}.quote-public-head{align-items:flex-start}.quote-stage-track,.quote-card-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.quote-stage{display:grid;gap:7px;justify-items:center;text-align:center;position:relative;background:#fff;border:1px solid #e8dfcf;border-radius:18px;padding:11px 8px;color:#707070;font-weight:900;box-shadow:0 8px 24px rgba(17,17,17,.045)}.quote-stage i{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:#f3f4f6;color:#707070}.quote-stage.done i{background:linear-gradient(135deg,#111,#c5a15a);color:#fff}.quote-stage.current{border-color:#d7bd7d;background:#fffaf1;color:#171717;box-shadow:0 14px 34px rgba(197,161,90,.13)}.quote-stage.current i{background:#c5a15a;color:#111}.quote-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:14px 0}.quote-summary-grid span{display:grid;gap:5px;background:linear-gradient(135deg,#fff,#fffaf1);border:1px solid #e8dfcf;border-radius:18px;padding:14px;box-shadow:0 10px 28px rgba(17,17,17,.055)}.quote-summary-grid small{color:#707070;font-weight:900}.quote-summary-grid b{font-size:18px;color:#171717}.quote-summary-grid em{font-style:normal;color:#967132;font-weight:900}.quote-note-box{display:flex;gap:12px;align-items:flex-start;background:#fbf8f1;border:1px solid #e8dfcf;border-radius:20px;padding:14px;margin:12px 0}.quote-note-box i{color:#967132;margin-top:4px}.quote-history-panel{margin-top:18px;background:linear-gradient(135deg,#fff,#fffaf1);border:1px solid #e8dfcf;border-radius:22px;padding:16px;box-shadow:0 12px 32px rgba(17,17,17,.055)}.quote-history-panel h3{margin:0 0 12px;display:flex;gap:8px;align-items:center;color:#171717}.quote-history-list{display:grid;gap:10px}.quote-history-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #eee4d0;border-radius:16px;padding:10px}.quote-history-item p{margin:0;color:#171717;font-weight:800}.quote-history-item small{color:#707070;font-weight:800}.quote-share-actions{margin-top:16px}.quote-decision-actions{gap:10px;flex-wrap:wrap}.quote-card-progress{display:flex;align-items:center;gap:6px}.quote-card-progress span{width:31px;height:31px;border-radius:12px;display:grid;place-items:center;background:#f3f4f6;color:#9ca3af;border:1px solid #e5e7eb}.quote-card-progress span.done{background:linear-gradient(135deg,#111,#c5a15a);color:#fff;border-color:#c5a15a}.quote-card-progress span.current{background:#fff8e7;color:#967132;border-color:#d9c38f}.quote-card-progress.mini{margin:10px 0}.quote-admin-sidepanel{display:grid!important;gap:12px}.quote-admin-linkbox{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#111;color:#fff;border-radius:20px;padding:13px 15px}.quote-admin-linkbox small{display:block;color:#e9dfce;direction:ltr;text-align:left;word-break:break-all}.quote-admin-card.status-expired,.quote-client-card.status-expired{border-color:#f1c6c6!important}.quote-client-card{position:relative}.customer-new-message-box{margin-bottom:16px}.messages-list-panel .message-row.unread{border-color:#d9bd75;background:linear-gradient(135deg,#fffaf1,#fff)}.messages-list-panel .message-row.unread:before{content:"";position:absolute;inset:12px auto auto 12px;width:9px;height:9px;border-radius:50%;background:#c5a15a;box-shadow:0 0 0 4px rgba(197,161,90,.16)}@media(max-width:760px){.quote-stage-track{grid-template-columns:1fr}.quote-stage{grid-template-columns:auto 1fr;justify-items:start;text-align:start}.quote-history-item{grid-template-columns:1fr}.quote-admin-linkbox{display:grid}.quote-card-progress{flex-wrap:wrap}}


/* Phase 6: Customer portal UX polish and stronger mobile responsiveness */
.customer-dashboard-hero{background:radial-gradient(circle at 10% 8%,rgba(197,161,90,.18),transparent 28rem),linear-gradient(135deg,#111,#2f2f2f 55%,#c5a15a)!important;color:#fff!important}.customer-dashboard-hero h1,.customer-dashboard-hero p{color:#fff!important}.customer-dashboard-hero .eyebrow{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important;color:#f5d996!important}.phase6-customer-dashboard .panel,.phase6-customer-dashboard .account-welcome{border-color:#e8dfcf!important;background:linear-gradient(180deg,#fff,#fffdf8)!important;box-shadow:0 16px 42px rgba(17,17,17,.07)!important}.phase6-welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:28px;padding:22px}.phase6-welcome h2{margin:8px 0 6px}.phase6-welcome p{margin:0;color:#707070;line-height:1.9}.phase6-welcome-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.phase6-account-stats{grid-template-columns:repeat(6,minmax(0,1fr))!important}.phase6-account-stats a,.phase6-account-stats div{background:#fff!important;border:1px solid #e8dfcf!important;border-radius:22px!important;padding:16px!important;box-shadow:0 12px 30px rgba(17,17,17,.055)!important;transition:.2s ease!important}.phase6-account-stats a:hover{transform:translateY(-3px);border-color:#c5a15a!important}.phase6-account-stats i{background:linear-gradient(135deg,#111,#c5a15a)!important;color:#fff!important}.phase6-snapshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.phase6-snapshot-card{display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid #e8dfcf;border-radius:24px;padding:17px;box-shadow:0 14px 34px rgba(17,17,17,.06);min-height:178px;position:relative;overflow:hidden}.phase6-snapshot-card.highlight{background:linear-gradient(145deg,#111,#2f2f2f 58%,#c5a15a);color:#fff;border-color:transparent}.phase6-snapshot-card.highlight .snapshot-body span,.phase6-snapshot-card.highlight .snapshot-body p{color:rgba(255,255,255,.78)}.phase6-snapshot-card.highlight .snapshot-body a{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.10)}.snapshot-icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#111,#c5a15a);color:#fff}.phase6-snapshot-card.highlight .snapshot-icon{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}.snapshot-body span{display:block;color:#707070;font-weight:900;font-size:12px}.snapshot-body h3{margin:6px 0 5px;font-size:18px;color:inherit}.snapshot-body p{margin:0 0 10px;color:#707070;line-height:1.65;font-weight:700}.snapshot-body a{display:inline-flex;align-items:center;gap:7px;border:1px solid #e8dfcf;border-radius:999px;padding:7px 11px;font-weight:900;color:#111;background:#fff}.phase6-action-hub .service-hub-grid a{border-color:#e8dfcf!important;background:linear-gradient(180deg,#fff,#fffaf1)!important}.phase6-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.phase6-quote-mini-list{display:grid;gap:10px}.phase6-quote-mini-list a{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;border:1px solid #e8dfcf;border-radius:18px;background:#fff;padding:12px;transition:.2s ease}.phase6-quote-mini-list a:hover{transform:translateY(-2px);border-color:#c5a15a}.phase6-quote-mini-list strong{color:#111}.phase6-quote-mini-list span{color:#967132;font-weight:900}.phase6-quote-mini-list b{grid-row:1/3;grid-column:2;color:#111}.account-sidebar{border-color:#e8dfcf!important;background:linear-gradient(180deg,#fff,#fffdf8)!important}.account-sidebar nav a{border-radius:16px}.account-sidebar nav a.active,.account-sidebar nav a:hover{background:#fbf8f1!important;color:#111!important;border-color:#c5a15a!important}.account-menu-count{background:#c5a15a!important;color:#111!important}.customer-message-list,.customer-message-detail,.customer-new-message-box{border-color:#e8dfcf!important}.customer-message-row.active{border-color:#c5a15a!important;background:#fffaf1!important}.responsive-table{overflow:auto;border-radius:18px}.responsive-table table,.customer-appointments-table{min-width:720px}.status-chip.is-success{background:#ecfdf3!important;color:#087d37!important;border:1px solid #bbf7d0!important}.status-chip.is-warning{background:#fff7e6!important;color:#8a5b0a!important;border:1px solid #ead4a6!important}.status-chip.is-danger{background:#fef2f2!important;color:#b91c1c!important;border:1px solid #fecaca!important}.status-chip.is-muted{background:#f4f4f5!important;color:#52525b!important;border:1px solid #e4e4e7!important}
@media(max-width:1180px){.phase6-account-stats{grid-template-columns:repeat(3,1fr)!important}.phase6-snapshot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.page-hero.customer-dashboard-hero{padding:46px 0!important}.account-layout{display:grid!important;grid-template-columns:1fr!important}.account-sidebar{position:relative!important;top:auto!important;margin-bottom:14px}.account-sidebar nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-sidebar nav a{margin:0!important}.phase6-welcome{display:grid}.phase6-welcome-actions{justify-content:stretch}.phase6-welcome-actions a{width:100%;justify-content:center}.phase6-account-stats,.phase6-snapshot-grid,.phase6-two-columns{grid-template-columns:1fr!important}.phase6-snapshot-card{min-height:auto}.customer-messages-layout{grid-template-columns:1fr!important}.customer-message-list{max-height:none!important}.account-head{display:grid!important;gap:12px}.account-head .btn,.account-head .btn-outline{width:100%;justify-content:center}.customer-notification-item{align-items:flex-start!important}.service-hub-grid{grid-template-columns:1fr!important}}
@media(max-width:640px){.customer-appointments-table,.customer-appointments-table tbody,.customer-appointments-table tr,.customer-appointments-table td,.customer-appointments-table th{display:block;width:100%}.customer-appointments-table thead{display:none}.customer-appointments-table{min-width:0}.customer-appointments-table tr{border:1px solid #e8dfcf;border-radius:18px;margin-bottom:10px;background:#fff;padding:8px}.customer-appointments-table td{display:flex;justify-content:space-between;gap:12px;border:0!important;border-bottom:1px dashed #eee4d0!important;padding:10px!important}.customer-appointments-table td:before{content:attr(data-label);font-weight:900;color:#967132}.customer-appointments-table td:last-child{border-bottom:0!important}.invoice-actions{display:grid!important}.invoice-actions a{justify-content:center}.admin-card-grid.customer-quote-grid{grid-template-columns:1fr!important}.card-metrics{grid-template-columns:1fr!important}}


/* Phase 8 Hotfix 1 - compact customer cards */
.phase6-account-stats{align-items:stretch!important}
.phase6-account-stats a,.phase6-account-stats div{min-height:132px;display:flex!important;flex-direction:column;justify-content:space-between;gap:8px;text-align:center}
.phase6-account-stats b{font-size:24px;line-height:1.05}
.phase6-account-stats span{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px;justify-content:center}
.phase6-snapshot-grid{align-items:stretch}
.phase6-snapshot-card{min-height:160px;padding:15px;gap:11px}
.snapshot-icon{width:44px;height:44px;border-radius:16px}
.snapshot-body span{font-size:11px;line-height:1.4}
.snapshot-body h3{font-size:16px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:46px}
.snapshot-body p{font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.snapshot-body a{padding:7px 10px;font-size:13px;line-height:1.2}
@media(max-width:820px){.phase6-account-stats a,.phase6-account-stats div{min-height:auto}.snapshot-body h3,.snapshot-body p,.phase6-account-stats span{min-height:auto}}

/* Phase 9 - customer notification badges */
.account-sidebar nav a{position:relative;display:flex!important;align-items:center;gap:9px}
.account-sidebar nav a i{flex:0 0 auto}.account-sidebar nav a .account-menu-count{margin-inline-start:auto;min-width:22px;height:22px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#f97316)!important;color:#fff!important;display:inline-grid!important;place-items:center;font-size:11px;font-weight:900;line-height:1;padding:0 7px;box-shadow:0 8px 20px rgba(239,68,68,.20)}
.customer-message-row.unread,.customer-notification-item.unread{border-color:#c5a15a!important;background:#fffaf1!important}
@media(max-width:820px){.account-sidebar nav a .account-menu-count{margin-inline-start:0;margin-right:auto}}

/* Phase 10 - Dynamic CMS pages */
.cms-legal-hero,.cms-profile-hero{position:relative;overflow:hidden}.cms-legal-hero:after,.cms-profile-hero:after{content:"";position:absolute;inset:auto -120px -140px auto;width:320px;height:320px;border-radius:50%;background:rgba(212,175,55,.16);filter:blur(8px)}
.cms-page .cms-content-card{font-size:16px;line-height:2;color:#323232}.cms-content-card p{margin:0 0 16px}.cms-content-card h2,.cms-content-card h3{color:#151515;margin:22px 0 10px}.cms-content-card ul,.cms-content-card ol{padding-inline-start:24px;margin:10px 0 18px}.cms-content-card li{margin-bottom:8px}.compact-cms-content{box-shadow:none!important;border:0!important;padding:0!important;background:transparent!important}.compact-cms-content p{margin-bottom:12px}
.cms-profile-intro img{object-fit:contain;background:#111;padding:16px;border-radius:22px}.legal-updated{border-top:1px solid rgba(0,0,0,.08);padding-top:14px;margin-top:18px;color:#777;font-size:13px}
@media(max-width:760px){.cms-page .cms-content-card{font-size:15px;line-height:1.9}.cms-profile-intro{grid-template-columns:1fr!important}.cms-profile-intro img{max-height:150px;width:100%;object-fit:contain}}


/* Phase 14 Hotfix 2 - contact outside footer compatibility */
.amaar-contact-before-footer{scroll-margin-top:126px}.amaar-contact-form .full{grid-column:1/-1!important}.amaar-footer-v2 .footer-contact-form-block{display:none!important}@media(min-width:1081px){body.menu-open{overflow-y:auto!important;touch-action:auto!important}body.menu-open:after{display:none!important}}


/* Phase 15 - auth pages and production footer spacing */
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#fbf8f1;border:1px solid #e8dfcf;border-radius:18px;padding:6px;margin-bottom:18px}.auth-tabs a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:14px;font-weight:900;color:#5e5140;text-decoration:none}.auth-tabs a.active{background:linear-gradient(135deg,#111,#343434 58%,#c5a15a);color:#fff}.site-footer.amaar-footer-v2{padding-bottom:96px!important}@media(max-width:720px){.auth-tabs{grid-template-columns:1fr}.site-footer.amaar-footer-v2{padding-bottom:108px!important}}


/* Phase 15 Hotfix - Quote view action buttons contrast and layout */
.quote-public-section .quote-share-actions,
.quote-public-section .quote-decision-actions,
.quote-public-section .quote-pay-box .card-actions{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(168px,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.quote-public-section .quote-share-actions{
  margin-top:20px!important;
  padding:16px!important;
  border:1px solid #e8dfcf!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#ffffff 0%,#fffaf1 100%)!important;
  box-shadow:0 14px 34px rgba(17,17,17,.055)!important;
}
.quote-public-section .quote-share-actions .btn,
.quote-public-section .quote-share-actions .btn-outline,
.quote-public-section .quote-decision-actions .btn,
.quote-public-section .quote-decision-actions .btn-outline,
.quote-public-section .quote-pay-box .btn,
.quote-public-section .quote-pay-box .btn-outline{
  width:100%!important;
  min-height:50px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border-radius:16px!important;
  padding:11px 14px!important;
  font-weight:900!important;
  font-size:14px!important;
  line-height:1.25!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
  text-decoration:none!important;
  white-space:normal!important;
  text-align:center!important;
}
.quote-public-section .quote-share-actions .btn,
.quote-public-section .quote-decision-actions .btn,
.quote-public-section .quote-pay-box .btn{
  color:#fff!important;
  background:linear-gradient(135deg,#111111,#3b3529 56%,#c5a15a)!important;
  border:1px solid rgba(197,161,90,.42)!important;
  box-shadow:0 12px 26px rgba(17,17,17,.16)!important;
}
.quote-public-section .quote-share-actions .btn-outline,
.quote-public-section .quote-decision-actions .btn-outline,
.quote-public-section .quote-pay-box .btn-outline{
  color:#171717!important;
  background:#ffffff!important;
  border:1px solid #d9c38f!important;
  box-shadow:0 10px 24px rgba(17,17,17,.055)!important;
}
.quote-public-section .quote-share-actions .btn-outline i,
.quote-public-section .quote-decision-actions .btn-outline i,
.quote-public-section .quote-pay-box .btn-outline i{
  color:#9a7331!important;
}
.quote-public-section .quote-share-actions .btn-outline:hover,
.quote-public-section .quote-decision-actions .btn-outline:hover,
.quote-public-section .quote-pay-box .btn-outline:hover{
  color:#111!important;
  background:#fff5df!important;
  border-color:#c5a15a!important;
  transform:translateY(-2px);
}
.quote-public-section .quote-share-actions a[href*="wa.me"]{
  color:#075e36!important;
  background:linear-gradient(135deg,#ffffff,#ecfdf3)!important;
  border-color:#a7e8c4!important;
}
.quote-public-section .quote-share-actions a[href*="wa.me"] i{
  color:#16a34a!important;
}
.quote-public-section .quote-share-actions button[data-copy-link]{
  appearance:none!important;
  -webkit-appearance:none!important;
}
@media(max-width:680px){
  .quote-public-section .quote-share-actions,
  .quote-public-section .quote-decision-actions,
  .quote-public-section .quote-pay-box .card-actions{
    grid-template-columns:1fr!important;
  }
  .quote-public-section .quote-share-actions{padding:12px!important;border-radius:20px!important}
  .quote-public-section .quote-share-actions .btn,
  .quote-public-section .quote-share-actions .btn-outline,
  .quote-public-section .quote-decision-actions .btn,
  .quote-public-section .quote-decision-actions .btn-outline{
    min-height:48px!important;
  }
}


/* Phase 15 Hotfix - polished customer portal forms */
.customer-area .account-content .customer-form-card{
  position:relative;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px!important;
  background:radial-gradient(circle at 8% 0,rgba(197,161,90,.14),transparent 18rem),linear-gradient(145deg,#ffffff,#fffdf8)!important;
  border:1px solid #e5d8be!important;
  border-radius:30px!important;
  padding:22px!important;
  box-shadow:0 20px 55px rgba(17,17,17,.08)!important;
  overflow:hidden;
}
.customer-area .account-content .customer-form-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,#111,#c5a15a,#f3d69d);
}
.customer-area .account-content .customer-form-title{
  display:flex!important;
  align-items:flex-start;
  gap:13px;
  padding:0 0 14px!important;
  margin:0 0 2px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.customer-area .account-content .customer-form-title .form-section-icon{
  width:46px;
  height:46px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:#f4d99b;
  background:linear-gradient(135deg,#111,#3a3328 62%,#9d7937);
  box-shadow:0 13px 28px rgba(17,17,17,.16);
}
.customer-area .account-content .customer-form-title h3{
  margin:0 0 5px!important;
  color:#111!important;
  font-size:21px;
  font-weight:900;
}
.customer-area .account-content .customer-form-title p{
  margin:0!important;
  color:#69635a!important;
  line-height:1.85!important;
  font-weight:700;
}
.customer-area .account-content .customer-field{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:14px!important;
  background:#fff!important;
  border:1px solid #eadfca!important;
  border-radius:22px!important;
  box-shadow:0 10px 28px rgba(17,17,17,.045)!important;
  color:#171717!important;
  font-weight:900!important;
  overflow:visible!important;
  transform:none!important;
}
.customer-area .account-content .customer-field:focus-within{
  border-color:#c5a15a!important;
  box-shadow:0 0 0 4px rgba(197,161,90,.14),0 16px 34px rgba(17,17,17,.07)!important;
}
.customer-area .account-content .customer-field>span{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:24px;
  color:#171717!important;
  font-size:14px!important;
  line-height:1.6!important;
}
.customer-area .account-content .customer-field>span i{color:#9d7937!important;font-size:15px!important}
.customer-area .account-content .customer-field input,
.customer-area .account-content .customer-field select,
.customer-area .account-content .customer-field textarea{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:50px!important;
  margin:0!important;
  padding:13px 15px!important;
  border:1px solid #e0d2b8!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#fff,#fffefa)!important;
  color:#111!important;
  font-family:'Cairo',Tahoma,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.8!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
  box-sizing:border-box!important;
  resize:vertical;
}
.customer-area .account-content .customer-field textarea{min-height:128px!important;resize:vertical!important}
.customer-area .account-content .customer-field input::placeholder,
.customer-area .account-content .customer-field textarea::placeholder{color:#9a9285!important;font-weight:700!important;opacity:1!important}
.customer-area .account-content .customer-field input:focus,
.customer-area .account-content .customer-field select:focus,
.customer-area .account-content .customer-field textarea:focus{
  border-color:#c5a15a!important;
  box-shadow:0 0 0 3px rgba(197,161,90,.13)!important;
  background:#fff!important;
}
.customer-area .account-content .customer-form-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:2px!important;
}
.customer-area .account-content .customer-form-actions .btn{
  min-height:46px!important;
  padding:0 20px!important;
  border-radius:999px!important;
  font-weight:900!important;
  color:#fff!important;
}
.customer-area .account-content .compact-reply-form{margin-top:16px!important;padding:18px!important;border-radius:24px!important}
.customer-area .account-content .compact-reply-form .customer-field textarea{min-height:110px!important}
.customer-area .account-content .customer-message-detail .message-reply-form label.full{grid-column:1/-1!important}
@media(max-width:820px){
  .customer-area .account-content .customer-form-card{grid-template-columns:1fr!important;padding:17px!important;border-radius:24px!important}
  .customer-area .account-content .customer-form-title{display:grid!important;text-align:start}
  .customer-area .account-content .customer-form-actions{justify-content:stretch!important}
  .customer-area .account-content .customer-form-actions .btn{width:100%!important;justify-content:center!important}
  .customer-area .account-content .customer-field{padding:12px!important;border-radius:19px!important}
}