/* AnyKey-X Theme Rebuild v2: premium header/footer, pricing toggles, cart fixes */ :root{ --ak-night:#04101f; --ak-navy:#061a34; --ak-navy2:#0b2c55; --ak-blue:#1686dd; --ak-gold:#f4b428; --ak-gold2:#ffdf83; --ak-brown:#3c230d; --ak-cream:#fff4da; --ak-text:#eef6ff; --ak-muted:#b7c6db; --ak-border:rgba(244,180,40,.28); --ak-card:rgba(255,255,255,.075); --ak-shadow:0 25px 70px rgba(0,0,0,.38); } html,body{background:var(--ak-night)!important;color:var(--ak-text)!important;} body.primary-bg-color,body.ak-body{background:var(--ak-night)!important;color:var(--ak-text)!important;} a{transition:.18s ease;color:var(--ak-gold);}a:hover{color:var(--ak-gold2);} .container{max-width:1320px;} .ak-site-frame{position:relative;z-index:1000;background:linear-gradient(180deg,#05101e,#07162a);box-shadow:0 18px 40px rgba(0,0,0,.28);} .ak-topbar{background:linear-gradient(90deg,#36200c,#071e3b 48%,#0b2e57);border-bottom:1px solid var(--ak-border);color:#ffe8ae;font-size:13px;} .ak-topbar-inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;} .ak-topbar a{color:#ffe8ae!important;text-decoration:none;font-weight:800;} .ak-topbar-left,.ak-topbar-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.ak-topbar i{color:var(--ak-gold);margin-right:6px;} .ak-site-header{position:sticky;top:0;z-index:1002;background:rgba(4,16,31,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(244,180,40,.2);} .ak-navbar{min-height:82px;padding:0;background:linear-gradient(180deg,rgba(8,25,47,.98),rgba(5,14,26,.98))!important;} .ak-brand{padding:0;margin-right:30px;display:flex;align-items:center;min-height:82px;} .ak-logo{height:58px;width:auto;max-width:230px;object-fit:contain;display:block;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35));} .ak-main-nav{align-items:center;gap:4px;} .ak-main-nav>li{position:relative;} .ak-main-nav>li>a,.ak-main-nav .nav-link{display:flex!important;align-items:center;gap:7px;color:#f7fbff!important;font-weight:900!important;padding:29px 12px!important;line-height:1;text-decoration:none!important;letter-spacing:.01em;} .ak-main-nav>li>a:hover,.ak-main-nav .nav-link:hover{color:var(--ak-gold)!important;} .ak-main-nav>li>a:after{content:"";position:absolute;left:12px;right:12px;bottom:18px;height:2px;background:linear-gradient(90deg,var(--ak-gold),transparent);transform:scaleX(0);transform-origin:left;transition:.18s ease;} .ak-main-nav>li:hover>a:after{transform:scaleX(1);} .ak-menu-toggle{border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;background:rgba(255,255,255,.07)!important;border-radius:12px;padding:10px 12px;} .ak-header-actions{display:flex;align-items:center;gap:10px;margin-left:18px;} .ak-header-cta,.ak-header-icon{height:42px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;border-radius:999px;font-weight:950;white-space:nowrap;} .ak-header-cta{padding:0 17px;} .ak-header-cta-gold{background:linear-gradient(135deg,var(--ak-gold),var(--ak-gold2));color:#140d03!important;box-shadow:0 14px 30px rgba(244,180,40,.25);} .ak-header-cta-outline{border:1px solid rgba(255,255,255,.24);color:#fff!important;background:rgba(255,255,255,.06);} .ak-header-icon{width:48px;border:1px solid rgba(255,255,255,.18);color:#fff!important;background:rgba(255,255,255,.07);position:relative;} .ak-header-icon span{position:absolute;top:-7px;right:-5px;background:var(--ak-gold);color:#140d03;border-radius:999px;min-width:20px;height:20px;font-size:11px;font-weight:950;display:flex;align-items:center;justify-content:center;} /* dropdown/mega menu hover fix */ .ak-has-dropdown{position:relative;} .ak-has-dropdown>.sub-menu-box,.ak-has-dropdown>.ak-mega-menu{position:absolute;top:100%;left:0;z-index:99999;min-width:540px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .16s ease,transform .16s ease,visibility .16s;display:block!important;margin:0!important;} .ak-has-dropdown>.sub-menu-box:before,.ak-has-dropdown>.ak-mega-menu:before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px;display:block;} .ak-has-dropdown:hover>.sub-menu-box,.ak-has-dropdown:focus-within>.sub-menu-box,.ak-has-dropdown>.sub-menu-box:hover{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;} .ak-mega-menu{padding:18px;background:linear-gradient(135deg,rgba(5,18,35,.98),rgba(54,32,12,.98));border:1px solid var(--ak-border);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.55);backdrop-filter:blur(16px);} .ak-domain-menu{min-width:430px}.ak-company-menu{min-width:360px}.ak-hosting-menu{left:-130px;} .ak-mega-intro{padding:5px 6px 14px;color:#fff}.ak-mega-intro h3{color:var(--ak-gold);font-weight:950;margin:0 0 6px}.ak-mega-intro p{color:var(--ak-muted);margin:0;line-height:1.4} .ak-mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ak-mega-grid.ak-mega-2{grid-template-columns:1fr;} .ak-mega-card{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);color:#fff!important;text-decoration:none!important;} .ak-mega-card:hover{background:rgba(244,180,40,.13);border-color:rgba(244,180,40,.56);transform:translateY(-2px);} .ak-mega-card strong{display:block;color:#fff}.ak-mega-card small{display:block;color:#bdd0e8;font-weight:500;line-height:1.35;margin-top:3px}.ak-mega-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:14px;background:linear-gradient(135deg,var(--ak-gold),var(--ak-gold2));color:#160f04;} .ak-mega-promo{margin-top:14px;padding:12px 14px;border-radius:16px;background:#071324;border:1px solid rgba(244,180,40,.36);display:flex;justify-content:space-between;align-items:center;color:#fff}.ak-mega-promo strong{font-size:30px;color:var(--ak-gold);} /* main layout */ #main-body{background:linear-gradient(180deg,#06111f 0%,#091d35 42%,#06111f 100%)!important;color:var(--ak-text);} #main-body.ak-main-home{padding:0!important;} #main-body.ak-main-inner{padding:35px 0 60px!important;} #main-body .primary-content{color:var(--ak-text);} .master-breadcrumb,.ak-breadcrumb{background:#071a31!important;border-bottom:1px solid rgba(244,180,40,.15)!important;padding:12px 0!important;}.breadcrumb{background:transparent!important;margin:0!important}.breadcrumb a{color:var(--ak-gold)!important}.breadcrumb .active{color:#bdd0e8!important} /* homepage */ .ak-homepage,.ak-page{background:var(--ak-night);color:#fff;min-height:400px;} .ak-hero-slider-wrapper{background:var(--ak-night);}.ak-hero-slider .carousel-item{background:#06111f;position:relative;min-height:460px}.ak-slide-image{display:block;width:100%;height:clamp(420px,55vw,700px);object-fit:cover;} .ak-slide-actions{position:absolute;left:6%;bottom:8%;z-index:4;display:flex;gap:14px;flex-wrap:wrap}.ak-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 22px;font-weight:950;text-decoration:none!important;border:1px solid transparent;}.ak-btn-gold{background:linear-gradient(135deg,var(--ak-gold),var(--ak-gold2));color:#130c03!important;box-shadow:0 18px 40px rgba(244,180,40,.26)}.ak-btn-outline{background:rgba(5,16,31,.65);border-color:rgba(255,255,255,.36);color:#fff!important;backdrop-filter:blur(8px)}.ak-btn:hover{transform:translateY(-2px)} .ak-domain-band,.ak-section{padding:70px 0;background:linear-gradient(180deg,#06111f,#081a30)}.ak-domain-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding:30px;border-radius:28px;background:linear-gradient(135deg,rgba(9,28,52,.96),rgba(70,41,14,.84));border:1px solid var(--ak-border);box-shadow:var(--ak-shadow)}.ak-eyebrow{display:block;margin-bottom:10px;color:var(--ak-gold);font-size:13px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.ak-domain-panel h2,.ak-section-head h2,.ak-dark-feature h2{color:#fff;font-weight:950;letter-spacing:-.035em}.ak-domain-panel p,.ak-section-head p,.ak-dark-feature p{color:var(--ak-muted)}.ak-domain-search{display:flex;background:#fff;border-radius:999px;padding:7px;box-shadow:0 14px 35px rgba(0,0,0,.25)}.ak-domain-search input{flex:1;min-width:0;border:0;outline:0;padding:12px 18px;font-size:17px;border-radius:999px;color:#08203e}.ak-domain-search button{border:0;border-radius:999px;padding:0 22px;background:linear-gradient(135deg,var(--ak-gold),var(--ak-gold2));font-weight:950;color:#130d04}.ak-section-head{text-align:center;max-width:820px;margin:0 auto 40px}.ak-service-card,.ak-simple-card,.ak-price-card,.ak-feature-card{display:block;height:100%;padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.082),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px rgba(0,0,0,.24);color:#fff!important;text-decoration:none!important}.ak-service-card:hover,.ak-simple-card:hover,.ak-price-card:hover{transform:translateY(-3px);border-color:rgba(244,180,40,.5)}.ak-service-card i,.ak-simple-card i{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,var(--ak-gold),var(--ak-gold2));color:#130d03;font-size:24px;margin-bottom:18px}.ak-service-card h3,.ak-simple-card h3,.ak-price-card h3,.ak-feature-card h3{color:#fff;font-weight:950}.ak-service-card p,.ak-simple-card p,.ak-price-card p,.ak-price-card li,.ak-feature-card p{color:#c7d6ea}.ak-dark-feature{background:radial-gradient(circle at 78% 18%,rgba(22,134,221,.25),transparent 34%),linear-gradient(135deg,#071324,#2b1808);overflow:hidden}.ak-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.ak-feature-list span{padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-weight:850;color:#fff}.ak-feature-list i{color:var(--ak-gold);margin-right:8px}.ak-bee-image{max-height:430px;width:auto;max-width:100%;display:block;margin:auto;filter:drop-shadow(0 24px 50px rgba(0,0,0,.45))} /* tables and pricing toggles */ .ak-billing-toggle{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 30px}.ak-billing-toggle button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#dbe8ff;border-radius:999px;padding:10px 18px;font-weight:900;cursor:pointer}.ak-billing-toggle button.active{background:linear-gradient(135deg,var(--ak-gold),var(--ak-gold2));color:#130d04;border-color:transparent;box-shadow:0 12px 30px rgba(244,180,40,.18)}.ak-cycle-panel{display:none}.ak-cycle-panel.active{display:block}.ak-table-wrap,.ak-hosting-table-wrap{overflow-x:auto;border-radius:24px;border:1px solid var(--ak-border);box-shadow:var(--ak-shadow);background:#091a30}.ak-hosting-table,.ak-pricing-table{width:100%;min-width:850px;border-collapse:collapse;background:#091a30}.ak-hosting-table th,.ak-pricing-table th{padding:18px;background:linear-gradient(135deg,#0c2b50,#4b2b0f);color:#ffe5a5;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:950}.ak-hosting-table td,.ak-pricing-table td{padding:18px;border-top:1px solid rgba(255,255,255,.08);color:#e9f3ff;vertical-align:middle}.ak-hosting-table tr:hover td,.ak-hosting-table tr.ak-highlight-row td,.ak-pricing-table tr:hover td,.ak-pricing-table tr.ak-highlight-row td{background:rgba(244,180,40,.08)}.ak-price{color:var(--ak-gold);font-size:22px;font-weight:950;white-space:nowrap}.ak-table-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--ak-gold),var(--ak-gold2));color:#130d04!important;padding:9px 16px;font-weight:950;text-decoration:none!important;white-space:nowrap}.ak-note{color:var(--ak-muted);font-size:14px;margin-top:16px;text-align:center} /* pages */ .ak-page-hero{padding:84px 0;background:radial-gradient(circle at 80% 10%,rgba(22,134,221,.24),transparent 30%),linear-gradient(135deg,#071324,#2d1908);border-bottom:1px solid var(--ak-border)}.ak-page-hero-inner{display:grid;grid-template-columns:1.25fr .55fr;gap:28px;align-items:center}.ak-page-hero h1{color:#fff;font-size:clamp(42px,7vw,84px);line-height:.95;font-weight:950;letter-spacing:-.05em}.ak-page-hero p{color:#d6e5f8;font-size:20px;max-width:780px}.ak-page-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.ak-page-icon{justify-self:end;width:190px;height:190px;display:flex;align-items:center;justify-content:center;border-radius:42px;background:linear-gradient(135deg,rgba(244,180,40,.24),rgba(22,134,221,.24));border:1px solid var(--ak-border);box-shadow:var(--ak-shadow)}.ak-page-icon i{font-size:72px;color:var(--ak-gold)}.ak-pricing-grid{display:grid;gap:20px}.ak-pricing-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ak-pricing-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ak-price-card{position:relative}.ak-price-card.featured{border-color:rgba(244,180,40,.65);box-shadow:0 28px 70px rgba(244,180,40,.15)}.ak-price-card>span{position:absolute;top:16px;right:16px;background:var(--ak-gold);color:#130d04;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:950}.ak-price-card strong{display:block;margin:14px 0;color:var(--ak-gold);font-size:28px}.ak-price-card ul{padding-left:18px;margin:18px 0}.ak-price-card a{display:inline-flex;color:#130d04!important;background:linear-gradient(135deg,var(--ak-gold),var(--ak-gold2));border-radius:999px;padding:10px 16px;font-weight:950;text-decoration:none!important}.ak-info-blocks{background:#08182b}.ak-info-blocks h3{color:#fff;font-weight:950}.ak-info-blocks p{color:#cad8ea}.ak-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}.ak-steps div,.ak-news-grid article{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px}.ak-steps strong{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--ak-gold);color:#130d04;margin-bottom:14px}.ak-steps h3,.ak-news-grid h3{color:#fff;font-weight:950}.ak-steps p,.ak-news-grid p,.ak-muted-note{color:#c7d6ea}.ak-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ak-news-grid span{color:var(--ak-gold);text-transform:uppercase;letter-spacing:.12em;font-weight:950;font-size:12px}.ak-page-cta{padding:62px 0;text-align:center;background:linear-gradient(135deg,#2d1908,#071324);border-top:1px solid var(--ak-border)}.ak-page-cta h2{color:#fff;font-weight:950}.ak-page-cta p{color:#c7d6ea;max-width:700px;margin:0 auto 22px}.ak-page-cta .ak-btn{margin:6px}.ak-about-list{max-width:900px;margin:35px auto 0}.ak-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ak-contact-card{padding:30px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.ak-contact-card h3{color:#fff}.ak-contact-card p,.ak-contact-card li{color:#c7d6ea} /* Footer */ .ak-footer{background:radial-gradient(circle at 20% 0,rgba(244,180,40,.14),transparent 28%),linear-gradient(180deg,#06111f,#030810)!important;border-top:1px solid var(--ak-border)!important;color:#dbe8ff!important;margin-top:0!important;padding:0!important}.ak-footer-top{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:34px;padding:62px 0 34px}.ak-footer-brand img{max-width:280px;width:100%;height:auto;display:block;margin-bottom:18px}.ak-footer-brand p{color:#b9c7da;line-height:1.75;margin-bottom:14px}.ak-footer-brand strong{color:var(--ak-gold)}.ak-footer-col h3{font-size:14px;text-transform:uppercase;letter-spacing:.14em;font-weight:950;color:#fff;margin:0 0 16px}.ak-footer-col a{display:block;color:#b9c7da!important;margin-bottom:10px;text-decoration:none!important}.ak-footer-col a:hover{color:var(--ak-gold)!important;transform:translateX(3px)}.ak-footer-bottom{border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:22px 0;color:#8fa4bd}.ak-footer-bottom a{color:#b9c7da!important;margin-left:18px;text-decoration:none!important}.ak-footer-bottom a:hover{color:var(--ak-gold)!important} /* WHMCS store/cart fixes */ #order-standard_cart{color:#eef5ff!important}.cart-sidebar,.secondary-cart-body,.secondary-cart-sidebar{color:#eef5ff!important}.cart-body{color:#eef5ff!important}#order-standard_cart .header-lined{padding:30px;border-radius:28px;background:linear-gradient(135deg,#071324,#4b2a0e)!important;border:1px solid var(--ak-border)!important;margin-bottom:25px}#order-standard_cart .header-lined h1{color:#fff!important;font-weight:950}.view-cart-items-header{background:linear-gradient(135deg,#0c2b50,#4b2b0f)!important;color:#ffe5a5!important;border-radius:18px 18px 0 0;padding:15px}.view-cart-items{background:#091a30!important;border:1px solid rgba(244,180,40,.22)!important;border-top:0;border-radius:0 0 18px 18px}.view-cart-items .item{border-bottom:1px solid rgba(255,255,255,.08)!important;padding:18px!important}.view-cart-items .item-title{color:#fff!important;font-weight:900}.view-cart-items .item-group,.view-cart-items small,.view-cart-items .cycle{color:#b7c6db!important}.item-price span:first-child,.view-cart-items span.item-domain{color:var(--ak-gold)!important;font-weight:900}.secondary-cart-sidebar .order-summary,#order-standard_cart .order-summary{background:linear-gradient(180deg,#0b203b,#071324)!important;border:1px solid var(--ak-border)!important;color:#eef5ff!important;border-radius:24px!important;box-shadow:var(--ak-shadow)!important}.secondary-cart-sidebar .order-summary h2,#order-standard_cart .order-summary h2{color:#fff!important}.secondary-cart-sidebar .summary-container,#order-standard_cart .summary-container{background:transparent!important;color:#eef5ff!important}.order-summary span,.order-summary div,.order-summary .subtotal,.order-summary .recurring-totals{color:#eef5ff!important}.order-summary .total-due-today{background:rgba(244,180,40,.12)!important;border:1px solid rgba(244,180,40,.35)!important;border-radius:18px!important;color:#fff!important}.order-summary #totalDueToday,.order-summary .amt{color:var(--ak-gold)!important;font-weight:950!important}.order-summary .btn-checkout,#order-standard_cart .btn-checkout,.btn-success{background:linear-gradient(135deg,var(--ak-gold),var(--ak-gold2))!important;border:0!important;color:#130d04!important;border-radius:999px!important;font-weight:950!important}.order-summary .btn-continue-shopping{color:#dbe8ff!important}.alert-warning{color:#3d2900!important}.dev-banner{color:#333!important} #order-standard_cart .cart-sidebar{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;padding:18px!important}#order-standard_cart .cart-sidebar .list-group-item{background:transparent!important;color:#dbe8ff!important;border-color:rgba(255,255,255,.1)!important}#order-standard_cart .cart-sidebar .list-group-item.active,#order-standard_cart .cart-sidebar .list-group-item:hover{color:var(--ak-gold)!important;background:rgba(244,180,40,.08)!important}.product,.products .product{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;border:1px solid rgba(244,180,40,.22)!important;border-radius:24px!important;color:#eef5ff!important;box-shadow:0 18px 45px rgba(0,0,0,.24)!important;overflow:hidden}.products .product header{background:linear-gradient(135deg,#092743,#4b2a0e)!important;color:#fff!important}.products .product header span{color:#fff!important;font-weight:950!important}.products .product .product-desc{color:#cbd8ea!important}.products .product .product-pricing .price{color:var(--ak-gold)!important;font-weight:950!important}.products .product .btn-success,.btn-order-now{background:linear-gradient(135deg,var(--ak-gold),var(--ak-gold2))!important;color:#130d04!important;border:0!important;border-radius:999px!important;font-weight:950!important} /* responsive */ @media(max-width:1199px){.ak-navbar{padding:12px 0}.ak-brand{min-height:auto}.ak-main-nav{align-items:flex-start}.ak-main-nav>li>a,.ak-main-nav .nav-link{padding:13px 0!important}.ak-header-actions{margin:14px 0 5px;flex-wrap:wrap}.ak-has-dropdown>.sub-menu-box,.ak-has-dropdown>.ak-mega-menu{position:static!important;min-width:0!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;display:none!important;margin:8px 0 14px!important}.ak-has-dropdown:hover>.sub-menu-box,.ak-has-dropdown:focus-within>.sub-menu-box,.ak-has-dropdown.ak-open>.sub-menu-box{display:block!important}.ak-mega-grid{grid-template-columns:1fr}.ak-hosting-menu{left:auto}.ak-logo{height:50px}.ak-footer-top{grid-template-columns:1fr 1fr}} @media(max-width:991px){.ak-topbar-inner{flex-direction:column;align-items:flex-start;padding:10px 15px}.ak-domain-panel,.ak-page-hero-inner,.ak-split-grid{grid-template-columns:1fr}.ak-page-icon{justify-self:start;width:120px;height:120px;border-radius:28px}.ak-page-icon i{font-size:48px}.ak-pricing-4,.ak-pricing-3,.ak-steps,.ak-news-grid{grid-template-columns:1fr 1fr}.ak-footer-top{grid-template-columns:1fr 1fr}.ak-feature-list{grid-template-columns:1fr}.ak-slide-actions{position:static;padding:18px;background:#06111f}} @media(max-width:767px){.ak-topbar-right{gap:8px}.ak-domain-search{border-radius:24px;flex-direction:column}.ak-domain-search button{padding:14px 18px}.ak-pricing-4,.ak-pricing-3,.ak-steps,.ak-news-grid,.ak-footer-top{grid-template-columns:1fr}.ak-footer-bottom{flex-direction:column}.ak-footer-bottom a{margin-left:0;margin-right:16px}.ak-page-hero{padding:60px 0}.ak-slide-image{height:360px}.ak-header-cta{padding:0 13px}.ak-logo{height:44px}} /* AnyKey-X v3 fixes: remove old white cart panels and restore icon visibility */ /* Icon fallbacks if Font Awesome is not available or is blocked */ .ak-service-card > i, .ak-simple-card > i, .ak-page-icon > i, .ak-mega-icon > i, .ak-feature-card > i { font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Arial,sans-serif !important; font-style: normal !important; font-weight: 700 !important; line-height: 1 !important; text-rendering: auto !important; } .ak-service-card > i::before, .ak-simple-card > i::before, .ak-page-icon > i::before, .ak-mega-icon > i::before, .ak-feature-card > i::before { font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Arial,sans-serif !important; font-weight: 700 !important; } .ak-service-card i.fa-globe::before, .ak-simple-card i.fa-globe::before, .ak-page-icon i.fa-globe::before, .ak-mega-icon i.fa-globe::before { content:"🌐" !important; } .ak-service-card i.fa-server::before, .ak-simple-card i.fa-server::before, .ak-page-icon i.fa-server::before, .ak-mega-icon i.fa-server::before { content:"🖥️" !important; } .ak-service-card i.fa-microchip::before, .ak-simple-card i.fa-microchip::before, .ak-page-icon i.fa-microchip::before, .ak-mega-icon i.fa-microchip::before { content:"⚙️" !important; } .ak-service-card i.fa-shield-alt::before, .ak-simple-card i.fa-shield-alt::before, .ak-page-icon i.fa-shield-alt::before, .ak-mega-icon i.fa-shield-alt::before { content:"🔒" !important; } .ak-service-card i.fa-exchange-alt::before, .ak-simple-card i.fa-exchange-alt::before, .ak-page-icon i.fa-exchange-alt::before, .ak-mega-icon i.fa-exchange-alt::before { content:"↔️" !important; } .ak-service-card i.fa-hdd::before, .ak-simple-card i.fa-hdd::before, .ak-page-icon i.fa-hdd::before, .ak-mega-icon i.fa-hdd::before { content:"💾" !important; } .ak-service-card i.fa-building::before, .ak-simple-card i.fa-building::before, .ak-page-icon i.fa-building::before, .ak-mega-icon i.fa-building::before { content:"🏢" !important; } .ak-service-card i.fa-envelope-open-text::before, .ak-simple-card i.fa-envelope-open-text::before, .ak-page-icon i.fa-envelope-open-text::before, .ak-mega-icon i.fa-envelope-open-text::before { content:"✉️" !important; } .ak-service-card i.fa-map-marker-alt::before, .ak-simple-card i.fa-map-marker-alt::before, .ak-page-icon i.fa-map-marker-alt::before, .ak-mega-icon i.fa-map-marker-alt::before { content:"📍" !important; } .ak-service-card i.fa-star::before, .ak-simple-card i.fa-star::before, .ak-page-icon i.fa-star::before, .ak-mega-icon i.fa-star::before { content:"★" !important; } .ak-mega-icon i.fa-wordpress::before, .ak-page-icon i.fa-wordpress::before { content:"W" !important; font-family:Arial,sans-serif !important; font-weight:950 !important; } .ak-service-card i.fa-check::before, .ak-simple-card i.fa-check::before, .ak-page-icon i.fa-check::before, .ak-mega-icon i.fa-check::before { content:"✓" !important; } /* Make store/sidebar panels readable on dark AnyKey background */ #order-standard_cart .cart-sidebar, #order-standard_cart .sidebar, #order-standard_cart .secondary-cart-sidebar { color:#eef6ff !important; } #order-standard_cart .cart-sidebar .panel, #order-standard_cart .cart-sidebar .card, #order-standard_cart .sidebar .panel, #order-standard_cart .sidebar .card, #order-standard_cart .panel-sidebar, #order-standard_cart .card-sidebar { background:linear-gradient(180deg, rgba(8,26,49,.98), rgba(5,16,31,.98)) !important; border:1px solid rgba(244,180,40,.28) !important; border-radius:22px !important; box-shadow:0 18px 44px rgba(0,0,0,.28) !important; overflow:hidden !important; color:#eef6ff !important; } #order-standard_cart .cart-sidebar .panel-heading, #order-standard_cart .cart-sidebar .card-header, #order-standard_cart .sidebar .panel-heading, #order-standard_cart .sidebar .card-header { background:linear-gradient(135deg, rgba(244,180,40,.20), rgba(22,134,221,.12)) !important; border-bottom:1px solid rgba(244,180,40,.24) !important; color:#fff !important; padding:18px 22px !important; } #order-standard_cart .cart-sidebar .panel-title, #order-standard_cart .cart-sidebar h3, #order-standard_cart .sidebar .panel-title, #order-standard_cart .sidebar h3, #order-standard_cart .card-sidebar .card-header, #order-standard_cart .card-sidebar .card-header * { color:#fff !important; font-weight:950 !important; text-shadow:none !important; } #order-standard_cart .cart-sidebar .list-group, #order-standard_cart .sidebar .list-group, #order-standard_cart .cart-sidebar .panel-body, #order-standard_cart .sidebar .panel-body, #order-standard_cart .cart-sidebar .card-body, #order-standard_cart .sidebar .card-body, #order-standard_cart .collapsable-card-body { background:transparent !important; color:#eef6ff !important; } #order-standard_cart .cart-sidebar .list-group-item, #order-standard_cart .sidebar .list-group-item, #order-standard_cart .card-sidebar .list-group-item { background:rgba(255,255,255,.035) !important; border-color:rgba(255,255,255,.10) !important; color:#dce9fb !important; font-weight:800 !important; text-shadow:none !important; } #order-standard_cart .cart-sidebar .list-group-item a, #order-standard_cart .sidebar .list-group-item a, #order-standard_cart .cart-sidebar a, #order-standard_cart .sidebar a { color:#dce9fb !important; text-shadow:none !important; } #order-standard_cart .cart-sidebar .list-group-item.active, #order-standard_cart .sidebar .list-group-item.active, #order-standard_cart .card-sidebar .list-group-item.active, #order-standard_cart .cart-sidebar .list-group-item:hover, #order-standard_cart .sidebar .list-group-item:hover { background:linear-gradient(135deg, rgba(244,180,40,.95), rgba(255,223,131,.95)) !important; color:#160f04 !important; border-color:rgba(244,180,40,.55) !important; } #order-standard_cart .cart-sidebar .list-group-item.active *, #order-standard_cart .sidebar .list-group-item.active *, #order-standard_cart .cart-sidebar .list-group-item:hover *, #order-standard_cart .sidebar .list-group-item:hover * { color:#160f04 !important; } #order-standard_cart .cart-sidebar select, #order-standard_cart .sidebar select, #order-standard_cart .cart-sidebar .form-control, #order-standard_cart .sidebar .form-control { background:#061a30 !important; color:#fff !important; border:1px solid rgba(244,180,40,.35) !important; border-radius:14px !important; } #order-standard_cart .cart-sidebar option, #order-standard_cart .sidebar option { color:#06111f !important; } #order-standard_cart .cart-sidebar .badge, #order-standard_cart .sidebar .badge { background:var(--ak-gold) !important; color:#160f04 !important; } /* AnyKey-X v4 modern icon system: replaces Font Awesome/emoji look with sleek masked SVG icons */ :root { --ak-svg-globe: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M3%2012h18M12%203c3%203.4%203%2014.6%200%2018M12%203c-3%203.4-3%2014.6%200%2018%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ak-svg-server: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%274%27%20width%3D%2716%27%20height%3D%275%27%20rx%3D%271.6%27%2F%3E%3Crect%20x%3D%274%27%20y%3D%2710.5%27%20width%3D%2716%27%20height%3D%275%27%20rx%3D%271.6%27%2F%3E%3Crect%20x%3D%274%27%20y%3D%2717%27%20width%3D%2716%27%20height%3D%273%27%20rx%3D%271.4%27%2F%3E%3Cpath%20d%3D%27M8%206.5h.01M8%2013h.01M8%2018.5h.01M12%206.5h4M12%2013h4M12%2018.5h4%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ak-svg-chip: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%277%27%20y%3D%277%27%20width%3D%2710%27%20height%3D%2710%27%20rx%3D%272%27%2F%3E%3Crect%20x%3D%2710%27%20y%3D%2710%27%20width%3D%274%27%20height%3D%274%27%20rx%3D%27.8%27%2F%3E%3Cpath%20d%3D%27M4%209h3M4%2015h3M17%209h3M17%2015h3M9%204v3M15%204v3M9%2017v3M15%2017v3%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ak-svg-shield: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203l7%203v5.5c0%204.6-2.9%207.8-7%209.5-4.1-1.7-7-4.9-7-9.5V6l7-3z%27%2F%3E%3Cpath%20d%3D%27M9%2012l2%202%204-4%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ak-svg-exchange: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%207h11M15%204l3%203-3%203M17%2017H6M9%2014l-3%203%203%203%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ak-svg-hdd: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%275%27%20width%3D%2716%27%20height%3D%2714%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M7%2015h10M8%209h8%27%2F%3E%3Ccircle%20cx%3D%278%27%20cy%3D%2717%27%20r%3D%27.8%27%20fill%3D%27black%27%20stroke%3D%27none%27%2F%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2717%27%20r%3D%27.8%27%20fill%3D%27black%27%20stroke%3D%27none%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ak-svg-building: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2021V6.8L12%203l7%203.8V21%27%2F%3E%3Cpath%20d%3D%27M9%2021v-5h6v5M8.5%208.5h.01M12%208.5h.01M15.5%208.5h.01M8.5%2012h.01M12%2012h.01M15.5%2012h.01%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ak-svg-mail: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%276%27%20width%3D%2716%27%20height%3D%2712%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M4.5%207.5L12%2013l7.5-5.5%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ak-svg-pin: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2021s7-6.1%207-11.2A7%207%200%200%200%205%209.8C5%2014.9%2012%2021%2012%2021z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2710%27%20r%3D%272.4%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ak-svg-star: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M12%202.7l2.9%205.9%206.5.9-4.7%204.6%201.1%206.5-5.8-3.1-5.8%203.1%201.1-6.5-4.7-4.6%206.5-.9L12%202.7z%27%2F%3E%3C%2Fsvg%3E"); --ak-svg-check: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M5%2012.5l4.3%204.2L19%207.3%27%2F%3E%3C%2Fsvg%3E"); --ak-svg-rocket: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.8%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%204c2.4-.9%204.7-.8%206-.2.6%202.4-.1%205.2-2.2%208.1l-5.1%205.1-5.7-5.7L12%206.2c.7-.8%201.4-1.5%202-2.2z%27%2F%3E%3Cpath%20d%3D%27M8%2012l-4%201%203-5%203-1M12%2016l-1%204%205-3%201-4%27%2F%3E%3Ccircle%20cx%3D%2715.7%27%20cy%3D%278.3%27%20r%3D%271.5%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ak-svg-cloud: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M7%2018h10.2a4.3%204.3%200%200%200%20.8-8.5A6%206%200%200%200%206.6%208.2%204.9%204.9%200%200%200%207%2018z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ak-svg-lock: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%2710%27%20width%3D%2714%27%20height%3D%2710%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%2010V7a4%204%200%200%201%208%200v3M12%2014v2.5%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ak-svg-cart: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%205h2l2.2%2010.2a2%202%200%200%200%202%201.6h6.9a2%202%200%200%200%201.9-1.4L21%208H7%27%2F%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%2720%27%20r%3D%271%27%2F%3E%3Ccircle%20cx%3D%2718%27%20cy%3D%2720%27%20r%3D%271%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ak-svg-key: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%277.5%27%20cy%3D%2712.5%27%20r%3D%273.5%27%2F%3E%3Cpath%20d%3D%27M11%2012.5h9M17%2012.5v3M14%2012.5v2%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --ak-svg-phone: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M7%204l3%203-2%202c1.2%202.6%203.4%204.8%206%206l2-2%203%203-1.5%203c-.4.8-1.3%201.2-2.1.9C9.8%2018%206%2014.2%204.1%208.6c-.3-.8.1-1.7.9-2.1L7%204z%27%2F%3E%3C%2Fsvg%3E"); --ak-svg-envelope: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.9%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%276%27%20width%3D%2716%27%20height%3D%2712%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M4.5%207.5L12%2013l7.5-5.5%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } /* Icon boxes on homepage/cards */ .ak-service-card > i, .ak-simple-card > i, .ak-feature-card > i { position:relative !important; width:68px !important; height:68px !important; min-width:68px !important; border-radius:22px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; margin-bottom:20px !important; color:transparent !important; font-size:0 !important; overflow:hidden !important; background: radial-gradient(circle at 28% 22%, rgba(255,255,255,.75), transparent 18%), linear-gradient(145deg, #f7c94b 0%, #f0a51d 48%, #9a5a0a 100%) !important; border:1px solid rgba(255,255,255,.32) !important; box-shadow: 0 18px 34px rgba(244,180,40,.22), inset 0 1px 0 rgba(255,255,255,.55), inset 0 -10px 22px rgba(89,49,4,.18) !important; } .ak-service-card > i::after, .ak-simple-card > i::after, .ak-feature-card > i::after { content:"" !important; position:absolute !important; inset:9px !important; border-radius:17px !important; border:1px solid rgba(6,20,38,.14) !important; pointer-events:none !important; } /* Page hero large icons */ .ak-page-icon > i { position:relative !important; width:118px !important; height:118px !important; border-radius:34px !important; display:flex !important; align-items:center !important; justify-content:center !important; color:transparent !important; font-size:0 !important; overflow:hidden !important; background: radial-gradient(circle at 28% 20%, rgba(255,255,255,.28), transparent 20%), linear-gradient(145deg, rgba(244,180,40,.35), rgba(22,134,221,.22)) !important; border:1px solid rgba(244,180,40,.34) !important; box-shadow:0 20px 45px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.18) !important; } /* Mega menu icon boxes */ .ak-mega-icon { width:50px !important; height:50px !important; border-radius:17px !important; display:flex !important; align-items:center !important; justify-content:center !important; flex:0 0 50px !important; background: radial-gradient(circle at 25% 18%, rgba(255,255,255,.65), transparent 17%), linear-gradient(145deg, #f7c94b 0%, #efa51f 54%, #86500a 100%) !important; border:1px solid rgba(255,255,255,.32) !important; box-shadow:0 14px 26px rgba(244,180,40,.18), inset 0 1px 0 rgba(255,255,255,.45) !important; color:transparent !important; overflow:hidden !important; } .ak-mega-icon > i { position:relative !important; width:27px !important; height:27px !important; margin:0 !important; padding:0 !important; background:transparent !important; color:transparent !important; font-size:0 !important; line-height:1 !important; } /* Topbar/menu/cart small utility icons stay modern and subtle */ .ak-topbar i.fa-key, .ak-topbar i.fa-phone, .ak-topbar i.fa-envelope, .ak-header-icon i.fa-shopping-cart { position:relative !important; display:inline-block !important; width:18px !important; height:18px !important; color:transparent !important; font-size:0 !important; vertical-align:-3px !important; } /* The actual vector shape */ .ak-service-card > i::before, .ak-simple-card > i::before, .ak-feature-card > i::before, .ak-page-icon > i::before, .ak-mega-icon > i::before, .ak-topbar i.fa-key::before, .ak-topbar i.fa-phone::before, .ak-topbar i.fa-envelope::before, .ak-header-icon i.fa-shopping-cart::before { content:"" !important; display:block !important; width:34px !important; height:34px !important; background:linear-gradient(135deg, #061628 0%, #0b3562 50%, #1575bd 100%) !important; -webkit-mask: var(--ak-modern-icon, var(--ak-svg-star)) center / contain no-repeat !important; mask: var(--ak-modern-icon, var(--ak-svg-star)) center / contain no-repeat !important; } .ak-page-icon > i::before { width:62px !important; height:62px !important; background:linear-gradient(135deg,#ffeeb5 0%,#f4b428 45%,#34a9ff 100%) !important; } .ak-mega-icon > i::before { width:27px !important; height:27px !important; background:linear-gradient(135deg,#061628 0%,#0a2d54 55%,#135e9b 100%) !important; } .ak-topbar i.fa-key::before, .ak-topbar i.fa-phone::before, .ak-topbar i.fa-envelope::before, .ak-header-icon i.fa-shopping-cart::before { width:18px !important; height:18px !important; background:currentColor !important; color:#f4b428 !important; } /* Map Font Awesome class names to the new sleek SVG symbols */ i.fa-globe { --ak-modern-icon: var(--ak-svg-globe); } i.fa-server { --ak-modern-icon: var(--ak-svg-server); } i.fa-microchip { --ak-modern-icon: var(--ak-svg-chip); } i.fa-shield-alt, i.fa-shield, i.fa-user-shield { --ak-modern-icon: var(--ak-svg-shield); } i.fa-exchange-alt, i.fa-exchange { --ak-modern-icon: var(--ak-svg-exchange); } i.fa-hdd, i.fa-database { --ak-modern-icon: var(--ak-svg-hdd); } i.fa-building { --ak-modern-icon: var(--ak-svg-building); } i.fa-envelope-open-text { --ak-modern-icon: var(--ak-svg-mail); } i.fa-map-marker-alt { --ak-modern-icon: var(--ak-svg-pin); } i.fa-star { --ak-modern-icon: var(--ak-svg-star); } i.fa-check { --ak-modern-icon: var(--ak-svg-check); } i.fa-rocket { --ak-modern-icon: var(--ak-svg-rocket); } i.fa-cloud { --ak-modern-icon: var(--ak-svg-cloud); } i.fa-lock { --ak-modern-icon: var(--ak-svg-lock); } i.fa-shopping-cart { --ak-modern-icon: var(--ak-svg-cart); } i.fa-key { --ak-modern-icon: var(--ak-svg-key); } i.fa-phone { --ak-modern-icon: var(--ak-svg-phone); } i.fa-envelope { --ak-modern-icon: var(--ak-svg-envelope); } /* Clean special case for WordPress icon without relying on Font Awesome */ .ak-mega-icon > i.fa-wordpress::before, .ak-page-icon > i.fa-wordpress::before { content:"W" !important; -webkit-mask:none !important; mask:none !important; background:transparent !important; color:#08203c !important; width:auto !important; height:auto !important; font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; font-size:22px !important; font-weight:950 !important; line-height:1 !important; } .ak-page-icon > i.fa-wordpress::before { color:#f4b428 !important; font-size:54px !important; } @media(max-width:991px){ .ak-page-icon > i{width:82px!important;height:82px!important;border-radius:25px!important} .ak-page-icon > i::before{width:44px!important;height:44px!important} } /* ========================================================= AnyKey SX v7 - Domain Registration / TLD Pricing Fix Fixes unreadable domain pricing table and promo cards on: cart.php?a=add&domain=register ========================================================= */ #order-standard_cart .domain-pricing { margin-top: 34px; color: #eef5ff !important; } #order-standard_cart .domain-pricing h4, #order-standard_cart .domain-pricing .font-size-18 { color: #ffffff !important; font-weight: 900 !important; letter-spacing: -.01em; margin-bottom: 14px; } #order-standard_cart .tld-filters { margin-bottom: 22px; } #order-standard_cart .tld-filters .badge, #order-standard_cart .domain-tld-pricing-category, #order-standard_cart a.domain-tld-pricing-category { display: inline-flex !important; align-items: center; justify-content: center; padding: 8px 13px !important; border-radius: 999px !important; background: linear-gradient(135deg, #f4b428, #ffdf7e) !important; color: #140d03 !important; font-weight: 900 !important; text-decoration: none !important; border: 0 !important; box-shadow: 0 10px 24px rgba(244,180,40,.18); } #order-standard_cart .domain-pricing .bg-white { background: linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.045)) !important; border: 1px solid rgba(244,180,40,.32) !important; border-radius: 22px !important; overflow: hidden !important; color: #eef5ff !important; box-shadow: 0 22px 55px rgba(0,0,0,.28); } #order-standard_cart .domain-pricing .tld-pricing-header { background: linear-gradient(135deg, #0b2c55, #4b2d10) !important; color: #ffffff !important; border-bottom: 1px solid rgba(244,180,40,.32) !important; } #order-standard_cart .domain-pricing .tld-pricing-header > div, #order-standard_cart .domain-pricing .tld-pricing-header .col-md-4, #order-standard_cart .domain-pricing .tld-pricing-header .col-md-8, #order-standard_cart .domain-pricing .tld-pricing-header .col-xs-4, #order-standard_cart .domain-pricing .tld-pricing-header .col-4, #order-standard_cart .domain-pricing .tld-pricing-header .tld-column { background: transparent !important; color: #ffffff !important; border: 0 !important; height: auto !important; padding: 16px 14px !important; font-weight: 950 !important; text-transform: uppercase; letter-spacing: .08em; font-size: 12px; line-height: 1.35 !important; } #order-standard_cart .domain-pricing .tld-pricing-header .row > div { border-left: 1px solid rgba(255,255,255,.12) !important; } #order-standard_cart .domain-pricing .tld-row { background: rgba(7,19,36,.92) !important; border-bottom: 1px solid rgba(255,255,255,.1) !important; color: #eef5ff !important; padding: 0 !important; } #order-standard_cart .domain-pricing .tld-row:nth-child(even) { background: rgba(10,30,54,.95) !important; } #order-standard_cart .domain-pricing .tld-row:hover { background: rgba(244,180,40,.10) !important; } #order-standard_cart .domain-pricing .tld-row > div, #order-standard_cart .domain-pricing .tld-row .col-md-4, #order-standard_cart .domain-pricing .tld-row .col-md-8, #order-standard_cart .domain-pricing .tld-row .col-xs-4, #order-standard_cart .domain-pricing .tld-row .col-4 { color: #eef5ff !important; } #order-standard_cart .domain-pricing .two-row-center { color: #ffffff !important; border-right: 1px solid rgba(244,180,40,.24) !important; line-height: 1.45 !important; margin: 0 !important; padding-top: 17px !important; padding-bottom: 17px !important; } #order-standard_cart .domain-pricing .two-row-center strong { color: #f4b428 !important; font-size: 18px; letter-spacing: .02em; } #order-standard_cart .domain-pricing .tld-row .text-center { padding-top: 17px !important; padding-bottom: 17px !important; color: #eef5ff !important; border-left: 1px solid rgba(255,255,255,.08); font-weight: 800; } #order-standard_cart .domain-pricing small, #order-standard_cart .domain-pricing .small { color: #b9c7da !important; font-weight: 700; } #order-standard_cart .domain-pricing .tld-sale-group, #order-standard_cart .domain-pricing .tld-sale-group-hot { display: inline-flex; align-items: center; margin-left: 8px; padding: 3px 7px; border-radius: 7px; background: #e82626 !important; color: #ffffff !important; font-size: 11px; font-weight: 950; vertical-align: middle; } #order-standard_cart .domain-pricing .tld-row.no-tlds { background: rgba(7,19,36,.92) !important; color: #eef5ff !important; } #order-standard_cart .domain-promo-box { margin-top: 28px !important; padding: 28px !important; min-height: 230px; border-radius: 24px !important; background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.045)) !important; border: 1px solid rgba(244,180,40,.28) !important; box-shadow: 0 22px 55px rgba(0,0,0,.28); color: #eef5ff !important; } #order-standard_cart .domain-promo-box h3 { color: #ffffff !important; font-weight: 950 !important; line-height: 1.1; margin: 0 0 6px !important; } #order-standard_cart .domain-promo-box p { color: #c7d6e9 !important; } #order-standard_cart .domain-promo-box .text-warning, #order-standard_cart .domain-promo-box .font-bold.text-warning { color: #f4b428 !important; } #order-standard_cart .domain-promo-box .text-primary, #order-standard_cart .domain-promo-box .font-bold.text-primary { color: #73c7ff !important; } #order-standard_cart .domain-promo-box i.fa-server, #order-standard_cart .domain-promo-box i.fa-globe { float: right; margin-left: 18px; color: #f4b428 !important; opacity: .95; filter: drop-shadow(0 8px 18px rgba(244,180,40,.2)); } #order-standard_cart .domain-promo-box .btn, #order-standard_cart .domain-promo-box .btn-warning, #order-standard_cart .domain-promo-box .btn-primary { background: linear-gradient(135deg, #f4b428, #ffdf7e) !important; color: #140d03 !important; border: 0 !important; border-radius: 999px !important; font-weight: 950 !important; padding: 11px 18px !important; box-shadow: 0 12px 30px rgba(244,180,40,.18); } /* Keep other light WHMCS cards readable if they appear in the cart flow. */ #order-standard_cart .panel, #order-standard_cart .card, #order-standard_cart .list-group, #order-standard_cart .list-group-item { color: #eef5ff; } #order-standard_cart .panel-default, #order-standard_cart .card:not(.ak-price-card) { background: rgba(255,255,255,.06); border-color: rgba(244,180,40,.18); } #order-standard_cart .panel-default > .panel-heading, #order-standard_cart .card-header { background: linear-gradient(135deg, rgba(11,44,85,.95), rgba(75,45,16,.9)) !important; color: #ffffff !important; border-color: rgba(244,180,40,.25) !important; } @media (max-width: 767px) { #order-standard_cart .domain-pricing .tld-pricing-header .tld-column, #order-standard_cart .domain-pricing .tld-pricing-header .col-xs-4, #order-standard_cart .domain-pricing .tld-pricing-header .col-4, #order-standard_cart .domain-pricing .tld-row .text-center, #order-standard_cart .domain-pricing .two-row-center { padding-left: 8px !important; padding-right: 8px !important; font-size: 12px; } #order-standard_cart .domain-promo-box i.fa-server, #order-standard_cart .domain-promo-box i.fa-globe { float: none; display: block; margin: 0 0 14px; } } /* AnyKey-X v8 configure product readability fix */ #order-standard_cart .cart-body, #order-standard_cart .secondary-cart-body { color: #eef6ff !important; } #order-standard_cart .cart-body > p, #order-standard_cart .secondary-cart-body > p, #order-standard_cart .secondary-cart-body label, #order-standard_cart .secondary-cart-body .form-group label, #order-standard_cart .field-container label, #order-standard_cart .form-group label { color: #eef6ff !important; text-shadow: none !important; } #order-standard_cart .product-info { background: linear-gradient(135deg, rgba(9, 28, 52, .98), rgba(23, 47, 78, .95)) !important; border: 1px solid rgba(244, 180, 40, .35) !important; border-radius: 22px !important; padding: 28px 32px !important; margin: 18px 0 28px !important; color: #eef6ff !important; box-shadow: 0 22px 55px rgba(0, 0, 0, .28) !important; } #order-standard_cart .product-info, #order-standard_cart .product-info p, #order-standard_cart .product-info li, #order-standard_cart .product-info span, #order-standard_cart .product-info div, #order-standard_cart .product-info strong, #order-standard_cart .product-info b { color: #dce9fb !important; text-shadow: none !important; } #order-standard_cart .product-info .product-title, #order-standard_cart .product-info h1, #order-standard_cart .product-info h2, #order-standard_cart .product-info h3, #order-standard_cart .product-info h4 { color: #ffffff !important; font-weight: 950 !important; margin-bottom: 18px !important; letter-spacing: -.02em !important; } #order-standard_cart .product-info ul, #order-standard_cart .product-info ol { margin: 12px 0 0 0 !important; padding-left: 22px !important; } #order-standard_cart .product-info li { margin: 10px 0 !important; line-height: 1.45 !important; } #order-standard_cart .product-info li::marker { color: #f4b428 !important; } #order-standard_cart .field-container, #order-standard_cart .product-configurable-options, #order-standard_cart .addon-products, #order-standard_cart .domain-selection-options, #order-standard_cart .configurable-options, #order-standard_cart .sub-heading { color: #eef6ff !important; } #order-standard_cart .form-control, #order-standard_cart select.form-control, #order-standard_cart .custom-select, #order-standard_cart input[type="text"], #order-standard_cart input[type="password"], #order-standard_cart input[type="number"], #order-standard_cart textarea { background: #ffffff !important; color: #172338 !important; border: 1px solid rgba(244, 180, 40, .35) !important; box-shadow: none !important; } #order-standard_cart .form-control:focus, #order-standard_cart .custom-select:focus, #order-standard_cart input:focus, #order-standard_cart textarea:focus { border-color: #f4b428 !important; box-shadow: 0 0 0 .2rem rgba(244,180,40,.18) !important; } #order-standard_cart .sub-heading span, #order-standard_cart .sub-heading .primary-bg-color { background: linear-gradient(135deg, rgba(244,180,40,.95), rgba(255,223,131,.95)) !important; color: #160f04 !important; border-radius: 999px !important; padding: 8px 16px !important; font-weight: 950 !important; } #order-standard_cart .alert, #order-standard_cart .alert-warning, #order-standard_cart .alert-info { border-radius: 14px !important; color: #2d2614 !important; } #order-standard_cart .alert a, #order-standard_cart .alert-warning a, #order-standard_cart .alert-info a { color: #0b5a99 !important; font-weight: 900 !important; } #order-standard_cart .summary-container, #order-standard_cart .order-summary { color: #eef6ff !important; } #order-standard_cart .order-summary .product-name, #order-standard_cart .order-summary .product-group, #order-standard_cart .order-summary .summary-totals, #order-standard_cart .order-summary .total-due-today, #order-standard_cart .order-summary strong, #order-standard_cart .order-summary span, #order-standard_cart .order-summary div { color: inherit; } #order-standard_cart .product-info a, #order-standard_cart .secondary-cart-body a { color: #ffcf59 !important; font-weight: 900 !important; } /* Keep product description readable even when WHMCS injects pale legacy classes */ #order-standard_cart .product-info .text-muted, #order-standard_cart .product-info .text-light, #order-standard_cart .product-info [style*="color"] { color: #dce9fb !important; } /* ========================================================= AnyKey Cart Responsive Patch v9 Fixes WHMCS order form, sidebars, tables and checkout flow on tablets and mobile. ========================================================= */ html, body { max-width: 100%; overflow-x: hidden; } #order-standard_cart, #order-standard_cart .container, #order-standard_cart .row, #order-standard_cart .products, #order-standard_cart .product, #order-standard_cart .panel, #order-standard_cart .summary-container { max-width: 100%; } #order-standard_cart img, #order-standard_cart svg { max-width: 100%; height: auto; } #order-standard_cart .field-container, #order-standard_cart .form-control, #order-standard_cart select, #order-standard_cart input, #order-standard_cart textarea, #order-standard_cart .btn { max-width: 100%; } #order-standard_cart .table-responsive, #order-standard_cart .domain-pricing, #order-standard_cart .tld-filters, #order-standard_cart .domain-renewals, #order-standard_cart .dataTables_wrapper { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } #order-standard_cart table, #order-standard_cart .table, #order-standard_cart table.table, #order-standard_cart table.dataTable { min-width: 720px; } #order-standard_cart .sidebar, #order-standard_cart .ak-sidebar, #order-standard_cart .secondary-cart-body { width: 100%; } #order-standard_cart .panel-sidebar, #order-standard_cart .cart-sidebar, #order-standard_cart .list-group { max-width: 100%; } #order-standard_cart .product-title, #order-standard_cart .product-desc, #order-standard_cart .product-description, #order-standard_cart .product-info, #order-standard_cart .product-features, #order-standard_cart .field-container, #order-standard_cart .order-summary, #order-standard_cart .summary-container { overflow-wrap: anywhere; } /* Tablets */ @media (max-width: 1199.98px) { #order-standard_cart .products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } #order-standard_cart .products .product, #order-standard_cart .products .product-container { width: 100% !important; max-width: 100%; margin: 0 !important; } } @media (max-width: 991.98px) { #order-standard_cart .row { margin-left: 0; margin-right: 0; } #order-standard_cart [class*="col-"] { padding-left: 12px; padding-right: 12px; } #order-standard_cart .sidebar, #order-standard_cart .ak-sidebar, #order-standard_cart .order-summary, #order-standard_cart .summary-container { margin-bottom: 24px; } #order-standard_cart .cart-body, #order-standard_cart .cart-sidebar, #order-standard_cart .secondary-cart-body, #order-standard_cart .primary-content, #order-standard_cart .summary-container { width: 100% !important; float: none !important; } #order-standard_cart .domain-selection-options, #order-standard_cart .domain-input-group, #order-standard_cart .input-group { flex-wrap: wrap; } #order-standard_cart .input-group .form-control, #order-standard_cart .input-group-btn, #order-standard_cart .input-group-append, #order-standard_cart .input-group-prepend { width: 100%; display: block; margin: 0; } #order-standard_cart .input-group .btn, #order-standard_cart .input-group button { width: 100%; margin-top: 10px; border-radius: 14px !important; } } /* Phones */ @media (max-width: 767.98px) { #order-standard_cart { font-size: 16px; } #order-standard_cart .container { max-width: 100%; padding-left: 18px; padding-right: 18px; } #order-standard_cart .products { grid-template-columns: 1fr; gap: 18px; } #order-standard_cart .product, #order-standard_cart .product-container, #order-standard_cart .panel, #order-standard_cart .panel-sidebar, #order-standard_cart .summary-container, #order-standard_cart .order-summary, #order-standard_cart .alert, #order-standard_cart .domain-checker-bg, #order-standard_cart .domain-checker-container, #order-standard_cart .cart-promo, #order-standard_cart .marketconnect-promo, #order-standard_cart .configure-product-card { border-radius: 20px !important; padding-left: 18px !important; padding-right: 18px !important; } #order-standard_cart h1, #order-standard_cart .main-heading, #order-standard_cart .store-heading, #order-standard_cart .product-title { font-size: clamp(1.8rem, 8vw, 2.6rem) !important; line-height: 1.05; } #order-standard_cart h2, #order-standard_cart h3 { font-size: clamp(1.35rem, 6vw, 2rem) !important; } #order-standard_cart .btn, #order-standard_cart button, #order-standard_cart input[type="submit"] { width: 100%; min-height: 48px; white-space: normal; } #order-standard_cart .btn-group, #order-standard_cart .billingcycle, #order-standard_cart .cycle-change { width: 100%; display: grid; grid-template-columns: 1fr; gap: 10px; } #order-standard_cart .billingcycle label, #order-standard_cart .cycle-change label { width: 100%; margin: 0; } #order-standard_cart .view-cart-items, #order-standard_cart .view-cart-tabs, #order-standard_cart .cart-total-row, #order-standard_cart .order-summary .total-due-today { overflow-x: auto; -webkit-overflow-scrolling: touch; } #order-standard_cart .view-cart-items .item, #order-standard_cart .cart-item, #order-standard_cart .item-row { display: block; } #order-standard_cart table, #order-standard_cart .table, #order-standard_cart table.table, #order-standard_cart table.dataTable { min-width: 660px; font-size: 0.9rem; } #order-standard_cart .domain-pricing table, #order-standard_cart table.domain-pricing { min-width: 620px; } #order-standard_cart .domain-search-input, #order-standard_cart input[name="query"], #order-standard_cart input[name="domain"] { height: 52px; font-size: 1rem; } #order-standard_cart .captchaimage, #order-standard_cart .g-recaptcha { transform: scale(0.9); transform-origin: left top; } } @media (max-width: 575.98px) { #order-standard_cart .container { padding-left: 14px; padding-right: 14px; } #order-standard_cart table, #order-standard_cart .table, #order-standard_cart table.table, #order-standard_cart table.dataTable { min-width: 600px; } #order-standard_cart .domain-pricing table, #order-standard_cart table.domain-pricing { min-width: 560px; } #order-standard_cart .summary-container, #order-standard_cart .order-summary { padding: 18px !important; } } /* ========================================================= AnyKey Cart v10 Desktop Store Layout Fix Fixes VPS/hosting store pages where the sidebar was forced to 100% width on desktop by the responsive patch. ========================================================= */ @media (min-width: 992px) { #order-standard_cart.ak-store-page > .row { display: grid !important; grid-template-columns: 320px minmax(0, 1fr) !important; gap: 32px !important; align-items: start !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } #order-standard_cart.ak-store-page > .row > .cart-sidebar.sidebar, #order-standard_cart.ak-store-page > .row > .cart-sidebar, #order-standard_cart.ak-store-page > .row > .sidebar { grid-column: 1 !important; width: 320px !important; max-width: 320px !important; min-width: 0 !important; float: none !important; margin: 0 !important; } #order-standard_cart.ak-store-page > .row > .cart-body, #order-standard_cart.ak-store-page > .row > .primary-content { grid-column: 2 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; float: none !important; margin: 0 !important; } #order-standard_cart.ak-store-page .products > .row, #order-standard_cart.ak-store-page .products .row-eq-height { display: grid !important; grid-template-columns: repeat(2, minmax(280px, 1fr)) !important; gap: 26px !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } #order-standard_cart.ak-store-page .products > .row > [class*="col-"], #order-standard_cart.ak-store-page .products .row-eq-height > [class*="col-"] { width: 100% !important; max-width: 100% !important; flex: none !important; padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 0 !important; } #order-standard_cart.ak-store-page .ak-store-hero, #order-standard_cart.ak-store-page .ak-store-compare { width: 100% !important; max-width: 100% !important; } } @media (min-width: 1500px) { #order-standard_cart.ak-store-page > .row { grid-template-columns: 340px minmax(0, 1fr) !important; gap: 38px !important; } #order-standard_cart.ak-store-page > .row > .cart-sidebar.sidebar, #order-standard_cart.ak-store-page > .row > .cart-sidebar, #order-standard_cart.ak-store-page > .row > .sidebar { width: 340px !important; max-width: 340px !important; } } @media (max-width: 991.98px) { #order-standard_cart.ak-store-page > .row { display: grid !important; grid-template-columns: 1fr !important; gap: 24px !important; margin-left: 0 !important; margin-right: 0 !important; } #order-standard_cart.ak-store-page > .row > .cart-sidebar.sidebar, #order-standard_cart.ak-store-page > .row > .cart-sidebar, #order-standard_cart.ak-store-page > .row > .sidebar, #order-standard_cart.ak-store-page > .row > .cart-body, #order-standard_cart.ak-store-page > .row > .primary-content { width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 !important; } } /* ========================================================= AnyKey Cart v11 Mobile Overflow Fix Fixes mobile pages being pushed to the right / clipped. ========================================================= */ @media (max-width: 991.98px) { html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } body #main-body, body #main-body > .container, body #main-body .container, body #main-body .container-fluid { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; padding-left: 14px !important; padding-right: 14px !important; overflow-x: hidden !important; box-sizing: border-box !important; } #order-standard_cart, #order-standard_cart.ak-store-page { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; box-sizing: border-box !important; } #order-standard_cart *, #order-standard_cart *::before, #order-standard_cart *::after { box-sizing: border-box !important; } #order-standard_cart .row, #order-standard_cart.ak-store-page > .row, #order-standard_cart .products > .row, #order-standard_cart .products .row-eq-height { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 22px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } #order-standard_cart .row > [class*="col-"], #order-standard_cart.ak-store-page > .row > .cart-sidebar.sidebar, #order-standard_cart.ak-store-page > .row > .cart-sidebar, #order-standard_cart.ak-store-page > .row > .sidebar, #order-standard_cart.ak-store-page > .row > .cart-body, #order-standard_cart.ak-store-page > .row > .primary-content, #order-standard_cart .products > .row > [class*="col-"], #order-standard_cart .products .row-eq-height > [class*="col-"] { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 0 0 100% !important; float: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } #order-standard_cart .cart-sidebar, #order-standard_cart .sidebar, #order-standard_cart .cart-body, #order-standard_cart .primary-content, #order-standard_cart .products, #order-standard_cart .product, #order-standard_cart .ak-store-hero, #order-standard_cart .ak-store-compare, #order-standard_cart .ak-hosting-table-wrap, #order-standard_cart .summary-container, #order-standard_cart .order-summary, #order-standard_cart .panel, #order-standard_cart .card, #order-standard_cart .alert, #order-standard_cart form { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; overflow-wrap: anywhere !important; } #order-standard_cart .ak-store-hero, #order-standard_cart .header-lined.ak-store-hero { padding: 28px 22px !important; border-radius: 24px !important; overflow: hidden !important; } #order-standard_cart .ak-store-hero h1, #order-standard_cart .header-lined.ak-store-hero h1, #order-standard_cart .font-size-36 { font-size: clamp(2rem, 9vw, 3rem) !important; line-height: 1.05 !important; letter-spacing: -0.04em !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; max-width: 100% !important; } #order-standard_cart .ak-store-hero p, #order-standard_cart .header-lined.ak-store-hero p { font-size: 1rem !important; line-height: 1.45 !important; white-space: normal !important; max-width: 100% !important; } #order-standard_cart .cart-sidebar .panel, #order-standard_cart .sidebar .panel, #order-standard_cart .cart-sidebar .card, #order-standard_cart .sidebar .card, #order-standard_cart .collapsable-card { border-radius: 22px !important; overflow: hidden !important; } #order-standard_cart .cart-sidebar .list-group-item, #order-standard_cart .sidebar .list-group-item, #order-standard_cart .card-sidebar .list-group-item, #order-standard_cart .cart-sidebar select, #order-standard_cart .sidebar select, #order-standard_cart .cart-sidebar .form-control, #order-standard_cart .sidebar .form-control { width: 100% !important; max-width: 100% !important; min-width: 0 !important; white-space: normal !important; } #order-standard_cart .product { padding: 0 !important; border-radius: 22px !important; overflow: hidden !important; } #order-standard_cart .product header, #order-standard_cart .product .product-desc, #order-standard_cart .product footer { padding-left: 20px !important; padding-right: 20px !important; } #order-standard_cart .product footer { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; align-items: start !important; } #order-standard_cart .product-pricing, #order-standard_cart .btn-order-now { width: 100% !important; max-width: 100% !important; text-align: center !important; } #order-standard_cart .ak-store-compare, #order-standard_cart .ak-hosting-table-wrap, #order-standard_cart .table-responsive { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } #order-standard_cart img, #order-standard_cart svg, #order-standard_cart iframe { max-width: 100% !important; height: auto !important; } } @media (max-width: 575.98px) { body #main-body, body #main-body > .container, body #main-body .container, body #main-body .container-fluid { padding-left: 12px !important; padding-right: 12px !important; } #order-standard_cart .ak-store-hero, #order-standard_cart .header-lined.ak-store-hero, #order-standard_cart .product header, #order-standard_cart .product .product-desc, #order-standard_cart .product footer, #order-standard_cart .cart-sidebar .panel-heading, #order-standard_cart .sidebar .panel-heading, #order-standard_cart .cart-sidebar .card-header, #order-standard_cart .sidebar .card-header { padding-left: 18px !important; padding-right: 18px !important; } #order-standard_cart .ak-store-hero h1, #order-standard_cart .header-lined.ak-store-hero h1, #order-standard_cart .font-size-36 { font-size: clamp(1.85rem, 11vw, 2.65rem) !important; } } /* ========================================================= AnyKey-X v12 Store/Cart Responsive Table Cards ========================================================= */ @media (max-width: 767.98px) { #order-standard_cart .ak-hosting-table-wrap, #order-standard_cart .ak-table-wrap, #order-standard_cart .table-responsive { overflow: visible !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; width: 100% !important; max-width: 100% !important; } #order-standard_cart table.ak-mobile-card-table, #order-standard_cart table.ak-hosting-table, #order-standard_cart table.ak-pricing-table { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; background: transparent !important; border-collapse: separate !important; } #order-standard_cart table.ak-mobile-card-table thead, #order-standard_cart table.ak-hosting-table thead, #order-standard_cart table.ak-pricing-table thead { display: none !important; } #order-standard_cart table.ak-mobile-card-table tbody, #order-standard_cart table.ak-mobile-card-table tr, #order-standard_cart table.ak-mobile-card-table td, #order-standard_cart table.ak-hosting-table tbody, #order-standard_cart table.ak-hosting-table tr, #order-standard_cart table.ak-hosting-table td, #order-standard_cart table.ak-pricing-table tbody, #order-standard_cart table.ak-pricing-table tr, #order-standard_cart table.ak-pricing-table td { display: block !important; width: 100% !important; max-width: 100% !important; } #order-standard_cart table.ak-mobile-card-table tr, #order-standard_cart table.ak-hosting-table tr, #order-standard_cart table.ak-pricing-table tr { margin: 0 0 18px !important; padding: 18px !important; border-radius: 24px !important; background: radial-gradient(circle at 100% 0%, rgba(244,180,40,.18), transparent 34%), linear-gradient(180deg, rgba(16,37,61,.98), rgba(7,22,40,.98)) !important; border: 1px solid rgba(244,180,40,.28) !important; box-shadow: 0 18px 44px rgba(0,0,0,.28) !important; } #order-standard_cart table.ak-mobile-card-table td, #order-standard_cart table.ak-hosting-table td, #order-standard_cart table.ak-pricing-table td { display: flex !important; justify-content: space-between !important; gap: 14px !important; padding: 11px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; background: transparent !important; color: #eaf4ff !important; text-align: right !important; white-space: normal !important; overflow-wrap: anywhere !important; } #order-standard_cart table.ak-mobile-card-table td::before, #order-standard_cart table.ak-hosting-table td::before, #order-standard_cart table.ak-pricing-table td::before { content: attr(data-label); flex: 0 0 42%; max-width: 42%; text-align: left !important; color: #ffc83d !important; font-size: .75rem !important; line-height: 1.25 !important; letter-spacing: .08em !important; text-transform: uppercase !important; font-weight: 950 !important; } #order-standard_cart table.ak-mobile-card-table td:first-child, #order-standard_cart table.ak-hosting-table td:first-child, #order-standard_cart table.ak-pricing-table td:first-child { display: block !important; margin: -18px -18px 10px !important; padding: 18px !important; border-bottom: 1px solid rgba(244,180,40,.20) !important; background: linear-gradient(135deg, rgba(244,180,40,.18), rgba(22,134,221,.10)) !important; color: #fff !important; text-align: left !important; font-size: 1.25rem !important; font-weight: 950 !important; } #order-standard_cart table.ak-mobile-card-table td:first-child::before, #order-standard_cart table.ak-hosting-table td:first-child::before, #order-standard_cart table.ak-pricing-table td:first-child::before, #order-standard_cart table.ak-mobile-card-table td:last-child::before, #order-standard_cart table.ak-hosting-table td:last-child::before, #order-standard_cart table.ak-pricing-table td:last-child::before { display: none !important; content: none !important; } #order-standard_cart table.ak-mobile-card-table td:last-child, #order-standard_cart table.ak-hosting-table td:last-child, #order-standard_cart table.ak-pricing-table td:last-child { border-bottom: 0 !important; display: block !important; padding-top: 16px !important; text-align: center !important; } #order-standard_cart .ak-table-btn, #order-standard_cart .btn-order-now, #order-standard_cart .btn-primary { width: 100% !important; max-width: 100% !important; min-height: 48px !important; justify-content: center !important; text-align: center !important; } }