@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800;900&display=swap');
:root{--blue:#08a7f8;--blue2:#006fbf;--green:#20d45a;--green2:#10a245;--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,#08a7f8,#20d45a);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,#0ea5e9,#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,#0ea5e9,#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,#0ea5e9,#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,#0ea5e9)}.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}}
}

/* Al Shahad Advanced Co identity refresh */
:root{--blue:#0b5ed7;--blue2:#123a7a;--green:#00b4d8;--green2:#057aa5;--ink:#071527;--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,#06162d,#0b5ed7,#00b4d8)}.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,#06162d,#0b5ed7 55%,#00b4d8);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:#071527}.btn{background:linear-gradient(135deg,#0b5ed7,#00b4d8);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,#071527,#0b5ed7 62%,#00b4d8)}.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,#06162d,#0b5ed7);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,#0b5ed7,#00b4d8)}.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,#0b5ed7,#00b4d8);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,#0b5ed7,#00b4d8);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,#06162d,#0b5ed7);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,#071527,#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:#06162d}.floating-whatsapp .wa-icon{background:linear-gradient(135deg,#13c266,#00b4d8)}
@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)}}

/* =========================================================
   Al Shahad Tech Purple/Cyan Brand Palette - 2026-05-21
   Based on supplied company profile visual.
   Primary dark: #131357 / #1C1E88
   Secondary blue: #1C5392
   Cyan accent: #16C7FF
   Purple accent: #5D1B96 / #9025AF
   Warm highlight: #EEB38D
   Goal: keep existing light layout, replace brand colors only.
   ========================================================= */
