﻿/* Reference-inspired Hakkari Yazılım UI */
:root{--navy:#071B33;--navy2:#061426;--green:#20C997;--green2:#15b67f;--blue:#2563EB;--soft:#F5F8FC;--text:#111827;--muted:#667085;--line:#E5EAF2;--shadow:0 18px 50px rgba(15,23,42,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}h1,h2,h3,.brand{font-family:Manrope,Inter,sans-serif;letter-spacing:-.01em}a{text-decoration:none}.container{max-width:1280px}.site-header{background:linear-gradient(90deg,#061426,#071B33);box-shadow:0 6px 22px rgba(7,27,51,.18)}.navbar{min-height:58px;padding:.55rem 0}.brand{display:flex;align-items:center;gap:.55rem;color:#fff!important;font-weight:900;font-size:1.18rem}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:linear-gradient(145deg,var(--green),#0d8f68);color:#fff;box-shadow:0 8px 22px rgba(32,201,151,.28)}.nav-link{color:#fff!important;font-size:.88rem;font-weight:800;padding:.55rem .72rem!important}.nav-link i{font-size:.68rem}.btn{border-radius:7px;font-weight:900}.btn-login{border:1px solid rgba(255,255,255,.55);color:#fff;padding:.52rem .95rem;background:transparent}.btn-login:hover{background:#fff;color:var(--navy)}.btn-accent{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;border:0;box-shadow:0 12px 24px rgba(32,201,151,.24)}.nav-cta{padding:.58rem 1rem}.btn-ghost{background:#fff;color:var(--navy);border:1px solid #AEB8C7}.skip-link{position:absolute;left:-999px}.ref-hero{position:relative;background:radial-gradient(circle at 78% 45%,rgba(37,99,235,.08),transparent 30%),linear-gradient(180deg,#fff,#fbfdff);padding:58px 0 42px;overflow:hidden}.ref-eyebrow{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .62rem;border-radius:999px;background:#E9FFF6;color:#0a9d6c;text-transform:uppercase;font-weight:900;font-size:.72rem;margin-bottom:1.1rem}.ref-hero h1{font-size:clamp(2.4rem,4.7vw,4.5rem);line-height:1.08;font-weight:900;color:#111827;margin-bottom:1rem;max-width:620px}.ref-hero p{color:#526174;font-size:1.12rem;max-width:560px}.hero-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.7rem 0}.hero-mini span{display:grid;grid-template-columns:34px 1fr;gap:.55rem;align-items:center}.hero-mini i{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#E9FFF6;color:var(--green)}.hero-mini b{font-size:.84rem}.hero-mini small{color:var(--muted);font-size:.78rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-actions .btn{padding:.82rem 1.25rem}.ref-visual{position:relative;min-height:330px;display:grid;place-items:center}.hero-dashboard{width:86%;height:auto;filter:drop-shadow(0 26px 40px rgba(37,99,235,.16))}.metric-card{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;padding:1rem 1.15rem;min-width:128px}.metric-card b{display:block;color:#11b873;font-size:1.45rem}.metric-card span{display:block;color:#536174;font-size:.78rem;font-weight:700}.metric-card small{color:#F5A400;letter-spacing:.08em}.m1{left:0;top:12px}.m2{right:0;top:110px}.m3{bottom:2px;right:120px}.category-dock{padding:0 0 28px}.category-inner{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:1rem}.category-inner a{display:grid;place-items:center;text-align:center;color:var(--text);gap:.2rem;padding:.35rem}.category-inner i{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#E9FFF6;color:var(--green);font-size:1.25rem}.category-inner a:nth-child(1) i{background:#FFE8EE;color:#EF4444}.category-inner a:nth-child(2) i{background:#EAF2FF;color:#2563EB}.category-inner a:nth-child(3) i{background:#F0E8FF;color:#7C3AED}.category-inner a:nth-child(4) i{background:#FFF3DF;color:#F59E0B}.category-inner b{font-size:.83rem}.category-inner small{color:var(--muted);font-size:.72rem}.ref-section{padding:18px 0 22px}.section-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.05rem}.section-title-row h2{font-size:1.65rem;font-weight:900;margin:0}.section-title-row h2 i{color:#F6B100}.section-title-row p{margin:.15rem 0 0;color:var(--muted);font-size:.9rem}.section-title-row a{color:#526174;font-weight:800;font-size:.9rem}.ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.05rem}.ref-card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 38px rgba(15,23,42,.07);overflow:hidden;display:flex;flex-direction:column;transition:.2s ease}.ref-card:hover{transform:translateY(-4px);box-shadow:0 18px 54px rgba(15,23,42,.12)}.ref-card-media{position:relative;background:linear-gradient(135deg,#E9FFF6,#FFF0F4);height:126px;display:grid;place-items:center;overflow:hidden}.system-card .ref-card-media{background:#08182E;height:116px}.ref-card-media img{width:100%;height:100%;object-fit:cover}.card-badge{position:absolute;top:12px;right:10px;z-index:2;background:var(--green);color:#fff;border-radius:999px;padding:.28rem .55rem;font-size:.68rem;font-weight:900}.ref-card-body{padding:1rem;display:flex;flex-direction:column;flex:1}.ref-card h3{font-size:1.08rem;line-height:1.28;font-weight:900;margin:0 0 .65rem}.ref-card p{font-size:.82rem;color:#4B5563;margin-bottom:1rem;flex:1}.ref-meta{display:flex;justify-content:space-between;gap:.5rem;color:#4B5563;font-size:.76rem;font-weight:800;margin-bottom:.85rem}.ref-meta i{color:var(--green)}.stars{color:#0a9d6c}.stars i{color:#F5A400}.ref-card strong{display:block;font-size:1.25rem;margin-bottom:.75rem}.btn-order,.btn-outline-order{width:100%;font-size:.82rem;padding:.62rem .8rem}.btn-order{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff}.btn-outline-order{border:1px solid var(--green);color:#0a9d6c;background:#fff}.systems{padding-top:12px}.proof-row{padding:28px 0}.proof-row .container{display:grid;grid-template-columns:1.25fr .95fr;gap:1.2rem}.proof-card,.testimonial-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:1.3rem}.proof-card{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.proof-card span{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:.55rem}.proof-card i{grid-row:1/3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#E9FFF6;color:var(--green)}.proof-card b{font-size:1.1rem}.proof-card small{color:var(--muted);font-size:.72rem}.testimonial-card p{margin:0 0 .75rem;color:#334155}.testimonial-card b,.testimonial-card small{display:block}.testimonial-card span{float:right;color:#F5A400}.ref-cta{padding:0 0 32px}.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:linear-gradient(100deg,#061426,#083D3A);color:#fff;border-radius:16px;padding:1.45rem 1.75rem}.cta-panel>div{display:flex;align-items:center;gap:1rem}.cta-panel>div>i{font-size:2.3rem;color:var(--green)}.cta-panel b,.cta-panel small{display:block}.cta-panel small{color:rgba(255,255,255,.75)}.footer-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;color:#111827}.footer-benefits span{display:grid;grid-template-columns:34px 1fr;gap:.55rem;align-items:center}.footer-benefits i{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#F2F6FA;color:#42526B}.footer-benefits b{font-size:.85rem}.footer-benefits small{color:#667085}.footer{background:#fff;color:#475467;padding:20px 0 26px}.footer-top{border-top:1px solid var(--line);padding-top:2rem;display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:1.5rem}.footer h3{font-size:.95rem;color:#111827}.footer a{display:block;color:#526174;margin:.36rem 0;font-weight:700}.footer .brand{color:#111827!important}.footer-bottom{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem;color:#667085}.whatsapp-float,.to-top{position:fixed;right:18px;z-index:1000;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;box-shadow:var(--shadow)}.whatsapp-float{bottom:84px;background:#25D366;color:#fff;font-size:1.35rem}.to-top{bottom:24px;background:var(--navy);color:#fff;border:0;opacity:0;pointer-events:none}.to-top.show{opacity:1;pointer-events:auto}.page-hero,.detail-hero{background:linear-gradient(135deg,var(--navy),#0B2545);color:#fff;padding:72px 0}.page-hero h1,.detail-hero h1{font-size:clamp(2rem,4vw,3.8rem);font-weight:900}.page-hero p,.detail-hero p{color:rgba(255,255,255,.78)}.offer-grid,.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.offer-card,.blog-card,.form-card,.contact-box,.price-box,.panel-content,.panel-nav,.auth-card,.cart-list,.profile-card,.ticket-list,.invoice-row{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.offer-card{overflow:hidden}.offer-media img,.blog-media img{width:100%;height:auto;border-radius:10px}.offer-body,.blog-body{padding:1rem}.pill{display:inline-flex;border-radius:999px;background:#E9FFF6;color:#0a9d6c;padding:.3rem .6rem;font-size:.75rem;font-weight:900}.filter-panel{display:grid;grid-template-columns:1fr 210px 180px;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem;box-shadow:var(--shadow);margin-bottom:1.4rem}.search-wrap{position:relative}.search-wrap i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#667085}.search-wrap input{padding-left:2.6rem}.form-control,.form-select{border-radius:9px;border:1px solid var(--line);padding:.78rem 1rem}.section{padding:64px 0}.panel-shell{background:var(--soft);padding:34px 0}.panel-layout{display:grid;grid-template-columns:260px 1fr;gap:1rem}.panel-nav{padding:1rem}.panel-nav a{display:flex;gap:.5rem;color:#111827;font-weight:800;padding:.72rem;border-radius:10px}.panel-nav a.active,.panel-nav a:hover{background:#E9FFF6;color:#0a9d6c}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.cart-item,.cart-total{display:flex;justify-content:space-between;align-items:center;gap:1rem}.cart-list,.cart-total{padding:1rem}.auth-section{background:var(--soft);min-height:75vh;display:grid;place-items:center;padding:3rem 1rem}.auth-shell{display:grid;grid-template-columns:1fr 420px;gap:1rem;max-width:960px}.auth-shell img{width:100%;border-radius:14px}.auth-card{padding:1.5rem;display:grid;gap:1rem}body.dark{background:#07111f;color:#E7EEF8;--text:#E7EEF8;--muted:#AAB7C7;--line:#263A55;--soft:#0B1728}body.dark .ref-card,body.dark .category-inner,body.dark .proof-card,body.dark .testimonial-card,body.dark .footer,body.dark .offer-card,body.dark .blog-card,body.dark .form-card,body.dark .contact-box,body.dark .panel-content,body.dark .panel-nav,body.dark .auth-card,body.dark .cart-list{background:#0E1C30;color:#E7EEF8}@media(max-width:1199px){.ref-grid{grid-template-columns:repeat(3,1fr)}.offer-grid,.blog-grid{grid-template-columns:repeat(3,1fr)}.category-inner{grid-template-columns:repeat(3,1fr)}.footer-top{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px){.ref-hero{padding:42px 0}.hero-mini,.proof-row .container,.panel-layout,.auth-shell{grid-template-columns:1fr}.ref-grid,.offer-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.proof-card,.footer-benefits{grid-template-columns:repeat(2,1fr)}.metric-card{position:static;margin:.5rem;display:inline-block}.ref-visual{display:block;text-align:center}.filter-panel{grid-template-columns:1fr}.footer-top{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.ref-hero h1{font-size:2.15rem}.hero-mini,.ref-grid,.offer-grid,.blog-grid,.category-inner,.proof-card,.footer-benefits,.footer-top,.dash-grid{grid-template-columns:1fr}.section-title-row,.cta-panel,.cart-total{align-items:stretch;flex-direction:column}.ref-card-media{height:150px}.cta-panel>div{align-items:flex-start}.hero-actions .btn{width:100%}}
/* Light / dark theme with user-provided logos */
body:not(.dark){background:#fff;color:#111827}
.theme-logo{display:block;width:auto;max-width:180px;height:42px;object-fit:contain}.logo-dark{display:none}
.site-header{background:#fff!important;border-bottom:1px solid #E5EAF2;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.site-header .brand{color:#111827!important}.site-header .nav-link{color:#111827!important}.site-header .nav-link:hover,.site-header .nav-link.active{color:#0a9d6c!important}
.site-header .navbar-toggler{border-color:#D5DDE8}.site-header .navbar-toggler-icon{filter:invert(1)}
.btn-login{border:1px solid #AEB8C7!important;color:#111827!important;background:#fff!important}.btn-login:hover{background:#F5F8FC!important;color:#071B33!important}
.theme-switch{width:42px;height:42px;border:1px solid #D5DDE8;border-radius:10px;background:#fff;color:#071B33;display:grid;place-items:center}.theme-switch i{grid-area:1/1;font-size:1.05rem;transition:.18s ease}.theme-icon-sun{opacity:0;transform:scale(.75) rotate(-35deg)}.theme-icon-moon{opacity:1;transform:scale(1) rotate(0)}
.nav-cart-link{position:relative;width:42px;height:42px;border:1px solid #D5DDE8;border-radius:10px;background:#fff;color:#071B33;display:grid;place-items:center;padding:0;font-weight:900;font-size:.86rem}
.nav-cart-link:hover,.nav-cart-link.active{background:#F5F8FC;color:#0a9d6c}
.cart-count-badge{position:absolute;right:-7px;top:-7px;min-width:20px;height:20px;border-radius:999px;background:#EF4444;color:#fff;display:grid;place-items:center;padding:0 .32rem;font-size:.68rem;font-weight:900;line-height:1;border:2px solid #fff;white-space:nowrap}
#appToast{border:1px solid #DDE6F2;background:#fff;color:#111827;box-shadow:0 18px 44px rgba(15,23,42,.18)}
#appToast .toast-header{background:#F8FBFF;color:#111827;border-bottom-color:#DDE6F2}
#appToast .toast-body{background:#fff;color:#334155;font-weight:800}
.ref-hero,.category-dock,.ref-section,.proof-row,.ref-cta,.footer,.section,.systems,.page-hero + .section,.panel-shell,.auth-section{background:#fff!important}
body.dark{background:#050D18!important;color:#E7EEF8!important;--text:#E7EEF8;--muted:#AAB7C7;--line:#22344C;--soft:#07111F}
body.dark .logo-light{display:none}body.dark .logo-dark{display:block}
body.dark .theme-icon-moon{opacity:0;transform:scale(.75) rotate(35deg)}body.dark .theme-icon-sun{opacity:1;transform:scale(1) rotate(0)}
body.dark .site-header{background:#050D18!important;border-bottom-color:#17263A;box-shadow:0 8px 24px rgba(0,0,0,.32)}
body.dark .site-header .nav-link,body.dark .site-header .brand{color:#fff!important}body.dark .site-header .nav-link:hover,body.dark .site-header .nav-link.active{color:#20C997!important}
body.dark .site-header .navbar-toggler{border-color:#2A3D57}body.dark .site-header .navbar-toggler-icon{filter:none}
body.dark .btn-login{background:#071426!important;border-color:#334966!important;color:#fff!important}body.dark .btn-login:hover{background:#0B1D33!important;color:#fff!important}
body.dark .theme-switch{background:#071426;border-color:#334966;color:#FFD166}
body.dark .nav-cart-link{background:#071426;border-color:#334966;color:#F8FBFF}
body.dark .nav-cart-link:hover,body.dark .nav-cart-link.active{background:#0B1D33;color:#20C997}
body.dark .cart-count-badge{border-color:#071426}
body.dark #appToast{background:#071426!important;border-color:#334966!important;color:#E7EEF8!important;box-shadow:0 18px 44px rgba(0,0,0,.42)}
body.dark #appToast .toast-header{background:#0B1D33!important;color:#F8FBFF!important;border-bottom-color:#334966!important}
body.dark #appToast .toast-body{background:#071426!important;color:#F8FBFF!important}
body.dark #appToast .btn-close{filter:invert(1) grayscale(100%) brightness(180%);opacity:.86}
body.dark .ref-hero{background:radial-gradient(circle at 78% 45%,rgba(32,201,151,.12),transparent 30%),linear-gradient(180deg,#050D18,#071426)!important}
body.dark .category-dock,body.dark .ref-section,body.dark .proof-row,body.dark .ref-cta,body.dark .footer,body.dark .section,body.dark .systems,body.dark .page-hero + .section,body.dark .panel-shell,body.dark .auth-section{background:#050D18!important}
body.dark .ref-hero h1,body.dark .section-title-row h2,body.dark .ref-card h3,body.dark .footer h3,body.dark .footer .brand,body.dark .proof-card b,body.dark .testimonial-card b,body.dark h1,body.dark h2,body.dark h3{color:#F8FBFF!important}
body.dark .ref-hero p,body.dark .section-title-row p,body.dark .ref-card p,body.dark .footer,body.dark .footer a,body.dark .footer-benefits small,body.dark .testimonial-card p,body.dark .hero-mini small{color:#AAB7C7!important}
body.dark .category-inner,body.dark .ref-card,body.dark .proof-card,body.dark .testimonial-card,body.dark .offer-card,body.dark .blog-card,body.dark .form-card,body.dark .contact-box,body.dark .price-box,body.dark .panel-content,body.dark .panel-nav,body.dark .auth-card,body.dark .cart-list,body.dark .profile-card,body.dark .ticket-list,body.dark .invoice-row,body.dark .footer-benefits span,body.dark .metric-card,body.dark .filter-panel,body.dark .cart-total,body.dark .messages{background:#071426!important;border-color:#22344C!important;color:#E7EEF8!important}
body.dark .ref-card-media{background:linear-gradient(135deg,#081A2F,#0B2A38)!important}body.dark .system-card .ref-card-media{background:#020817!important}
body.dark .form-control,body.dark .form-select{background:#0B1D33;color:#F8FBFF;border-color:#2A3D57}body.dark .form-control::placeholder{color:#7F8EA3}
body.dark .category-inner a,body.dark .blog-card h3 a,body.dark .panel-nav a,body.dark .ticket-list a{color:#E7EEF8!important}
body.dark .footer-top,body.dark .footer-bottom{border-color:#22344C!important}body.dark .btn-ghost,body.dark .btn-soft,body.dark .btn-outline-order{background:#071426!important;color:#E7EEF8!important;border-color:#334966!important}body.dark .cta-panel{background:linear-gradient(100deg,#071426,#052A2A)!important}

.blog-card h3{font-size:1.22rem;line-height:1.25;margin:.55rem 0 .55rem}
.blog-card h3 a{color:#111827;font-weight:900}
.blog-card h3 a:hover{color:#0a9d6c}
.blog-body p{color:#475467;font-size:.9rem;line-height:1.55;margin-bottom:1rem}
.blog-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#667085;font-size:.86rem;font-weight:800}
.blog-meta a{color:#0a9d6c;font-weight:900}
.blog-meta a:hover{color:#087a55}
.blog-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:1.25rem;align-items:start}
.blog-content{min-width:0}
.blog-category-panel{position:sticky;top:86px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:1rem}
.blog-category-panel h2{font-size:1.08rem;font-weight:900;margin:0 0 .8rem;color:#111827}
.blog-category-panel button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:0;background:transparent;color:#344054;border-radius:9px;padding:.68rem .72rem;font-weight:900;text-align:left}
.blog-category-panel button:hover,.blog-category-panel button.active{background:#E9FFF6;color:#0a9d6c}
.blog-category-panel button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blog-category-panel button b{flex:0 0 auto;min-width:28px;height:24px;border-radius:999px;display:grid;place-items:center;background:#F2F6FA;color:#526174;font-size:.76rem}
.blog-category-panel button.active b,.blog-category-panel button:hover b{background:#fff;color:#0a9d6c}
body.dark .blog-card h3 a{color:#F8FBFF!important}
body.dark .blog-body p,body.dark .blog-meta{color:#AAB7C7!important}
body.dark .blog-meta a{color:#20C997!important}
body.dark .blog-category-panel{background:#071426!important;border-color:#22344C!important;color:#E7EEF8!important}
body.dark .blog-category-panel h2{color:#F8FBFF!important}
body.dark .blog-category-panel button{color:#E7EEF8!important}
body.dark .blog-category-panel button:hover,body.dark .blog-category-panel button.active{background:#0B2A24!important;color:#20C997!important}
body.dark .blog-category-panel button b{background:#0B1D33!important;color:#AAB7C7!important}
body.dark .blog-category-panel button.active b,body.dark .blog-category-panel button:hover b{background:#071426!important;color:#20C997!important}
.list-pagination{display:flex;justify-content:center;align-items:center;gap:.55rem;margin-top:1.6rem;flex-wrap:wrap}
.page-btn{min-width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#526174;font-weight:900;padding:0 .9rem;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.page-btn:hover:not(:disabled),.page-btn.active{background:#0a9d6c;border-color:#0a9d6c;color:#fff}
.page-btn:disabled{opacity:.45;cursor:not-allowed}
body.dark .page-btn{background:#071426!important;border-color:#22344C!important;color:#AAB7C7!important}
body.dark .page-btn:hover:not(:disabled),body.dark .page-btn.active{background:#20C997!important;border-color:#20C997!important;color:#04100C!important}

.offer-card{overflow:hidden;display:flex;flex-direction:column;transition:.2s ease}
.offer-card:hover{transform:translateY(-3px);box-shadow:0 18px 54px rgba(15,23,42,.12)}
.offer-media{display:block;background:#071B33;overflow:hidden}
.offer-media img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:0}
.offer-body{display:flex;flex-direction:column;gap:.72rem;flex:1;padding:1rem}
.tag-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.rating{display:inline-flex;align-items:center;gap:.25rem;color:#344054;font-size:.86rem;font-weight:900;white-space:nowrap}
.rating i{color:#F5A400}
.offer-card h3{font-size:1.28rem;line-height:1.22;margin:0;color:#111827;font-weight:900}
.offer-card p{font-size:.92rem;line-height:1.55;color:#475467;margin:0}
.offer-card h3,.offer-card p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.offer-card h3{-webkit-line-clamp:3}
.offer-card p{-webkit-line-clamp:4}
.offer-meta{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;color:#667085;font-size:.84rem;font-weight:800;margin-top:auto}
.offer-meta span{display:inline-flex;align-items:center;gap:.28rem}
.offer-meta i{color:#0a9d6c}
.offer-bottom{display:grid;grid-template-columns:1fr;gap:.65rem;margin-top:auto;padding-top:.2rem}
.offer-bottom strong{display:block;color:#111827;font-size:1rem;line-height:1.15;white-space:nowrap}
.offer-bottom small{display:block;color:#667085;font-size:.72rem;font-weight:800}
.offer-bottom>div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.offer-bottom .btn{border-radius:8px;font-size:.78rem;padding:.58rem .62rem;white-space:nowrap;text-align:center}
.offer-card .offer-bottom>div{grid-template-columns:1fr}
.offer-card .offer-bottom [data-add-cart]{display:none}
.offer-card .offer-bottom .btn-soft{background:linear-gradient(135deg,var(--green),var(--green2));border:0;color:#fff;box-shadow:0 10px 22px rgba(32,201,151,.22)}
.offer-card .offer-bottom .btn-soft:hover{color:#fff;filter:brightness(.96)}
.btn-soft{background:#F3F7FC;color:#111827;border:1px solid #DDE6F2}
.feature-mini{display:grid;gap:.34rem;margin:0;padding:0;list-style:none;color:#475467;font-size:.86rem}
.feature-mini li{display:flex;align-items:center;gap:.35rem}
.feature-mini i{color:#0a9d6c}
body.dark .offer-card h3,body.dark .offer-bottom strong{color:#F8FBFF!important}
body.dark .offer-card p,body.dark .offer-meta,body.dark .feature-mini,body.dark .offer-bottom small{color:#AAB7C7!important}
body.dark .rating{color:#E7EEF8}
body.dark .btn-soft{background:#071426!important;color:#E7EEF8!important;border-color:#334966!important}
body.dark .offer-card .offer-bottom .btn-soft{background:linear-gradient(135deg,#20C997,#28DFA7)!important;color:#03150F!important;border:0!important;box-shadow:0 12px 26px rgba(32,201,151,.28)!important}
body.dark .offer-card .offer-bottom .btn-soft:hover{color:#03150F!important;filter:brightness(1.04)}
@media(max-width:575px){.offer-bottom>div{grid-template-columns:1fr}.offer-bottom .btn{width:100%}}

/* Global page polish */
.narrow{max-width:1280px}
.eyebrow{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.75rem;border-radius:999px;background:#E9FFF6;color:#0a9d6c;padding:.34rem .62rem;font-size:.72rem;font-weight:900;text-transform:uppercase}
.page-hero,.detail-hero{position:relative;overflow:hidden;padding:64px 0;background:linear-gradient(135deg,#071B33,#0A3555)!important}
.page-hero h1,.detail-hero h1{max-width:860px;line-height:1.08;letter-spacing:0;margin:0 0 .85rem}
.page-hero p,.detail-hero p{max-width:720px;font-size:1.05rem;margin:0;color:rgba(255,255,255,.78)!important}
.section{padding:48px 0}
.btn-primary{background:#1769F5;border-color:#1769F5;font-weight:900;box-shadow:0 10px 22px rgba(23,105,245,.18)}
.btn-primary:hover{background:#0F58D6;border-color:#0F58D6}
.btn-whatsapp{background:#25D366;color:#fff;border:0;font-weight:900}
.btn-whatsapp:hover{background:#1FB85A;color:#fff}

/* Detail and article pages */
.premium-detail .detail-img,.article-cover{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;box-shadow:0 22px 54px rgba(0,0,0,.18)}
.premium-detail .detail-img{object-fit:contain;background:#071B33}
.article-cover{object-fit:contain;background:#071B33}
.detail-badges,.author-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem}
.detail-badges span,.author-row span{display:inline-flex;align-items:center;gap:.38rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;padding:.44rem .72rem;font-size:.82rem;font-weight:900}
.detail-badges i,.author-row i{color:#20C997}
.detail-layout,.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:1.35rem;align-items:start}
.article-layout .article-content{grid-column:1;grid-row:1;max-width:none}
.article-layout .toc{grid-column:2;grid-row:1}
.detail-layout article,.article-content,.toc,.price-box{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.detail-layout article,.article-content{padding:1.6rem}
.detail-layout h2,.article-content h2{font-size:1.35rem;line-height:1.2;margin:0 0 .8rem;color:#111827}
.detail-layout h2:not(:first-child),.article-content h2:not(:first-child){margin-top:1.5rem}
.article-content h3{font-size:1.08rem;margin-top:1.2rem;color:#111827}
.detail-layout p,.article-content p{color:#475467;line-height:1.75}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:1rem 0 1.6rem}
.feature-list div{display:flex;align-items:center;gap:.55rem;border:1px solid var(--line);border-radius:10px;padding:.85rem;background:#F8FBFF;font-weight:800;color:#344054}
.feature-list i{color:#0a9d6c;font-size:1.1rem}
.price-box{position:sticky;top:86px;padding:1.25rem;display:grid;gap:.85rem}
.price-box span{color:#667085;font-weight:900;font-size:.82rem}
.price-box strong{font-size:2rem;line-height:1;color:#111827}
.price-box p{margin:0;color:#475467}
.price-box ul{margin:.4rem 0 0;padding-left:1.1rem;color:#475467}
.price-box li{margin:.35rem 0}
.detail-order-box{gap:1rem;overflow:hidden}
.detail-order-box h3{font-size:1.05rem;margin:0 0 .75rem;color:#111827;font-weight:900}
.package-card,.extras-card{border-top:1px solid var(--line);padding-top:1rem}
.package-list{display:grid;gap:.65rem;margin:0!important;padding:0!important;list-style:none!important}
.package-list li{display:flex;align-items:center;gap:.55rem;margin:0!important;color:#344054;font-weight:800}
.package-list i{color:#38C667}
.extras-card{display:grid;gap:.75rem}
.extra-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:.2rem .7rem;align-items:start;margin:0;padding:.85rem;border:1px solid var(--line);border-radius:10px;background:#F8FBFF;color:#111827;font-weight:900}
.extra-row input{width:16px;height:16px;margin-top:.2rem}
.extra-row span{min-width:0;line-height:1.3;overflow-wrap:break-word}
.extra-row small{grid-column:2 / -1;color:#667085;font-size:.78rem;line-height:1.45;font-weight:800;white-space:normal;overflow-wrap:break-word}
.extra-row select{grid-column:2 / -1;justify-self:stretch;width:100%;min-width:0;margin-top:.35rem}
.extra-row b{grid-column:3;grid-row:1;justify-self:end;align-self:start;min-width:max-content;color:#111827;font-size:.95rem;line-height:1.25;white-space:nowrap}
.extra-row select:disabled{opacity:.55}
.order-footer{display:grid;grid-template-columns:1fr;gap:.8rem;align-items:stretch;border-top:1px solid var(--line);padding-top:1rem}
.order-footer label{display:grid;gap:.35rem;color:#111827;font-weight:900}
.order-footer select{width:100%;max-width:none}
.order-footer .btn{min-height:54px;width:100%;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.85rem 1rem;color:#fff!important;font-size:1.02rem}
.order-footer .btn span,.order-footer .btn b{color:#fff!important;font-weight:900}
.order-footer .btn b{font-size:1.08rem}
.testimonials.compact{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;margin:1rem 0 1.6rem}
.testimonials blockquote{border:1px solid var(--line);border-radius:12px;margin:0;padding:1rem;background:#F8FBFF;color:#344054}
.testimonials cite{display:block;margin-top:.65rem;color:#667085;font-style:normal;font-weight:900}
.quote-stars{color:#F5A400;margin-bottom:.35rem}
.article{padding:46px 0}
.article-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.4rem;align-items:center;margin-bottom:1.4rem}
.article-hero>div{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:1.4rem}
.article-hero h1{font-size:clamp(2rem,3.8vw,3.3rem);line-height:1.08;margin:.65rem 0;color:#111827}
.article-hero .lead{font-size:1.04rem;color:#475467}
.article-hero .author-row span{background:#F3F7FC;border-color:#DDE6F2;color:#475467}
.toc{position:sticky;top:86px;padding:1rem}
.toc strong{display:block;margin-bottom:.75rem;color:#111827}
.toc a{display:block;border-radius:9px;padding:.55rem .65rem;color:#526174;font-weight:800}
.toc a:hover{background:#E9FFF6;color:#0a9d6c}
.cta-inline{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;border-radius:12px;background:#F3F7FC;border:1px solid var(--line);padding:1rem}

/* Contact, forms and auth */
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:1.2rem;align-items:start}
.form-card,.contact-box,.auth-card,.cart-list,.cart-total{border-radius:14px!important;padding:1.35rem!important}
.premium-form{display:grid;gap:.9rem}
.premium-form h2,.contact-box h2,.auth-card h1{font-size:1.45rem;margin:0;color:#111827}
.form-control,.form-select{min-height:46px;background:#fff}
.form-control:focus,.form-select:focus{border-color:#20C997;box-shadow:0 0 0 .2rem rgba(32,201,151,.14)}
.contact-side{display:grid;gap:1rem}
.contact-box p{display:flex;align-items:center;gap:.55rem;margin:.75rem 0;color:#475467;font-weight:700}
.contact-box i{color:#0a9d6c}
.map-visual{width:100%;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);background:#F8FBFF}
.contact-map-frame{overflow:hidden}
.contact-map-frame iframe{display:block;width:100%;height:400px;border:0}
.faq .accordion-item{border:1px solid var(--line);border-radius:12px!important;overflow:hidden;margin-bottom:.7rem;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.faq .accordion-button{font-weight:900;color:#111827}
.faq .accordion-button:not(.collapsed){background:#E9FFF6;color:#0a9d6c;box-shadow:none}
.faq .accordion-body{background:#fff;color:#475467}
.auth-section{background:linear-gradient(180deg,#F7FAFE,#fff)!important}
.auth-shell{align-items:stretch}
.auth-shell>div:first-child{display:grid;place-items:center;background:#071B33;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.auth-shell>div:first-child img{height:100%;object-fit:cover;border-radius:0;opacity:.95}
.auth-card{align-content:center}
.auth-card p{margin:0;color:#667085}
.auth-card a{color:#0a9d6c;font-weight:900}

/* Customer panel */
.panel-shell{padding:34px 0 44px;background:#F5F8FC!important}
.panel-layout{grid-template-columns:250px minmax(0,1fr);gap:1.2rem}
.panel-nav{position:sticky;top:78px;align-self:start;padding:.8rem!important}
.panel-brand{border-bottom:1px solid var(--line);border-radius:0!important;margin-bottom:.45rem;padding-bottom:.9rem!important}
.panel-content{padding:1.35rem}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}
.panel-head h1{font-size:1.8rem;margin:0;color:#111827}
.dash-grid>div{border:1px solid var(--line);border-radius:12px;background:#F8FBFF;padding:1rem}
.dash-grid span{display:block;color:#667085;font-size:.78rem;font-weight:900;margin-bottom:.35rem}
.dash-grid strong{font-size:1.45rem;color:#111827}
.panel-split{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.2rem}
.modern-table{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.modern-table table{margin:0;min-width:700px}
.modern-table th{background:#F3F7FC;color:#475467;font-size:.78rem;text-transform:uppercase}
.modern-table td,.modern-table th{padding:.85rem 1rem;border-color:#EEF2F7}
.modern-table th:first-child,.modern-table td:first-child{white-space:nowrap;min-width:86px}
.status{display:inline-flex;border-radius:999px;padding:.32rem .58rem;background:#EEF6FF;color:#1769F5;font-size:.74rem;font-weight:900}
.profile-card{padding:1rem;text-align:left;display:grid;grid-template-columns:150px minmax(0,1fr);gap:.45rem 1rem;align-items:center}
.profile-card img{grid-column:1;grid-row:1 / 4;width:100%;height:112px;object-fit:contain;border-radius:10px;background:#071B33}
.profile-card h3{font-size:1.1rem;margin:0 0 .25rem}
.profile-card p{color:#667085}
.profile-card h3,.profile-card p,.profile-card a{grid-column:2}
.invoice-row,.ticket-list,.messages{padding:1rem}
.invoice-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem}

/* Cart and result pages */
.cart-list{display:grid;gap:.75rem;margin-bottom:1rem}
.cart-item{min-height:72px;border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;background:#F8FBFF}
.cart-item span{display:flex;align-items:center;gap:.55rem;color:#111827;font-weight:900}
.cart-item span i{color:#0a9d6c}
.cart-item strong,.cart-total strong{color:#111827}
.cart-item{display:grid;grid-template-columns:minmax(0,1fr) 120px 74px;align-items:center;gap:1rem}
.cart-item-info{min-width:0;display:grid;gap:.35rem}
.cart-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cart-item ul{margin:0;padding-left:1.75rem;color:#667085;font-size:.82rem;font-weight:800}
.cart-item li{margin:.12rem 0}
.cart-item strong{justify-self:end;text-align:right;white-space:nowrap}
.cart-item button{justify-self:end;white-space:nowrap}
.cart-total{background:#071B33!important;color:#fff;box-shadow:var(--shadow)}
.cart-total strong{color:#fff}
.cart-empty{display:grid;place-items:center;text-align:center;gap:.8rem;padding:2.3rem 1rem}
.cart-empty>i{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#E9FFF6;color:#0a9d6c;font-size:1.7rem}
.cart-empty h2{margin:0;color:#111827;font-size:1.45rem}
.cart-empty p{margin:0;color:#667085}
.cart-empty div{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:center}
body.dark .cart-item{background:#0B1D33;border-color:#334966}
body.dark .cart-item span,body.dark .cart-empty h2{color:#F8FBFF}
body.dark .cart-item ul{color:#AAB7C7}
body.dark .cart-empty p{color:#AAB7C7}
.cart-page{background:linear-gradient(180deg,#F7FAFE,#fff)!important}
.cart-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.1rem;align-items:start}
.cart-panel,.cart-summary,.bank-card,.payment-notice-form{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.cart-panel{padding:1.1rem}
.cart-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.cart-panel-head span,.summary-label,.bank-card span{display:block;color:#0a9d6c;font-size:.75rem;font-weight:900;text-transform:uppercase}
.cart-panel-head h2,.payment-notice-form h2{margin:.15rem 0 0;color:#111827;font-size:1.35rem;font-weight:900}
.cart-panel-head a{color:#526174;font-weight:900}
.cart-summary{position:sticky;top:92px;display:grid;gap:.9rem;padding:1.15rem}
.summary-line,.summary-total{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.75rem;color:#526174;font-weight:800}
.summary-total{border:0;padding:0;color:#111827}
.summary-total strong{font-size:1.55rem;color:#111827}
.cart-summary .btn{width:100%;padding:.78rem 1rem}
.cart-summary small{display:flex;gap:.45rem;color:#667085;font-weight:800}
.payment-shell{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:1.1rem;align-items:start}
.bank-accounts{display:grid;gap:.9rem}
.bank-card{display:grid;grid-template-columns:52px 1fr;gap:.9rem;padding:1rem}
.bank-card>i{width:52px;height:52px;border-radius:14px;background:#E9FFF6;color:#0a9d6c;display:grid;place-items:center;font-size:1.45rem}
.bank-card h2{margin:.12rem 0;color:#111827;font-size:1.15rem;font-weight:900}
.bank-card p{margin:0 0 .5rem;color:#667085;font-weight:800}
.bank-card strong{display:block;border-radius:10px;background:#F3F7FC;color:#071B33;padding:.7rem .8rem;font-size:.92rem;overflow-wrap:anywhere}
.iban-row{display:grid;grid-template-columns:1fr 42px;gap:.55rem;align-items:stretch}
.iban-copy-btn{border:0;border-radius:10px;background:#E9FFF6;color:#0a9d6c;font-size:1.05rem;display:grid;place-items:center;transition:.18s ease}
.iban-copy-btn:hover{background:#d8f8eb;color:#087f59}
.payment-warning-card{border-color:#F59E0B!important;background:#FFF4D6!important;box-shadow:0 18px 44px rgba(245,158,11,.18)!important;border-left:6px solid #F59E0B!important}
.payment-warning-card>i{background:#FFF1C7!important;color:#B7791F!important}
.payment-warning-card span{color:#B7791F!important}
.payment-warning-card strong{background:#fff;color:#7A4B00}
.payment-notice-form{display:grid;gap:.85rem;padding:1.15rem}
.payment-notice-form label{display:grid;gap:.35rem;color:#344054;font-weight:900}
.payment-notice-form textarea{resize:vertical}
.payment-success>i{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;background:#E9FFF6;color:#0a9d6c;font-size:2.1rem}
.order-code-box{display:grid;gap:.25rem;margin:1rem auto 1.2rem;border:1px dashed #91D8C3;border-radius:14px;background:#F2FFF9;padding:1rem;max-width:360px}
.order-code-box span{color:#526174;font-weight:900}
.order-code-box strong{color:#071B33;font-size:1.45rem;letter-spacing:.04em}
body.dark .cart-page{background:#050D18!important}
body.dark .cart-panel,body.dark .cart-summary,body.dark .bank-card,body.dark .payment-notice-form{background:#071426!important;border-color:#22344C!important;color:#E7EEF8!important}
body.dark .cart-panel-head h2,body.dark .summary-total,body.dark .summary-total strong,body.dark .bank-card h2,body.dark .payment-notice-form h2,body.dark .payment-notice-form label,body.dark .order-code-box strong{color:#F8FBFF!important}
body.dark .summary-line,body.dark .cart-summary small,body.dark .bank-card p,body.dark .order-code-box span{color:#AAB7C7!important}
body.dark .summary-line{border-color:#22344C}
body.dark .bank-card strong{background:#0B1D33;color:#E7EEF8}
body.dark .iban-copy-btn{background:#123527;color:#54D5A3}
body.dark .payment-warning-card{background:#1C1609!important;border-color:#6B4B13!important}
body.dark .payment-warning-card>i{background:#3A2B0B!important;color:#F4C35B!important}
body.dark .payment-warning-card span{color:#F4C35B!important}
body.dark .payment-warning-card strong{background:#2A210F;color:#F8E5B0}
body.dark .order-code-box{background:#0B1D33;border-color:#1F765E}

/* Legal/static content pages */
.section .container.narrow,.article-content{max-width:1280px}
.section .container.narrow>h1,.section .container.narrow>h2{color:#111827}
.section .container.narrow p,.section .container.narrow li{color:#475467;line-height:1.75}
.article .container.narrow{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:1.6rem}
.article .container.narrow h1{font-size:clamp(1.8rem,3vw,2.5rem);margin:.4rem 0 1rem;color:#111827}
.article .container.narrow h2{font-size:1.22rem;margin:1.25rem 0 .55rem;color:#111827}
.result{min-height:56vh;display:grid;place-items:center;padding:64px 0;background:linear-gradient(180deg,#F7FAFE,#fff)}
.result .container.narrow{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:2rem;text-align:center}
.result h1{font-size:clamp(2rem,4vw,3rem);margin:.45rem 0 .65rem;color:#111827}
.result p{max-width:520px;margin:0 auto 1.2rem;color:#475467}
.messages{display:grid;gap:.75rem;margin-bottom:1rem}
.messages p{margin:0;border:1px solid var(--line);border-radius:12px;background:#F8FBFF;padding:.9rem;color:#475467}
.messages b{color:#111827}
.ticket-list a{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.9rem 0;color:#111827;font-weight:900}
.ticket-list a:last-child{border-bottom:0}

/* Dark mode polish */
body.dark .page-hero,body.dark .detail-hero{background:linear-gradient(135deg,#050D18,#092A36)!important}
body.dark .detail-layout article,body.dark .article-content,body.dark .toc,body.dark .price-box,body.dark .article-hero>div,body.dark .contact-box,body.dark .modern-table,body.dark .dash-grid>div,body.dark .testimonials blockquote,body.dark .feature-list div,body.dark .cta-inline{background:#071426!important;border-color:#22344C!important;color:#E7EEF8!important}
body.dark .article .container.narrow,body.dark .result .container.narrow,body.dark .messages p{background:#071426!important;border-color:#22344C!important;color:#E7EEF8!important}
body.dark .detail-layout h2,body.dark .article-content h2,body.dark .article-content h3,body.dark .article-hero h1,body.dark .toc strong,body.dark .price-box strong,body.dark .premium-form h2,body.dark .contact-box h2,body.dark .auth-card h1,body.dark .panel-head h1,body.dark .dash-grid strong,body.dark .cart-item strong,body.dark .article .container.narrow h1,body.dark .article .container.narrow h2,body.dark .result h1,body.dark .messages b{color:#F8FBFF!important}
body.dark .detail-layout p,body.dark .article-content p,body.dark .article-hero .lead,body.dark .price-box p,body.dark .price-box li,body.dark .contact-box p,body.dark .auth-card p,body.dark .profile-card p,body.dark .section .container.narrow p,body.dark .section .container.narrow li,body.dark .result p,body.dark .messages p{color:#AAB7C7!important}
body.dark .detail-order-box h3,body.dark .extra-row,body.dark .extra-row b,body.dark .order-footer label{color:#F8FBFF!important}
body.dark .extra-row{background:#0B1D33!important;border-color:#22344C!important}
body.dark .package-card,body.dark .extras-card,body.dark .order-footer{border-color:#22344C!important}
.footer-contact h3{text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem}
.footer-contact a,.footer-contact>span{display:flex!important;align-items:center;gap:.6rem;color:#071B33!important;margin:.7rem 0!important;font-weight:500!important;line-height:1.35}
.footer-contact i{flex:0 0 auto;color:#ff674d;font-size:1.05rem}
.footer-contact a:hover span{color:#0a9d6c}
body.dark .footer-contact a,body.dark .footer-contact>span{color:#E7EEF8!important}
.proof-row .container{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important}
.proof-card{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.proof-card span{grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;padding:.2rem 0}
.proof-card i{width:42px!important;height:42px!important}
.proof-card b{font-size:1.25rem!important;line-height:1.1}
.proof-card small{font-size:.82rem!important;line-height:1.35}
.testimonial-slider{position:relative;overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.testimonial-track{display:flex;gap:1rem;transition:transform .45s ease;will-change:transform}
.testimonial-slider .testimonial-card{display:grid;grid-template-rows:1fr auto auto;gap:.7rem;flex:0 0 calc((100% - 2rem)/3);border:1px solid var(--line)!important;box-shadow:none!important;border-radius:12px!important;background:#F8FBFF!important;padding:1rem!important;min-height:172px}
.testimonial-slider .testimonial-card p{margin:0!important;color:#10233f!important;font-size:.95rem;line-height:1.5}
.testimonial-slider .testimonial-card b{color:#071B33!important;font-size:1rem}
.testimonial-slider .testimonial-card small{color:#526174!important}
.testimonial-slider .testimonial-card span{justify-self:start;color:#F5A400!important;letter-spacing:.06em}
.testimonial-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}
.testimonial-dots button{width:9px;height:9px;border:0;border-radius:999px;background:#C9D4E2;padding:0}
.testimonial-dots button.active{width:26px;background:var(--green)}
body.dark .testimonial-slider{background:transparent!important;border-color:transparent!important}
body.dark .testimonial-slider .testimonial-card{background:#0B1D33!important;border-color:#334966!important}
body.dark .testimonial-slider .testimonial-card p,body.dark .testimonial-slider .testimonial-card b{color:#F8FBFF!important}
body.dark .testimonial-slider .testimonial-card small{color:#AAB7C7!important}
.scroll-reveal{opacity:1;transform:none}
.scroll-reveal.reveal-init{opacity:0;transform:translateY(28px) scale(.985);filter:blur(4px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1),filter .72s ease;transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.reveal-init.reveal-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
.scroll-reveal.reveal-left.reveal-init{transform:translateX(-24px) scale(.985)}
.scroll-reveal.reveal-right.reveal-init{transform:translateX(24px) scale(.985)}
.scroll-reveal.reveal-left.reveal-init.reveal-visible,.scroll-reveal.reveal-right.reveal-init.reveal-visible{transform:translateX(0) scale(1)}
@media(prefers-reduced-motion:reduce){.scroll-reveal.reveal-init{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}
body.dark .form-control,body.dark .form-select{background:#071426!important;color:#F8FBFF!important;border-color:#334966!important}
body.dark .faq .accordion-item,body.dark .faq .accordion-button,body.dark .faq .accordion-body{background:#071426!important;border-color:#22344C!important;color:#E7EEF8!important}
body.dark .faq .accordion-button:not(.collapsed){background:#0B1D33!important;color:#20C997!important}
body.dark .faq .accordion-button::after{filter:invert(1) grayscale(1)}
body.dark .modern-table th{background:#0B1D33!important;color:#AAB7C7!important}
body.dark .modern-table td{color:#E7EEF8!important;border-color:#22344C!important}
body.dark .modern-table .table{--bs-table-bg:#071426;--bs-table-color:#E7EEF8;--bs-table-border-color:#22344C;--bs-table-striped-bg:#0B1D33;--bs-table-hover-bg:#0B1D33;background:#071426!important;color:#E7EEF8!important}
body.dark .modern-table tbody tr,body.dark .modern-table tbody td{background:#071426!important}
body.dark .modern-table thead th{background:#0B1D33!important}
body.dark .panel-nav a{color:#E7EEF8!important}
body.dark .panel-nav a i{color:#CFE0F5!important}
body.dark .panel-nav a.active,body.dark .panel-nav a:hover{background:#123B35!important;color:#F8FBFF!important}
body.dark .panel-nav a.active i,body.dark .panel-nav a:hover i{color:#20C997!important}
body.dark .panel-nav .panel-brand{background:#0B1D33!important;color:#F8FBFF!important}
body.dark .panel-shell,body.dark .auth-section{background:#050D18!important}

@media(max-width:991px){.detail-layout,.article-layout,.article-hero,.contact-layout,.panel-split{grid-template-columns:1fr}.article-layout .article-content,.article-layout .toc{grid-column:auto;grid-row:auto}.price-box,.toc,.panel-nav{position:static}.contact-layout{gap:1rem}.panel-head{align-items:stretch;flex-direction:column}}
@media(max-width:575px){.page-hero,.detail-hero{padding:42px 0}.section{padding:34px 0}.feature-list,.testimonials.compact,.dash-grid,.profile-card{grid-template-columns:1fr}.profile-card img,.profile-card h3,.profile-card p,.profile-card a{grid-column:auto;grid-row:auto}.article,.detail-layout article,.article-content,.form-card,.contact-box,.panel-content{padding:1rem!important}.detail-badges span,.author-row span{width:100%;justify-content:center}.cta-inline,.invoice-row{align-items:stretch;flex-direction:column}.modern-table{font-size:.88rem}}
@media(max-width:575px){.extra-row{grid-template-columns:18px minmax(0,1fr)}.extra-row small,.extra-row select,.extra-row b{grid-column:2;justify-self:start}.extra-row b{grid-row:auto}.order-footer{grid-template-columns:1fr}.order-footer .btn{width:100%}}
@media(max-width:991px){.testimonial-slider .testimonial-card{flex-basis:calc((100% - 1rem)/2)}}
@media(max-width:575px){.proof-card{grid-template-columns:repeat(2,minmax(0,1fr))!important}.proof-card span{grid-template-columns:1fr!important;text-align:center;justify-items:center}.proof-card i{grid-row:auto!important}.testimonial-slider .testimonial-card{flex-basis:100%;min-height:auto}}
@media(max-width:575px){.cart-item{grid-template-columns:minmax(0,1fr) auto;gap:.55rem .8rem}.cart-item-info{grid-column:1/-1}.cart-item span{grid-column:1/-1}.cart-item strong{justify-self:start;text-align:left}.cart-item button{justify-self:end}}

.review-section{padding:0 0 64px;background:var(--soft)}
.review-panel{background:#fff;border:1px solid var(--line);border-radius:2px;box-shadow:var(--shadow);overflow:hidden}
.review-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.8rem;border-bottom:1px solid var(--line)}
.review-head h2{margin:0;font-size:1.22rem;font-weight:900;color:#111827}
.review-form{padding:1.35rem 1.8rem;background:#F8FAFC;border-bottom:1px solid var(--line);display:grid;gap:1rem}
.review-form label{display:grid;gap:.4rem;color:#344054;font-size:.86rem;font-weight:900}
.review-form-grid{display:grid;grid-template-columns:1fr 1fr 180px;gap:1rem}
.review-form textarea{resize:vertical;min-height:118px}
.review-form-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.review-form-actions small{color:#8A96A8;font-weight:800}
.review-form-actions .btn{min-width:150px}
.review-meta h3 span{color:#F6B000;font-weight:900;letter-spacing:.03em}
.review-list{background:#fff}
.review-item{display:grid;grid-template-columns:48px 1fr;gap:.85rem;padding:1.35rem 1.8rem;border-bottom:1px solid #EEF2F7}
.review-item:last-child{border-bottom:0}
.review-item img,.review-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;align-self:start}
.review-avatar{display:grid;place-items:center;background:#E9EEF5;border:1px solid #CAD3DF;color:#B6C0CC;font-size:1.75rem}
.review-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.review-meta h3{margin:0;font-size:1rem;font-weight:900;color:#344054}
.review-meta h3 span{font-size:.9rem}
.review-meta time{color:#344054;font-size:.78rem;font-weight:800;white-space:nowrap}
.review-body p{margin:.2rem 0 1.35rem;color:#8A96A8;font-weight:700}
.review-body a{color:#526174;font-weight:900}
body.dark .review-section{background:#050D18}
body.dark .review-panel,body.dark .review-head,body.dark .review-list{background:#071426!important;border-color:#22344C!important;color:#E7EEF8!important}
body.dark .review-form{background:#0B1728!important;border-color:#22344C!important}
body.dark .review-form label,body.dark .review-head h2,body.dark .review-meta h3,body.dark .review-meta time{color:#F8FBFF!important}
body.dark .review-body p{color:#AAB7C7!important}
@media(max-width:991px){.review-head{align-items:stretch;flex-direction:column}.review-form-grid{grid-template-columns:1fr 1fr}.review-form-grid label:last-child{grid-column:1/-1}}
@media(max-width:575px){.review-section{padding:0 0 34px}.review-head,.review-item,.review-form{padding:1rem}.review-form-grid{grid-template-columns:1fr}.review-form-grid label:last-child{grid-column:auto}.review-form-actions{align-items:stretch;flex-direction:column}.review-form-actions .btn{width:100%}.review-item{grid-template-columns:42px 1fr}.review-item img,.review-avatar{width:42px;height:42px}.review-meta{flex-direction:column;gap:.15rem}}

.blog-detail-section{position:relative;background:#fff;padding:56px 0 72px}
.blog-detail-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 7% 28%,#ff8a72 0 2px,transparent 3px),radial-gradient(circle at 48% 35%,#4C8FEF 0 2px,transparent 3px),radial-gradient(circle at 90% 21%,#A4C7FF 0 2px,transparent 3px),radial-gradient(circle at 86% 67%,#ff7a5f 0 2px,transparent 3px),radial-gradient(circle at 58% 92%,#61C7F2 0 2px,transparent 3px);pointer-events:none}
.blog-detail-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:2rem;align-items:start}
.detail-product-shell{grid-template-columns:minmax(0,1fr) 340px}
.detail-product-shell .detail-order-box{width:100%}
.blog-detail-main{min-width:0}
.blog-detail-main>h1{max-width:850px;font-size:clamp(2rem,3.2vw,3rem);line-height:1.12;margin:0 0 1.35rem;color:#111827;font-weight:900;letter-spacing:0}
.blog-detail-cover{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#F3F7FC;border-radius:0;box-shadow:none;margin-bottom:1.75rem}
.detail-gallery{max-width:850px;margin-bottom:1.4rem}
.detail-gallery-stage{position:relative;background:#F3F7FC;overflow:hidden}
.detail-gallery-stage .blog-detail-cover{margin-bottom:0}
.detail-gallery-nav{position:absolute;top:50%;z-index:2;width:42px;height:42px;border:1px solid rgba(7,27,51,.12);border-radius:50%;background:rgba(255,255,255,.92);color:#071B33;display:grid;place-items:center;transform:translateY(-50%);box-shadow:0 10px 28px rgba(15,23,42,.14)}
.detail-gallery-nav:hover{background:#fff;color:#0a9d6c}
.detail-gallery-nav.prev{left:14px}
.detail-gallery-nav.next{right:14px}
.detail-gallery-thumbs{display:grid;grid-template-columns:repeat(3,96px);gap:.7rem;margin-top:.85rem}
.detail-gallery-thumbs button{width:96px;aspect-ratio:3/2;border:2px solid transparent;border-radius:8px;background:#F3F7FC;padding:.18rem;overflow:hidden}
.detail-gallery-thumbs button.active{border-color:#20C997;box-shadow:0 8px 20px rgba(32,201,151,.18)}
.detail-gallery-thumbs img{display:block;width:100%;height:100%;object-fit:contain}
.blog-detail-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:-.7rem 0 1.15rem;color:#8A96A8;font-size:.88rem;font-weight:800}
.blog-detail-meta i{color:#0a9d6c}
.detail-intro{border-left:4px solid #20C997;padding:.95rem 1rem!important;background:#F8FBFF;color:#475467!important;line-height:1.75!important;margin:0 0 1.4rem!important}
.blog-detail-main h2{font-size:1.8rem;line-height:1.18;margin:1.55rem 0 .85rem;color:#111827;font-weight:900}
.blog-detail-main h3{font-size:1.22rem;line-height:1.25;margin:1.35rem 0 .55rem;color:#111827;font-weight:900}
.blog-detail-main p{max-width:850px;color:#8A8585;font-size:1.03rem;line-height:1.9;margin:0 0 1rem}
.blog-detail-cta{max-width:850px}
.blog-sidebar{position:sticky;top:86px;display:grid;gap:2.2rem}
.blog-side-block h2{display:flex;align-items:center;gap:.7rem;margin:0 0 1.05rem;color:#20242B;font-size:1.25rem;font-weight:900}
.blog-side-block h2::before{content:"";width:5px;height:5px;border-radius:50%;background:#F26522;flex:0 0 auto}
.blog-side-block>a{display:block;color:#20242B;font-size:.92rem;font-weight:900;margin:.8rem 0}
.blog-side-block>a span{color:#9DB3D5}
.popular-posts>a{display:grid;grid-template-columns:70px 1fr;gap:.85rem;align-items:center;margin:0 0 1.35rem}
.popular-posts img{width:70px;height:70px;object-fit:cover;border-radius:9px;background:#F3F7FC}
.popular-posts strong{display:block;color:#20242B;font-size:.95rem;line-height:1.35;margin-bottom:.25rem}
.popular-posts time{display:block;color:#9DB3D5;font-size:.84rem;font-weight:800}
.blog-share{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:3rem 0 0;max-width:850px}
.blog-share a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1.05rem}
.share-twitter{background:#37A7DF}.share-facebook{background:#3B5BC9}.share-whatsapp{background:#25D366}.share-linkedin{background:#0077A8}
body.dark .blog-detail-main>h1,body.dark .blog-detail-main h2,body.dark .blog-detail-main h3,body.dark .blog-side-block h2,body.dark .blog-side-block>a,body.dark .popular-posts strong{color:#F8FBFF!important}
body.dark .blog-detail-section{background:#050D18}
body.dark .blog-detail-cover,body.dark .popular-posts img,body.dark .detail-gallery-stage,body.dark .detail-gallery-thumbs button{background:#071426}
body.dark .detail-gallery-nav{background:rgba(7,20,38,.92);border-color:#334966;color:#F8FBFF}
body.dark .detail-intro{background:#071426!important;border-color:#20C997;color:#AAB7C7!important}
body.dark .blog-detail-main p,body.dark .blog-detail-meta{color:#AAB7C7!important}
@media(max-width:991px){.blog-layout{grid-template-columns:1fr}.blog-category-panel{position:static}.blog-category-panel{display:flex;align-items:center;gap:.55rem;overflow-x:auto;padding:.9rem}.blog-category-panel h2{flex:0 0 auto;margin:0 .35rem 0 0}.blog-category-panel button{flex:0 0 auto;width:auto;white-space:nowrap}.blog-detail-section{padding:42px 0}.blog-detail-shell{grid-template-columns:1fr}.blog-sidebar{position:static;grid-template-columns:1fr 1fr}.blog-detail-cover{margin-bottom:1.25rem}}
@media(max-width:575px){.blog-sidebar{grid-template-columns:1fr}.blog-detail-main>h1{font-size:1.8rem}.blog-detail-main h2{font-size:1.45rem}.blog-detail-main p{font-size:.96rem;line-height:1.75}.blog-share{justify-content:flex-start}.popular-posts>a{grid-template-columns:58px 1fr}.popular-posts img{width:58px;height:58px}.detail-gallery-thumbs{grid-template-columns:repeat(3,1fr)}.detail-gallery-thumbs button{width:100%}.detail-gallery-nav{width:36px;height:36px}}

/* Mobile overflow hardening */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%}
@media(max-width:991px){
  .container{width:100%;max-width:100%;padding-left:16px;padding-right:16px}
  .navbar .container{padding-left:16px;padding-right:16px}
  .page-hero h1,.detail-hero h1{font-size:clamp(2rem,10vw,2.6rem);overflow-wrap:break-word}
  .page-hero p,.detail-hero p{font-size:1rem}
  .panel-layout,.contact-layout,.auth-shell,.detail-layout,.article-layout,.article-hero,.proof-row .container{grid-template-columns:1fr!important}
  .cart-shell,.payment-shell{grid-template-columns:1fr!important}
  .cart-summary{position:static}
  .offer-grid,.blog-grid,.ref-grid,.dash-grid,.footer-top,.footer-benefits,.category-inner{grid-template-columns:1fr!important}
  .filter-panel{grid-template-columns:1fr!important}
  .panel-nav,.price-box,.toc{position:static!important}
  .panel-content,.panel-nav,.form-card,.contact-box,.cart-list,.cart-total,.article .container.narrow,.result .container.narrow{width:100%;max-width:100%}
  .article-layout .article-content,.article-layout .toc{grid-column:auto;grid-row:auto}
  .offer-card,.blog-card,.ref-card{max-width:100%}
  .auth-shell>div:first-child{min-height:240px}
  .footer-benefits span{align-items:flex-start}
}
@media(max-width:575px){
  .container{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;padding-left:0!important;padding-right:0!important}
  .navbar .container{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important}
  .page-hero h1,.detail-hero h1{font-size:2rem!important;line-height:1.12}
  .hero-actions .btn,.cta-panel .btn,.cart-total .btn{width:100%}
  .profile-card{grid-template-columns:1fr;text-align:center}
  .profile-card img{height:130px}
  .modern-table{overflow-x:auto}
  main,header,footer,section,.container,.row,[class*="col-"],.panel-layout,.panel-content,.panel-nav,.filter-panel,.offer-grid,.blog-grid,.offer-card,.blog-card,.form-card,.contact-box,.article-hero,.detail-layout,.article-layout,.auth-shell,.auth-card{max-width:100%;min-width:0}
  h1,h2,h3,p,a,button,.btn,.form-control,.form-select{overflow-wrap:anywhere;min-width:0}
  .btn{white-space:normal}
  .page-hero h1,.detail-hero h1{font-size:1.72rem!important}
  .page-hero p,.detail-hero p{font-size:.94rem!important}
  .panel-head .btn,.offer-bottom .btn{width:100%}
  .offer-bottom>div{grid-template-columns:1fr!important}
}

.site-header .dropdown-menu{border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px rgba(15,23,42,.14);padding:.45rem;min-width:240px}
.site-header .dropdown-item{border-radius:8px;color:#111827;font-size:.86rem;font-weight:800;padding:.6rem .75rem}
.site-header .dropdown-item:hover,.site-header .dropdown-item:focus{background:#E9FFF6;color:#0a9d6c}
body.dark .site-header .dropdown-menu{background:#071426;border-color:#22344C}
body.dark .site-header .dropdown-item{color:#E7EEF8}
body.dark .site-header .dropdown-item:hover,body.dark .site-header .dropdown-item:focus{background:#123B35;color:#20C997}
@media(max-width:991px){.site-header .dropdown-menu{box-shadow:none;margin:.2rem 0 .6rem;background:rgba(255,255,255,.96)}body.dark .site-header .dropdown-menu{background:#0B1D33}}

.mobile-contact-actions,.mobile-bottom-nav,.mobile-menu-panel,.mobile-menu-backdrop{display:none}
@media(max-width:991px){
  body{padding-top:66px;padding-bottom:86px}
  body.mobile-menu-open{overflow:hidden}
  .site-header{position:fixed;top:0;left:0;right:0;z-index:1105;display:block}
  .site-header .navbar{min-height:66px;padding:.55rem 0}
  .site-header .navbar .container{display:flex;justify-content:center}
  .site-header .navbar-brand{margin:0}
  .site-header .theme-logo{height:42px;max-width:188px}
  .site-header .navbar-toggler,.site-header .navbar-collapse{display:none!important}
  .whatsapp-float{display:none}
  .to-top{bottom:96px}
  .mobile-contact-actions{position:fixed;left:14px;bottom:92px;z-index:1085;display:flex;gap:.5rem;pointer-events:none}
  .mobile-contact-actions a{pointer-events:auto;display:inline-flex;align-items:center;gap:.4rem;width:max-content;border-radius:999px;padding:.62rem .82rem;color:#fff;font-size:.82rem;font-weight:900;box-shadow:0 12px 28px rgba(15,23,42,.18)}
  .mobile-call{background:#1E47B7}
  .mobile-wa{background:#22C55E}
  .mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:8px;z-index:1100;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.14rem;align-items:center;background:rgba(255,255,255,.96);border:1px solid #DDE6F2;border-radius:18px;padding:.42rem .34rem;box-shadow:0 14px 34px rgba(15,23,42,.16);backdrop-filter:blur(16px)}
  .mobile-bottom-nav a,.mobile-bottom-nav button{height:54px;min-width:0;border:0;border-radius:12px;background:transparent;color:#42526B;display:grid;place-items:center;gap:.12rem;font-size:.62rem;line-height:1.08;font-weight:800;padding:.28rem .06rem;text-align:center}
  .mobile-bottom-nav i{font-size:1.08rem;line-height:1}
  .mobile-bottom-nav span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .mobile-bottom-nav .mobile-nav-icon{overflow:visible}
  .mobile-bottom-nav .cart-count-badge{display:grid;right:-18px;top:-10px;z-index:3;min-width:18px;width:max-content;max-width:none;height:18px;padding:0 .34rem;overflow:visible;color:#fff;font-size:.62rem;line-height:1;text-overflow:clip}
  .mobile-nav-icon{position:relative;display:grid;place-items:center}
  .mobile-nav-icon .cart-count-badge{right:-18px;top:-10px}
  .mobile-menu-icon-only{position:relative;display:grid;place-items:center;width:100%;min-height:26px}
  .mobile-menu-icon-only .cart-count-badge{right:calc(50% - 25px);top:-8px}
  .mobile-bottom-nav a.active,.mobile-bottom-nav button.active{background:#DDE8FF;color:#2563EB}
  .mobile-bottom-nav button{cursor:pointer}
  .mobile-menu-backdrop{position:fixed;left:0;right:0;top:66px;bottom:0;z-index:1088;display:block;background:rgba(5,13,24,.38);backdrop-filter:blur(3px)}
  .mobile-menu-backdrop[hidden]{display:none}
  .mobile-menu-panel{position:fixed;left:8px;right:8px;top:74px;bottom:78px;z-index:1090;display:flex;flex-direction:column;background:#fff;border:1px solid #DDE6F2;border-radius:22px;box-shadow:0 20px 44px rgba(15,23,42,.24);padding:1rem;transform:translateY(110%);opacity:0;pointer-events:none;transition:.24s ease;overflow:hidden}
  .mobile-menu-panel.open{transform:translateY(0);opacity:1;pointer-events:auto}
  .mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
  .mobile-menu-head strong{color:#071B33;font-size:1rem;font-weight:900}
  .mobile-menu-head button{width:40px;height:40px;border-radius:50%;border:1px solid #DDE6F2;background:#F3F7FC;color:#071B33;display:grid;place-items:center}
  .mobile-menu-list{overflow:auto;display:grid;gap:.5rem;padding-right:.2rem}
  .mobile-menu-list>a{display:flex;align-items:center;justify-content:space-between;min-height:54px;border-radius:13px;background:#F2F6FF;color:#071B33;padding:.75rem 1rem;font-weight:900}
  .mobile-menu-list>a.active{background:#DDE8FF;color:#2563EB}
  .mobile-theme-toggle{min-height:54px;border:0;border-radius:13px;background:#F2F6FF;color:#071B33;display:flex;align-items:center;gap:.55rem;padding:.75rem 1rem;font-weight:900;text-align:left}
  .mobile-menu-list>span{margin:.7rem .15rem .25rem;color:#667085;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
  body.dark .mobile-bottom-nav{background:rgba(7,20,38,.96);border-color:#22344C}
  body.dark .mobile-bottom-nav a,body.dark .mobile-bottom-nav button{color:#CFE0F5}
  body.dark .mobile-bottom-nav a.active,body.dark .mobile-bottom-nav button.active{background:#123B35;color:#20C997}
  body.dark .mobile-menu-panel{background:#071426;border-color:#22344C}
  body.dark .mobile-menu-head strong{color:#F8FBFF}
  body.dark .mobile-menu-head button{background:#0B1D33;border-color:#334966;color:#F8FBFF}
  body.dark .mobile-menu-list>a{background:#0B1D33;color:#E7EEF8}
  body.dark .mobile-menu-list>a.active{background:#123B35;color:#20C997}
  body.dark .mobile-theme-toggle{background:#0B1D33;color:#E7EEF8}
  body.dark .mobile-menu-list>span{color:#AAB7C7}
}
@media(max-width:575px){
  .ref-hero{padding-top:34px;padding-bottom:110px}
  .ref-eyebrow{font-size:.68rem;line-height:1.2}
  .ref-hero h1{font-size:2.02rem;line-height:1.13}
  .ref-hero p{font-size:1rem;line-height:1.55}
  .hero-mini{gap:.9rem;margin:1.45rem 0}
  .hero-actions{gap:.7rem}
  .hero-actions .btn{min-height:56px;display:flex;align-items:center;justify-content:center;font-size:1.02rem;line-height:1.15}
}
@media(max-width:380px){
  .mobile-bottom-nav{left:6px;right:6px;padding:.36rem .3rem}
  .mobile-bottom-nav a,.mobile-bottom-nav button{height:52px;font-size:.61rem}
  .mobile-bottom-nav i{font-size:1rem}
  .mobile-contact-actions{left:10px;bottom:88px;gap:.42rem}
  .mobile-contact-actions a{padding:.56rem .72rem;font-size:.78rem}
}

