/* v2.3: premium responsive header, fast navigation feedback, compact footer and store drawers. */
html,body{min-height:100%}
body{min-height:100vh;background:#051720}
body:after{content:"";position:fixed;z-index:200;inset:0 auto auto 0;width:100%;height:3px;pointer-events:none;background:linear-gradient(90deg,#ff6b18,#ffad78,#9ff0c5);transform:scaleX(0);transform-origin:left;opacity:0}
body.is-navigating:after{opacity:1;animation:store-nav-progress .75s ease-in-out infinite alternate}
@keyframes store-nav-progress{from{transform:scaleX(.18)}to{transform:scaleX(.86)}}
.site-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:clip;overflow-y:visible}
.site-shell>main{width:100%;flex:1 0 auto}
.site-shell>footer{margin-top:auto;flex:0 0 auto}
.quote-trigger{min-width:58px;padding-inline:11px!important;justify-content:center}
.quote-trigger>svg{width:18px;flex:none}.quote-trigger b{flex:none}
.mobile-nav-home,.mobile-account-actions,.mobile-nav-backdrop,.store-menu-trigger,.store-drawer-backdrop,.store-drawer-head{display:none}

/* Shared domain search */
.license-search-main{max-width:900px;min-width:0}
.license-search-kicker{display:block;margin-bottom:7px;color:#d9580d;font-size:10px;font-weight:900;letter-spacing:.16em}
.license-search-main>h1{font-size:34px;letter-spacing:-.025em;margin-bottom:7px}
.license-search-main>.df-description{max-width:720px;font-size:13px;margin-bottom:25px}
.license-search-form{display:grid;grid-template-columns:210px minmax(0,1fr) 112px;gap:10px;align-items:end;padding:18px;background:#fff;border:1px solid #dfe5ea;border-radius:10px;box-shadow:0 18px 55px rgba(20,43,57,.07)}
.license-package-select{display:grid;gap:6px;color:#40536d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.license-package-select select,.license-domain-input{height:47px;border:1px solid #d8e0e6;border-radius:7px;background:#fff}
.license-package-select select{width:100%;padding:0 34px 0 11px;color:#21394b}
.license-domain-input{display:flex;align-items:center;gap:10px;padding-inline:13px}
.license-domain-input svg{width:18px;color:#718696;flex:none}.license-domain-input input{width:100%;height:43px!important;min-height:43px!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;color:#172f40;background:transparent;font-size:14px}
.license-domain-input:focus-within,.license-package-select select:focus{border-color:#f27730;outline:3px solid rgba(242,119,48,.16)}
.license-search-form>.df-button{height:47px}
.license-enabled-tlds{margin:12px 0 0;color:#7a8996;font-size:10px}.license-enabled-tlds span{color:#425e6f;font-weight:700}
.license-result{margin-top:28px}.license-result .df-result-list{border:1px solid #e1e6eb;border-radius:8px;overflow:hidden;box-shadow:0 16px 45px rgba(20,43,57,.05)}
.license-result-help{margin:12px 0 0;padding:13px 15px;border-left:3px solid #e95d08;background:#fff5ed;color:#6f5849;font-size:10px;line-height:1.7}
.license-trust-row{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:28px;padding-top:20px;border-top:1px solid #dfe5ea;color:#567080;font-size:10px;font-weight:700}
.license-trust-row span{display:flex;align-items:center;gap:6px}.license-trust-row svg{width:14px;color:#087e67}

@media(max-width:1020px){
 body.mobile-nav-open{overflow:hidden}
 .topbar{z-index:90}
 .topbar .nav-links{display:flex!important;position:fixed!important;inset:76px 0 0 auto!important;width:min(420px,100%);height:calc(100dvh - 76px);max-height:none!important;padding:22px 22px 30px!important;gap:0!important;align-items:stretch!important;background:linear-gradient(160deg,#061923,#092733)!important;border-top:1px solid rgba(255,255,255,.1);box-shadow:-30px 0 80px rgba(0,0,0,.32);overflow-y:auto;overscroll-behavior:contain;transform:translateX(105%);visibility:hidden;opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s,visibility 0s linear .28s}
 .topbar .nav-links.open{transform:translateX(0);visibility:visible;opacity:1;transition-delay:0s}
 .mobile-nav-home{display:flex!important;align-items:center;gap:10px;padding:13px 10px!important;color:#ff9a5f!important;border-bottom:1px solid rgba(255,255,255,.08)}
 .mobile-nav-home svg{width:17px}
 .topbar .nav-links>a:not(.mobile-nav-home){width:100%;padding:14px 10px!important;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px}
 .mobile-account-actions{display:grid;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
 .mobile-account-actions a,.mobile-account-actions button{width:100%;min-height:45px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ff7b32;border-radius:8px;background:#ff6b18;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
 .mobile-account-actions form{margin:0}.mobile-account-actions form button{background:transparent;color:#ffad7d}
 .mobile-account-actions svg{width:16px}
 .menu-button{width:43px;height:43px;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;border:1px solid rgba(255,135,67,.2);border-radius:8px;color:#ff7b32;background:rgba(255,107,24,.04)}
 .menu-button span{display:block;width:21px;height:2px;border-radius:2px;background:currentColor;transition:transform .22s,opacity .16s}
 .menu-button.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button.is-open span:nth-child(2){opacity:0}.menu-button.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .mobile-nav-backdrop{display:block;position:fixed;inset:76px 0 0;z-index:80;border:0;background:rgba(3,17,25,.64);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s linear .2s}
 body.mobile-nav-open .mobile-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
 .bc-mega-menu{width:100%;border-bottom:1px solid rgba(255,255,255,.07)}.bc-mega-menu>summary{width:100%!important;padding:14px 10px!important;justify-content:space-between}.bc-mega-panel{margin-top:6px!important}
}

@media(max-width:700px){
 body.store-drawer-open{overflow:hidden}
 .topbar{height:68px!important;min-height:68px!important;flex-wrap:nowrap!important;gap:8px!important;padding:0 14px!important}
 .topbar .brand{max-width:calc(100% - 112px)!important;font-size:16px!important;gap:7px;white-space:nowrap;overflow:hidden}.topbar .brand>span:last-child{overflow:hidden;text-overflow:ellipsis}
 .topbar .brand-mark{width:30px;height:30px;flex:none}
 .topbar .header-actions{flex:0 0 auto!important;gap:7px!important;min-width:auto!important;margin-left:auto}
 .header-actions>.hc-dashboard,.header-actions>.hc-logout-form,.header-actions>.co-login-button{display:none!important}
 .quote-trigger{width:51px;min-width:51px;height:43px!important;padding:0 7px!important;gap:4px!important;border-radius:8px!important}
 .quote-trigger>svg{width:18px!important}.quote-trigger b{min-width:17px;height:17px;font-size:9px}
 .topbar .nav-links{inset:68px 0 0 auto!important;height:calc(100dvh - 68px);width:100%;padding:18px 20px 28px!important}
 .mobile-nav-backdrop{inset:68px 0 0}
 .df-container,.co-container{width:calc(100% - 28px)}
 .df-content,.co-store-layout{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding-top:24px!important}
 .store-menu-trigger{display:inline-flex;align-items:center;gap:10px;width:max-content;min-height:43px;padding:9px 13px;border:1px solid #f07832;border-radius:8px;background:#fff8f2;color:#e25a0a;font-size:11px;font-weight:850;box-shadow:0 8px 24px rgba(227,88,8,.08);cursor:pointer}
 .store-menu-lines{display:grid;gap:4px}.store-menu-lines i{display:block;width:21px;height:2px;border-radius:2px;background:currentColor}
 .store-drawer-backdrop{display:block;position:fixed;inset:0;z-index:110;border:0;background:rgba(5,27,38,.72);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility 0s linear .22s}
 body.store-drawer-open .store-drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
 .df-sidebar{display:block!important;position:fixed;inset:0 auto 0 0;z-index:120;width:min(86vw,360px);height:100dvh;margin:0!important;padding:0 0 28px;background:#f8fafb;box-shadow:25px 0 70px rgba(3,23,33,.3);overflow-y:auto;overscroll-behavior:contain;transform:translateX(-105%);visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s linear .3s}
 .df-sidebar.is-open{transform:translateX(0);visibility:visible;transition-delay:0s}
 .store-drawer-head{height:68px;display:flex;align-items:center;justify-content:space-between;padding-left:18px;background:#08222e;color:#fff}.store-drawer-head strong{font-size:13px}.store-drawer-head button{width:68px;height:68px;border:0;background:#ff6b18;color:#fff;font-size:34px;font-weight:200;cursor:pointer}
 .df-sidebar>.df-side-box{display:block!important;border:0;border-bottom:1px solid #dfe4e8;margin:0}.df-sidebar .df-side-box h2{padding:12px 18px;text-align:left;font-size:12px}.df-sidebar .df-side-box nav{display:block!important}.df-sidebar .df-side-box a{padding:14px 18px;font-size:13px;background:#fff}.df-sidebar .df-side-box a.df-active{background:#ff6b18;color:#fff}
 .df-category-main,.df-domain-main,.license-search-main,.co-store-layout>section{grid-column:1;min-width:0}
 .df-package-grid{grid-template-columns:1fr!important}.df-package{padding:22px 18px;border-radius:10px}.df-package-price strong{font-size:31px}
 .license-search-main>h1{font-size:27px}.license-search-main>.df-description{font-size:12px}
 .license-search-form{grid-template-columns:1fr;padding:15px}.license-search-form>.df-button{width:100%}.license-domain-input{grid-row:1}.license-package-select{grid-row:2}
 .license-result .df-result-title{font-size:22px}.license-result .df-result-row{padding:12px 10px}.license-result-help{font-size:10px}
 .co-config-grid{display:flex!important;flex-direction:column;gap:18px}.co-config-grid>div,.co-order-summary{width:100%}.co-order-summary{order:2;position:static}.co-empty-grid .co-empty{margin:0}.co-cart-title{padding:17px;gap:10px}.co-cart-title>b{font-size:16px}.co-cart-breakdown{padding:0 17px}.co-cart-tools{padding:13px 17px}.co-promo{padding:17px}.co-promo form{display:grid;grid-template-columns:1fr}.co-promo input{width:100%;min-width:0}.co-promo .df-button{width:100%}.co-checkout-form input:not([type=checkbox]){width:100%}
 footer{min-width:0}.footer-main{width:calc(100% - 36px);padding-block:48px;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:24px!important;row-gap:32px!important}.footer-brand{grid-column:1/-1!important}.footer-main>div:not(:first-child) a{font-size:12px;line-height:1.6}.footer-bottom{width:calc(100% - 36px);font-size:11px;line-height:1.7;padding-bottom:26px}
}

@media(max-width:420px){
 .topbar{padding-inline:10px!important}.topbar .brand{font-size:14px!important;max-width:calc(100% - 105px)!important}.topbar .brand-mark{display:none}.quote-trigger{width:48px;min-width:48px}.menu-button{width:40px;height:40px}
 .df-container,.co-container{width:calc(100% - 22px)}.license-search-form{padding:12px}.df-result-row{font-size:11px}.df-add-button{padding-inline:9px}
 .co-cart-title{flex-direction:column}.co-cart-title>b{align-self:flex-end}.co-price-row{font-size:11px}.co-summary-total strong{font-size:20px}.footer-main{column-gap:17px!important}.footer-main>div:not(:first-child) a{font-size:11px}.footer-main h3{font-size:12px}
}

@media(prefers-reduced-motion:reduce){.topbar .nav-links,.menu-button span,.mobile-nav-backdrop,.df-sidebar,.store-drawer-backdrop{transition:none!important}body.is-navigating:after{animation:none;transform:scaleX(.82)}}