:root{
  --blue:#16C7FF;
  --blue2:#1C5392;
  --green:#9025AF;
  --green2:#5D1B96;
  --ink:#101631;
  --muted:#66708A;
  --soft:#F8FAFF;
  --line:#E4E8F7;
  --bg:#FFFFFF;
  --brand-navy:#131357;
  --brand-indigo:#1C1E88;
  --brand-blue:#1C5392;
  --brand-cyan:#16C7FF;
  --brand-purple:#5D1B96;
  --brand-magenta:#9025AF;
  --brand-gold:#EEB38D;
  --brand-grad:linear-gradient(135deg,#16C7FF 0%,#1C1E88 38%,#9025AF 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:#5D1B96!important}
.btn-outline:hover,.icon-btn:hover{border-color:rgba(144,37,175,.32)!important;background:#FBF8FF!important;color:#5D1B96!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:#5D1B96!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:#5D1B96!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:#5D1B96!important;border-color:#E6D5F6!important}
.badge.green,.alert-success{background:#F0FEFF!important;color:#1C5392!important;border-color:#BFEFFF!important}
.price,.quote-totals b{color:#5D1B96!important}
.form-control:focus,select:focus,textarea:focus,input:focus{border-color:#9025AF!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,#5D1B96,#1C5392)!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,#1C5392,#9025AF)!important;color:#fff!important}
@media print{
  .btn,.print-actions .primary,.total-line.grand,.items-table th{background:linear-gradient(135deg,#131357,#5D1B96,#1C5392)!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}}

/* =========================================================
   Stage 28: Auth, header, stats relocation and mobile polish
   ========================================================= */
.site-header{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px) saturate(1.12)!important;border-bottom:1px solid rgba(93,27,150,.10)!important;box-shadow:0 16px 38px rgba(19,19,87,.06)!important}.site-header.is-scrolled{background:rgba(255,255,255,.98)!important;box-shadow:0 22px 58px rgba(19,19,87,.10)!important}.nav{min-height:82px}.brand{padding:6px 8px 6px 10px;border-radius:24px;transition:.22s ease}.brand:hover{background:#F8FAFF}.brand-title{font-size:15px!important;font-weight:950!important;letter-spacing:-.1px}.nav-links{background:rgba(248,250,255,.72);border:1px solid rgba(228,232,247,.78);border-radius:999px;padding:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 10px 26px rgba(19,19,87,.035)}.nav-links a{position:relative;display:flex!important;align-items:center;gap:7px;border:1px solid transparent;min-height:42px}.nav-links a i{font-size:13px;color:#5D1B96}.nav-links a:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(93,27,150,.10)!important}.nav-actions .account-action{background:linear-gradient(135deg,#fff,#F8FAFF)!important}.lang-action{font-weight:950}.auth-page-hero{padding:62px 0 46px!important}.auth-page-hero h1{margin-top:10px}.auth-section{background:radial-gradient(circle at 12% 18%,rgba(22,199,255,.11),transparent 28rem),radial-gradient(circle at 88% 20%,rgba(144,37,175,.10),transparent 26rem),#fff}.auth-shell{align-items:stretch}.compact-auth-shell{max-width:1050px}.auth-info-card{background:radial-gradient(circle at 14% 16%,rgba(22,199,255,.20),transparent 20rem),linear-gradient(135deg,#131357,#1C1E88 52%,#5D1B96)!important;color:#fff!important;border:0!important;box-shadow:0 26px 72px rgba(19,19,87,.22)!important}.auth-info-card>i{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)}.auth-info-card h2,.auth-info-card p{color:#fff!important}.auth-info-card p{opacity:.88}.auth-info-card .account-points span{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}.auth-panel{border:1px solid #E4E8F7!important;border-radius:30px!important;box-shadow:0 24px 70px rgba(19,19,87,.10)!important;background:linear-gradient(180deg,#fff,#FCFDFF)!important}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;background:#F8FAFF;border:1px solid #E4E8F7;border-radius:20px;padding:7px}.auth-tabs a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:16px;font-weight:950;color:#44506A;transition:.22s}.auth-tabs a.active{background:var(--brand-grad)!important;color:#fff!important;box-shadow:0 14px 30px rgba(93,27,150,.20)}.auth-heading{display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center;margin-bottom:17px}.auth-heading>span{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(22,199,255,.18),rgba(144,37,175,.16));color:#5D1B96;font-size:23px}.auth-heading h3{margin:0;font-size:24px}.auth-heading p{margin:2px 0 0;color:var(--muted);font-size:14px}.auth-form label{display:grid;gap:7px}.auth-form .form-control{min-height:52px;border-radius:17px}.auth-links-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.auth-links-row.single{grid-template-columns:1fr}.auth-links-row a{justify-content:center;min-height:48px}.auth-note{margin-top:15px;display:flex;gap:9px;align-items:flex-start;background:#F8FAFF;border:1px dashed #D9DFF2;border-radius:17px;padding:12px 14px;color:#526071;font-weight:800}.otp-input{text-align:center;font-size:25px!important;letter-spacing:8px;direction:ltr}.stats-after-clients{padding:34px 0 56px!important;background:linear-gradient(180deg,#fff,#F8FAFF)}.stats-kpi-ribbon{margin-top:0!important;position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important}.stats-kpi-ribbon .kpi{text-align:center;min-height:126px;display:grid;place-items:center;background:rgba(255,255,255,.94)!important;border:1px solid #E4E8F7!important}.stats-kpi-ribbon .kpi b{font-size:31px;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important}@media(max-width:1120px){.nav-links{gap:3px;padding:5px}.nav-links a{padding-inline:9px!important}.brand-title{font-size:13px!important}}@media(max-width:860px){.nav{min-height:74px!important}.nav-links{border-radius:0!important;background:linear-gradient(180deg,#fff,#F8FAFF)!important;padding:88px 16px 20px!important}.nav-links a i{width:24px;text-align:center}.brand{padding:0!important}.brand-title{font-size:14px!important}.auth-page-hero{text-align:center;padding:44px 0 34px!important}.auth-tabs,.auth-links-row,.stats-kpi-ribbon{grid-template-columns:1fr!important}.auth-heading{grid-template-columns:46px 1fr}.auth-heading>span{width:46px;height:46px;border-radius:16px;font-size:19px}.auth-heading h3{font-size:20px}.auth-info-card{min-height:auto!important}.stats-after-clients{padding:24px 0 42px!important}.login-shell.auth-shell{gap:18px!important}}@media(max-width:520px){.auth-panel,.auth-info-card{border-radius:24px!important;padding:20px!important}.auth-tabs a{font-size:13px}.otp-input{letter-spacing:5px}.brand-title{max-width:132px!important;white-space:normal!important;line-height:1.25}}