/* HP BETA 03 — targeted visual changes. Loaded last; does not change stored data or navigation logic. */
:root{--hpt03-rule:#e1ebf7;--hpt03-radius:12px}
/* 1. Header: existing actions, no surrounding plastic tiles. */
.hpc-app .hpc-header-main>.hpt-header-currency,
.hpc-app .hpc-header-main>.hpt25-mode-toggle,
.hpc-app .hpc-header-main>#hpc-mobile-nav-button{
 background:transparent!important;background-image:none!important;border:0!important;
 box-shadow:none!important;outline-offset:3px!important
}
.hpc-app .hpc-header-main>.hpt-header-currency a,
.hpc-app .hpc-header-main>.hpt-header-currency a.is-active{
 background:transparent!important;background-image:none!important;border:0!important;
 box-shadow:none!important;border-radius:0!important;position:relative!important
}
.hpc-app .hpc-header-main>.hpt-header-currency a.is-active:after{
 content:"";position:absolute;bottom:-2px;left:18%;right:18%;height:2px;border-radius:2px;background:#1878ea
}
.hpc-app .hpc-header-main>.hpt25-mode-toggle .hpt25-mode-thumb{
 background:transparent!important;box-shadow:none!important;border:0!important;opacity:0!important;pointer-events:none!important
}
.hpc-app .hpc-header-main>.hpt25-mode-toggle :is(.hpt25-mode-sun,.hpt25-mode-moon){
 background:transparent!important;border:0!important;box-shadow:none!important
}
.hpc-app .hpc-header-main>#hpc-mobile-nav-button:hover,
.hpc-app .hpc-header-main>.hpt25-mode-toggle:hover{color:#0874df!important;background:transparent!important}
.hpc-app .hpc-header-main :is(.hpt25-mode-toggle,.hpt-header-currency a,#hpc-mobile-nav-button):focus-visible{outline:2px solid #197dec!important;outline-offset:2px}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpt-header-currency a,
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>#hpc-mobile-nav-button{color:#c7def8!important}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpt-header-currency a.is-active{color:#75baff!important}

/* 2. Provider showcase: exactly the first twelve cards in PHP; subtle white logo tiles. */
.hpc-app .hpt24-provider-logos{grid-auto-rows:1fr!important;align-items:stretch!important}
.hpc-app .hpt24-provider-logos>a{
 background:#fff!important;border:1px solid #e4eaf3!important;border-radius:11px!important;
 box-shadow:0 3px 12px rgba(26,51,94,.045)!important;min-width:0!important;min-height:62px!important;
 align-items:center!important;transition:border-color .15s,box-shadow .15s!important
}
.hpc-app .hpt24-provider-logos>a:hover{border-color:#c7dcf6!important;box-shadow:0 5px 15px rgba(26,51,94,.075)!important}
.hpc-app .hpt24-provider-logos .hpt24-provider-symbol{
 display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;
 border:1px solid #edf0f5!important;border-radius:8px!important;box-shadow:0 1px 5px #102d4509!important;
 padding:4px!important;min-width:0!important;overflow:hidden!important
}
.hpc-app .hpt24-provider-logos .hpt24-provider-symbol img{object-fit:contain!important}
html[data-hpt-theme="dark"] .hpc-app .hpt24-provider-logos>a{background:#152942!important;border-color:#36516c!important}
html[data-hpt-theme="dark"] .hpc-app .hpt24-provider-logos .hpt24-provider-symbol{background:#fff!important;border-color:#e7edf5!important}

/* 3. Domain finder icon on submit only. Remove vacated left-space. */
.hpc-app .hpt24-domain-form input[name="domain"]{padding-left:13px!important;margin-left:0!important;min-width:0!important}
.hpc-app .hpt24-domain-form .hpt2620-domain-search-icon{display:none!important}

/* 4. Brand / profile information: measured compactness and mobile symmetry. */
.hpc-app .hpc-company-hero{max-width:100%;min-width:0;border-radius:14px!important}
.hpc-app .hpc-company-hero>div:first-child,.hpc-app .hpc-company-hero>div:first-child>div{min-width:0}
.hpc-app .hpc-company-hero h1{overflow-wrap:anywhere;line-height:1.25!important}
.hpc-app .hpt-company-facts{flex-wrap:wrap!important;gap:8px!important}
.hpc-app .hpt-company-facts span{min-width:0!important;overflow-wrap:anywhere}
.hpc-app .hpt20-domain-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;gap:10px!important}
.hpc-app .hpt20-domain-card{min-width:0!important;background:#fff!important;border:1px solid #e1e9f3!important;border-radius:12px!important;box-shadow:0 3px 13px #1c3d6a0b!important}
.hpc-app .hpt03-domain-card-heading{display:flex;align-items:center;gap:8px;min-width:0;width:100%;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #edf1f6}
.hpc-app .hpt03-domain-card-heading .hpt20-domain-extension{flex:0 0 auto;margin:0!important}
.hpc-app .hpt03-domain-card-heading h3{margin:0!important;font-size:11px!important;font-weight:600!important;line-height:1.5!important;color:#243e64!important;overflow-wrap:anywhere}
.hpc-app .hpt2815-domain-actions{display:flex!important;justify-content:flex-start!important;gap:8px!important}
.hpc-app .hpt2815-domain-detail{min-width:92px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
/* Preserve the blue verification glyph; its popover is keyboard- and touch-accessible. */
.hpc-app .hpt-verified-wrap{position:relative;display:inline-flex;align-items:center;vertical-align:middle;isolation:isolate;overflow:visible!important}
.hpc-app .hpt-verified-wrap .hpt-verified.hpt03-verified-trigger{appearance:none;display:inline-flex;align-items:center;gap:3px;background:transparent!important;border:0!important;padding:0!important;margin:0!important;color:#1684ee!important;box-shadow:none!important;cursor:help;line-height:1!important;white-space:nowrap!important;font:inherit}
.hpc-app .hpt03-verified-trigger i{color:#1684ee!important;font-size:1em!important}
.hpc-app .hpt03-verified-trigger:focus-visible{outline:2px solid #1684ee!important;outline-offset:3px!important;border-radius:4px}
.hpc-app .hpt03-verified-tooltip{display:block;position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%) translateY(-4px);z-index:9999;padding:7px 11px;background:#182b49;color:#fff;border:1px solid #334e70;border-radius:8px;box-shadow:0 8px 20px #10213838;font:600 11px/1.3 Poppins,Arial,sans-serif;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s,transform .14s}
.hpc-app .hpt03-verified-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-bottom-color:#182b49}
.hpc-app .hpt-verified-wrap:hover>.hpt03-verified-tooltip,
.hpc-app .hpt-verified-wrap:focus-within>.hpt03-verified-tooltip,
.hpc-app .hpt-verified-wrap.is-open>.hpt03-verified-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
html[data-hpt-theme="dark"] .hpc-app .hpt20-domain-card{background:#172a44!important;border-color:#355371!important}
html[data-hpt-theme="dark"] .hpc-app .hpt03-domain-card-heading h3{color:#d4e7fb!important}
html[data-hpt-theme="dark"] .hpc-app .hpt03-domain-card-heading{border-bottom-color:#37516a}

/* 5. A single shared price | actions rule for home, listing and company cards. */
.hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing,
.hpc-app .hpc-plan.hpt264-offer>.hpt264-pricing{
 position:relative!important;border-right:1px solid var(--hpt03-rule)!important;
 padding-right:10px!important;box-sizing:border-box!important
}
.hpc-app .hpc-plan.hpt264-offer .hpt264-brand::after{background:var(--hpt03-rule)!important;width:1px!important}
.hpc-app .hpc-plan.hpt264-offer .hpt264-action{
 justify-content:flex-start!important;text-align:left!important;padding-left:11px!important;
 padding-right:6px!important;gap:5px!important;font-weight:650!important
}
.hpc-app .hpc-plan.hpt264-offer .hpt264-category{font-weight:650!important}
.hpc-app .hpc-plan.hpt264-offer .hpt264-name{font-weight:650!important}
.hpc-app .hpc-plan.hpt264-offer .hpt264-amount .hpc-convert-price{font-weight:720!important}
.hpc-app .hpc-plan.hpt264-offer .hptv22-offer-middle{min-width:0!important}
.hpc-app .hpc-plan.hpt264-offer .hpt264-amount{min-width:0!important;max-width:100%!important}
.hpc-app .hpc-plan.hpt264-offer .hpt264-amount .hpc-convert-price{max-width:100%!important}
.hpc-app .hpc-plan.hpt264-offer .hpt264-pricing{min-width:0!important}
html[data-hpt-theme="dark"] .hpc-app .hpc-plan.hpt264-offer .hpt264-pricing{border-right-color:#365572!important}
html[data-hpt-theme="dark"] .hpc-app .hpc-plan.hpt264-offer .hpt264-brand::after{background:#365572!important}

/* 6. Package detail typography and information hierarchy. */
.hpc-app .hpt239-package-page :is(h1,h2,h3,strong,b){letter-spacing:-.015em!important}
.hpc-app .hpt239-package-page :is(p,small,span,button){line-height:1.47}
.hpc-app .hpt239-package-hero h1{font-size:clamp(19px,2.2vw,25px)!important;font-weight:650!important;line-height:1.23!important;letter-spacing:-.5px!important}
.hpc-app .hpt239-package-provider-line{font-size:12px!important;font-weight:620!important}
.hpc-app .hpt239-section-heading h2{font-size:15px!important;font-weight:660!important}
.hpc-app .hpt239-all-features{font-weight:600!important;font-size:10px!important}
.hpc-app .hpt239-feature-tile small{font-size:9.5px!important;font-weight:500!important}
.hpc-app .hpt239-feature-tile strong{font-size:12px!important;font-weight:620!important;overflow-wrap:anywhere!important}
.hpc-app .hpt239-feature-tile i{font-size:19px!important}
.hpc-app .hpt239-trust-strip{min-height:0!important;gap:8px!important;padding:8px 10px!important;margin-top:12px!important;justify-content:flex-start!important}
.hpc-app .hpt239-trust-strip:empty{display:none!important}
.hpc-app .hpt239-trust-strip span{font-size:9px!important;font-weight:550!important}
.hpc-app .hpt239-trust-strip i{font-size:12px!important}
.hpc-app .hpt239-price-card-top,.hpc-app .hpt239-price-card-top strong{font-weight:600!important;font-size:11px!important}
.hpc-app .hpt239-price-emphasis .hpc-convert-price{font-weight:680!important;font-size:clamp(23px,2.5vw,30px)!important}
.hpc-app .hpt239-price-emphasis .hpc-convert-price small{font-size:12px!important}
.hpc-app .hpt239-total-row strong{font-size:12px!important;font-weight:650!important}
.hpc-app .hpt239-total-row small{font-size:9px!important;font-weight:500!important}
.hpc-app .hpt239-price-compare{font-size:12px!important;font-weight:650!important}
.hpc-app .hpt239-package-tabs button{font-weight:620!important}
.hpc-app .hpt239-overview-card h2{font-size:12px!important;font-weight:650!important}
.hpc-app .hpt239-overview-card p{font-size:10px!important;font-weight:400!important}
.hpc-app .hpt239-quick-facts span{font-weight:500!important}
.hpc-app .hpt239-detailed-feature{min-width:0!important}
.hpc-app .hpt239-detailed-feature span{font-weight:520!important}
.hpc-app .hpt239-detailed-feature strong{font-weight:630!important;overflow-wrap:anywhere!important}
.hpc-app .hpt239-tab-panel :is(.hpt239-review-panel h2,.hpt239-detailed-features h2){font-size:15px!important;font-weight:650!important}

/* 7. Compare heading: text-only, no hero artwork. */
.hpc-app .hpt239-duel-hero{background:transparent!important;background-image:none!important;border:0!important;border-bottom:1px solid #e2eaf4!important;border-radius:0!important;box-shadow:none!important;padding:13px 0 16px!important;min-height:0!important}
.hpc-app .hpt239-duel-hero:before,.hpc-app .hpt239-duel-hero:after{content:none!important;display:none!important}
.hpc-app .hpt239-duel-hero-art{display:none!important;background:none!important}
.hpc-app .hpt239-duel-hero>div{max-width:100%!important}
.hpc-app .hpt239-duel-hero h1{font-size:clamp(20px,2.1vw,26px)!important;font-weight:680!important}
.hpc-app .hpt239-duel-hero p{font-size:11px!important}
html[data-hpt-theme="dark"] .hpc-app .hpt239-duel-hero{background:transparent!important;border-bottom-color:#34506b!important}

@media(max-width:1100px){
 .hpc-app .hpc-header-main{min-width:0!important}
 .hpc-app .hpt24-provider-logos>a{min-width:0!important}
}
@media(max-width:680px){
 .hpc-app .hpc-page-container{padding-left:10px!important;padding-right:10px!important}
 .hpc-app .hpc-company-hero{padding:15px 12px!important;margin-bottom:10px!important}
 .hpc-app .hpc-company-hero>div:first-child{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
 .hpc-app .hpc-company-hero .hpt2815-company-logo-link{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:76px!important;height:74px!important;padding:6px!important;border:1px solid #e6edf5!important;border-radius:11px!important;background:#fff!important}
 .hpc-app .hpc-company-hero .hpt2815-company-logo-link img{width:100%!important;max-height:58px!important;object-fit:contain!important}
 .hpc-app .hpc-company-hero>div:first-child>div{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important}
 .hpc-app .hpc-company-hero h1{font-size:clamp(17px,4.5vw,20px)!important;font-weight:660!important;margin:0!important;max-width:100%!important}
 .hpc-app .hpc-company-hero p{font-size:10px!important;line-height:1.5!important;margin:0!important}
 .hpc-app .hpt-company-facts{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:4px 0!important}
 .hpc-app .hpt-company-facts span{font-size:9px!important;line-height:1.4!important}
 .hpc-app .hpc-company-buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important;margin:11px 0 0!important}
 .hpc-app .hpc-company-buttons>*{width:100%!important;min-width:0!important;min-height:41px!important;padding:9px 7px!important;font-size:10px!important;justify-content:center!important;white-space:normal!important;text-align:center!important}
 .hpc-app .hpt20-company-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0!important}
 .hpc-app .hpt20-company-nav>a{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;min-height:43px!important;text-align:center!important;font-size:10px!important;padding:8px 5px!important;white-space:normal!important}
 .hpc-app .hpt20-company-section{min-width:0!important}
 .hpc-app .hpt20-company-card{padding:13px!important;min-width:0!important}
 .hpc-app .hpt20-company-head{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;gap:10px!important}
 .hpc-app .hpt20-company-head>.hpt20-company-logo{width:72px!important;min-width:72px!important;max-width:72px!important;min-height:58px!important;margin:0!important;background:#fff!important;border:1px solid #e5ebf4!important;border-radius:10px!important}
 .hpc-app .hpt20-company-head>div{min-width:0!important}
 .hpc-app .hpt20-company-head h2{font-size:14px!important;line-height:1.3!important;font-weight:650!important}
 .hpc-app .hpt20-company-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .hpc-app .hpt20-company-metrics>span{min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex-wrap:wrap!important}
 .hpc-app .hpt20-company-open{font-size:10px!important}
 .hpc-app .hpt20-domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .hpc-app .hpt20-domain-card{padding:11px 9px!important;min-width:0!important}
 .hpc-app .hpt03-domain-card-heading{align-items:flex-start;gap:5px;flex-wrap:wrap}
 .hpc-app .hpt03-domain-card-heading h3{font-size:10px!important;flex:1 1 100%}
 .hpc-app .hpt2815-domain-actions{justify-content:flex-start!important}
 .hpc-app .hpt24-provider-logos{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
 .hpc-app .hpt24-provider-logos>a{min-height:62px!important;padding:6px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important}
 .hpc-app .hpt24-provider-logos .hpt24-provider-symbol{width:58px!important;min-width:0!important;max-width:100%!important;flex:0 0 34px!important;height:34px!important;min-height:34px!important}
 .hpc-app .hpt24-provider-logos a strong{font-size:9px!important;text-align:center!important;width:100%;flex:0 0 auto!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 /* Category choices: balanced fixed-height grid, no horizontal scrolling or variable-width pills. */
 .hpc-app .hptv21-category-tabs .hptv21-tab-wrap,
 .hpc-app .hptv21-category-tabs .hpc-cat-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:54px!important;gap:7px!important;align-items:stretch!important;overflow:visible!important;overflow-x:visible!important;flex:1 1 100%!important;width:100%!important;max-width:100%!important}
 .hpc-app .hptv21-category-tabs .hpc-cat-choice{width:100%!important;min-width:0!important;max-width:100%!important;height:54px!important;min-height:54px!important;margin:0!important;padding:7px 5px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:10px!important;line-height:1.27!important}
 /* Shared component: stable logo/name top row, price + left-aligned CTAs beneath. */
 .hpc-app .hpc-plan.hpt264-offer{min-width:0!important;max-width:100%!important;overflow:hidden!important;align-items:center!important}
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row{min-width:0!important;max-width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(66px,.78fr) minmax(82px,1fr)!important;grid-template-rows:minmax(37px,auto)!important;gap:5px!important;height:auto!important;min-height:37px!important;align-items:center!important}
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing{width:100%!important;max-width:100%!important;min-width:0!important;align-items:flex-start!important;justify-content:center!important;border-left:0!important;border-top:0!important;border-right:1px solid var(--hpt03-rule)!important;padding:0 6px 0 0!important;margin:0!important;min-height:32px!important;height:auto!important}
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-action{min-width:0!important;max-width:100%!important;width:100%!important;height:35px!important;min-height:35px!important;max-height:none!important;justify-content:flex-start!important;text-align:left!important;padding-left:8px!important;padding-right:3px!important;gap:4px!important;font-size:9px!important;font-weight:650!important}
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-action i{display:inline-block!important;font-size:9px!important}
 .hpc-app .hpc-plan.hpt264-offer .hpt264-amount .hpc-convert-price{font-size:clamp(10px,3.1vw,14px)!important;letter-spacing:-.35px!important}
 .hpc-app .hpc-plan.hpt264-offer .hpt264-amount .hpc-convert-price small{font-size:8px!important}
 .hpc-app .hpc-plan.hpt264-offer .hptv22-offer-middle .hpt264-identity{min-width:0!important;align-items:flex-start!important}
 .hpc-app .hpc-plan.hpt264-offer .hpt264-name{font-size:10px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
 .hpc-app .hpt239-package-hero{padding:12px!important;gap:10px!important;min-width:0!important}
 .hpc-app .hpt239-package-hero-brand{width:66px!important;flex:0 0 66px!important;height:67px!important}
 .hpc-app .hpt239-package-hero-content{min-width:0!important;padding:0 0 0 10px!important}
 .hpc-app .hpt239-package-hero h1{font-size:19px!important;font-weight:640!important}
 .hpc-app .hpt239-package-main{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
 .hpc-app .hpt239-feature-box{padding:12px!important;min-width:0!important;min-height:0!important}
 .hpc-app .hpt239-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
 .hpc-app .hpt239-feature-tile{width:100%!important;min-width:0!important;min-height:75px!important;height:auto!important;padding:9px 3px!important}
 .hpc-app .hpt239-feature-tile i{font-size:17px!important}
 .hpc-app .hpt239-feature-tile small{font-size:9px!important}
 .hpc-app .hpt239-feature-tile strong{font-size:11px!important;font-weight:600!important}
 .hpc-app .hpt239-total-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:8px 0!important}
 .hpc-app .hpt239-total-row>div:first-child{grid-column:2!important;grid-row:1!important;align-items:flex-end!important;text-align:right!important;padding:0 5px 0 8px!important}
 .hpc-app .hpt239-total-row>div:nth-child(2){grid-column:1!important;grid-row:1!important;align-items:flex-start!important;text-align:left!important;border-right:1px solid #d7e2f3!important;border-left:0!important;padding:0 8px 0 5px!important}
 .hpc-app .hpt239-total-row strong{font-size:11px!important;font-weight:630!important;overflow-wrap:anywhere!important}
 .hpc-app .hpt239-package-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;align-items:stretch!important}
 .hpc-app .hpt239-package-tabs button{width:100%!important;min-width:0!important;min-height:47px!important;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:8px 4px!important;line-height:1.28!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:clamp(8.5px,2.5vw,10px)!important;font-weight:600!important;border-radius:9px 9px 3px 3px!important}
 .hpc-app .hpt239-package-tabs button i{display:inline-flex!important;flex:0 0 11px!important;font-size:11px!important;justify-content:center!important;align-items:center!important}
 .hpc-app .hpt239-quick-facts{grid-template-columns:minmax(0,1fr)!important}
 .hpc-app .hpt239-quick-facts span{min-width:0!important;overflow-wrap:anywhere!important}
 .hpc-app .hpt239-detailed-feature{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.75fr)!important;gap:6px!important;align-items:center!important}
 .hpc-app .hpt239-detailed-feature span{display:flex!important;align-items:center!important;min-width:0!important;gap:5px!important;overflow-wrap:anywhere!important;font-size:10px!important}
 .hpc-app .hpt239-detailed-feature span i{flex:0 0 13px!important;width:13px!important;font-size:11px!important;text-align:center!important}
 .hpc-app .hpt239-detailed-feature strong{text-align:right!important;font-size:10px!important;font-weight:600!important;min-width:0!important}
 .hpc-app .hpt239-overview-grid{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 .hpc-app .hpt239-overview-card,.hpc-app .hpt239-review-summary{padding:12px!important;border:1px solid #d2e2f8!important;border-radius:12px!important;margin:0!important;min-width:0!important}
 .hpc-app .hpt239-side-compare{margin:0!important;border-radius:12px!important}
}
@media(max-width:370px){
 .hpc-app .hpc-page-container{padding-left:8px!important;padding-right:8px!important}
 .hpc-app .hpt24-provider-logos{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .hpc-app .hpt20-domain-grid{grid-template-columns:minmax(0,1fr)!important}
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row{grid-template-columns:minmax(0,1fr) minmax(60px,.72fr) minmax(72px,.92fr)!important;gap:3px!important}
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-action{padding-left:5px!important;font-size:8px!important}
 .hpc-app .hpt239-package-tabs button{font-size:8.3px!important;padding:6px 2px!important;gap:2px!important}
}
/* Stronger than legacy 2.8.13 swipe-only overrides; do not alter click/filter handlers. */
@media(max-width:680px){
 .hpc-app .hptv21-category-tabs .hptv21-tab-wrap.hptv21-tab-wrap{
  display:grid!important;flex-flow:initial!important;flex-wrap:initial!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:54px!important;
  gap:7px!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;
  height:auto!important;max-height:none!important;min-height:0!important;
  -webkit-overflow-scrolling:auto!important;touch-action:auto!important;scroll-snap-type:none!important
 }
 .hpc-app .hptv21-category-tabs .hptv21-tab-wrap .hpc-cat-choice{
  display:flex!important;flex:initial!important;width:100%!important;max-width:100%!important;
  min-width:0!important;height:54px!important;min-height:54px!important;max-height:54px!important;
  justify-content:center!important;align-items:center!important;text-align:center!important;
  padding:7px 5px!important;margin:0!important;white-space:normal!important;
  overflow-wrap:anywhere!important;scroll-snap-align:none!important;font-size:10px!important
 }
}
/* Heading occupies its own line, followed by three equal price columns and the one remaining action. */
.hpc-app .hpt20-domain-card{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start!important;gap:9px!important}
.hpc-app .hpt20-domain-card>.hpt03-domain-card-heading{grid-column:1/-1!important}
.hpc-app .hpt20-domain-card>.hpt2815-domain-actions{grid-column:1/-1!important}
.hpc-app .hpt20-domain-card>div:not(.hpt03-domain-card-heading):not(.hpt2815-domain-actions){min-width:0!important}
.hpc-app .hpt20-domain-card strong{font-size:clamp(10px,.95vw,13px)!important}
@media(max-width:370px){
 .hpc-app .hpt20-domain-card{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 .hpc-app .hpt20-domain-card strong{font-size:11px!important}
}
/* Final mobile geometry: override the earlier theme's !important 150px logo width. */
@media(max-width:680px){
 .hpc-app .hpc-company-hero .hpt2815-company-logo-link{
  width:76px!important;min-width:76px!important;max-width:76px!important;
  height:74px!important;min-height:74px!important;max-height:74px!important;flex:none!important
 }
 .hpc-app .hpc-company-hero .hpt2815-company-logo-link .hpc-logo-fallback{font-size:24px!important}
 .hpc-app .hpt20-domain-grid{grid-template-columns:minmax(0,1fr)!important}
 .hpc-app .hpt20-domain-card{padding:12px!important}
 .hpc-app .hpt03-domain-card-heading{flex-wrap:nowrap!important;align-items:center!important}
 .hpc-app .hpt03-domain-card-heading h3{flex:1 1 auto!important;font-size:11px!important}
}


/* ============================================================
   HP BETA 03 REVISION 1 — visible header controls, balanced CTA
   columns, single-row category swipe, clean provider logo tiles.
   These rules intentionally come AFTER legacy responsive overrides.
   ============================================================ */
/* Plain icons, NOT invisible white active-state text on a white header. */
.hpc-app .hpc-header-main>.hpt-header-currency{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:2px!important;padding:0 2px!important;border:0!important;background:transparent!important;
 box-shadow:none!important;opacity:1!important;visibility:visible!important
}
.hpc-app .hpc-header-main>.hpt-header-currency a,
.hpc-app .hpc-header-main>.hpt-header-currency a.is-active{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:1 1 0!important;min-width:25px!important;min-height:32px!important;
 padding:3px 5px!important;color:#596e8b!important;background:transparent!important;border:0!important;
 box-shadow:none!important;opacity:1!important;visibility:visible!important;text-shadow:none!important;
 font-size:11px!important;font-weight:650!important
}
.hpc-app .hpc-header-main>.hpt-header-currency a.is-active{color:#0b66d5!important;font-weight:800!important}
.hpc-app .hpc-header-main>.hpt-header-currency a.is-active:after{background:#167bec!important;bottom:0!important}
.hpc-app .hpc-header-main>.hpt25-mode-toggle{
 display:inline-grid!important;place-items:center!important;align-content:center!important;justify-content:center!important;
 width:40px!important;min-width:36px!important;max-width:42px!important;height:40px!important;min-height:40px!important;
 padding:0!important;margin:0!important;gap:0!important;border:0!important;border-radius:10px!important;
 background:transparent!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;
 color:#d79918!important;cursor:pointer!important
}
.hpc-app .hpc-header-main>.hpt25-mode-toggle .hpt25-mode-thumb{display:none!important}
.hpc-app .hpc-header-main>.hpt25-mode-toggle .hpt25-mode-sun{
 display:grid!important;place-items:center!important;position:static!important;
 width:28px!important;min-width:28px!important;height:30px!important;min-height:30px!important;
 font-size:19px!important;line-height:1!important;opacity:1!important;color:#d99413!important
}
.hpc-app .hpc-header-main>.hpt25-mode-toggle .hpt25-mode-moon{display:none!important}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpt25-mode-toggle .hpt25-mode-sun{display:none!important}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpt25-mode-toggle .hpt25-mode-moon{
 display:grid!important;place-items:center!important;position:static!important;
 width:28px!important;min-width:28px!important;height:30px!important;min-height:30px!important;
 font-size:19px!important;line-height:1!important;color:#e4f0ff!important;opacity:1!important
}
.hpc-app .hpc-header-main>#hpc-mobile-nav-button{
 display:flex;align-items:center;justify-content:center;background:transparent!important;
 border:0!important;box-shadow:none!important;color:#1169d8!important;opacity:1!important
}
.hpc-app .hpc-header-main>#hpc-mobile-nav-button i{color:inherit!important;font-size:21px!important}
@media(min-width:1321px){.hpc-app .hpc-header-main>#hpc-mobile-nav-button{display:none!important}}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpt-header-currency a{color:#b9cce6!important}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpt-header-currency a.is-active{color:#7dbbff!important}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>#hpc-mobile-nav-button{color:#d9eaff!important}
@media(max-width:370px){
 .hpc-app .hpc-header-main>.hpt25-mode-toggle{width:36px!important;min-width:36px!important;max-width:36px!important}
 .hpc-app .hpc-header-main>.hpt-header-currency a{padding-inline:2px!important}
}

/* Provider showcase: ONE outer tile, unclipped logo filling usable space, no repeated name. */
.hpc-app .hpt24-provider-logos>a{
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
 padding:8px 10px!important;gap:0!important;min-height:74px!important;
 background:#fff!important;border:1px solid #e4e9f1!important;
 border-radius:10px!important;box-shadow:0 2px 10px rgba(20,47,93,.045)!important
}
.hpc-app .hpt24-provider-logos>a>.hpt24-provider-symbol{
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex:1 1 100%!important;width:100%!important;max-width:100%!important;
 min-width:0!important;height:55px!important;min-height:0!important;max-height:none!important;
 background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
 padding:0!important;margin:0!important;overflow:visible!important
}
.hpc-app .hpt24-provider-logos>a .hpt24-provider-symbol :is(img,.hpc-company-logo){
 display:block!important;width:100%!important;max-width:100%!important;
 height:100%!important;max-height:55px!important;object-fit:contain!important;
 object-position:center center!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important
}
.hpc-app .hpt24-provider-logos>a>strong{display:none!important}
html[data-hpt-theme="dark"] .hpc-app .hpt24-provider-logos>a{
 background:#fff!important;border-color:#d6e2f0!important
}
@media(max-width:680px){
 .hpc-app .hpt24-provider-logos>a{min-height:68px!important;padding:7px!important;flex-direction:row!important;gap:0!important}
 .hpc-app .hpt24-provider-logos>a>.hpt24-provider-symbol{
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:50px!important;min-height:0!important;max-height:50px!important;flex:1 1 100%!important
 }
 .hpc-app .hpt24-provider-logos>a .hpt24-provider-symbol :is(img,.hpc-company-logo){max-height:50px!important}
}

/* Same-size hosting type chips; remain one horizontal, scrollable track on every viewport. */
.hpc-app .hptv21-category-tabs .hptv21-tab-wrap{
 display:flex!important;flex-flow:row nowrap!important;gap:7px!important;max-width:100%!important;
 overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
 scroll-snap-type:x proximity!important
}
.hpc-app .hptv21-category-tabs .hptv21-tab-wrap .hpc-cat-choice{
 display:inline-flex!important;flex:0 0 120px!important;width:120px!important;min-width:120px!important;
 max-width:120px!important;height:43px!important;min-height:43px!important;max-height:43px!important;
 align-items:center!important;justify-content:center!important;text-align:center!important;
 white-space:normal!important;overflow-wrap:break-word!important;line-height:1.25!important;
 scroll-snap-align:start!important
}
/* The home/listing category bar is swipeable ONE ROW, not the previous two-column grid. */
@media(max-width:700px){
 .hpc-app .hptv21-category-tabs .hptv21-tab-wrap.hptv21-tab-wrap,
 .hpc-app .hptv21-category-tabs .hpc-cat-list.hptv21-tab-wrap{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  grid-template-columns:none!important;grid-auto-rows:auto!important;
  gap:7px!important;width:100%!important;max-width:100%!important;min-width:0!important;
  height:auto!important;min-height:43px!important;max-height:none!important;
  overflow-x:auto!important;overflow-y:hidden!important;padding:2px 1px 6px!important;
  margin:0!important;overscroll-behavior-x:contain!important;touch-action:pan-x!important;
  -webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important
 }
 .hpc-app .hptv21-category-tabs .hptv21-tab-wrap .hpc-cat-choice{
  display:inline-flex!important;flex:0 0 132px!important;width:132px!important;max-width:132px!important;
  min-width:132px!important;height:43px!important;min-height:43px!important;max-height:43px!important;
  white-space:normal!important;overflow-wrap:break-word!important;scroll-snap-align:start!important;
  align-items:center!important;justify-content:center!important;
  padding:6px 8px!important;margin:0!important;line-height:1.25!important;
  font-size:10px!important;text-align:center!important
 }
 .hpc-app .hptv21-category-tabs .hptv21-tab-wrap::-webkit-scrollbar{display:none!important}
}
/* A separate 'hosting type' category card rail: identical widths and heights. */
.hpc-app .hpt2813-category-tabs .hptv2-company-tab{
 flex:0 0 150px!important;width:150px!important;min-width:150px!important;
 min-height:42px!important;display:inline-flex!important;align-items:center!important;
 justify-content:center!important;text-align:center!important;box-sizing:border-box!important
}
@media(max-width:680px){
 .hpc-app .hpt2813-category-tabs .hptv2-company-tab{flex-basis:132px!important;width:132px!important;min-width:132px!important;min-height:42px!important;padding:7px 5px!important;font-size:10px!important}
}

/* Shared offer cards: desktop price and two action buttons on one row. */
.hpc-app .hpc-plan.hpt264-offer{
 grid-template-columns:minmax(100px,136px) minmax(158px,1fr) minmax(122px,162px) repeat(2,minmax(92px,116px))!important;
 column-gap:clamp(7px,.8%,12px)!important
}
.hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing{
 display:flex!important;align-items:flex-start!important;justify-content:center!important;
 position:relative!important;min-width:0!important;width:100%!important;
 min-height:43px!important;height:43px!important;max-height:43px!important;
 padding:5px 8px!important;margin:0!important;gap:3px!important;
 border:1px solid #d5e5f8!important;border-radius:9px!important;
 background:#f4f8ff!important;box-shadow:none!important
}
.hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing::after{
 content:""!important;position:absolute!important;top:6px!important;bottom:6px!important;
 right:-7px!important;width:1px!important;background:var(--hpt03-rule)!important
}
.hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing>small{
 display:block!important;color:#6b809d!important;font-size:9px!important;line-height:1.15!important
}
.hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing .hpt264-amount .hpc-convert-price{
 font-weight:730!important;font-size:clamp(13px,1.24vw,18px)!important;white-space:nowrap!important
}
.hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-action{
 height:43px!important;min-height:43px!important;max-height:43px!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 text-align:center!important;gap:5px!important;margin:0!important;padding:0 6px!important;
 font-size:10px!important;font-weight:650!important;border-radius:9px!important
}
.hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-action i{display:inline-block!important;font-size:11px!important}
html[data-hpt-theme="dark"] .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing{
 background:#1d3657!important;border-color:#375a7d!important
}
html[data-hpt-theme="dark"] .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing::after{background:#486986!important}
/* At intermediate container widths the purchase buttons are two equal columns. */
@container (min-width:681px) and (max-width:850px){
 .hpc-app .hpc-plan.hpt264-offer{grid-template-columns:minmax(95px,126px) minmax(0,1fr) minmax(0,1fr)!important}
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing{grid-column:1!important;grid-row:2!important}
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-detail{grid-column:2!important;grid-row:2!important}
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-compare{grid-column:3!important;grid-row:2!important}
}
/* All three elements in a single line on mobile, with TWO IDENTICAL CTAs. */
@media(max-width:680px){
 .hpc-app .hpc-plan.hpt264-offer{
  display:grid!important;grid-template-columns:minmax(0,32%) minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;column-gap:8px!important;row-gap:7px!important
 }
 .hpc-app .hpc-plan.hpt264-offer>.hpt264-brand{grid-column:1!important;grid-row:1!important}
 .hpc-app .hpc-plan.hpt264-offer>.hptv22-offer-middle{grid-column:2!important;grid-row:1!important}
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row{
  grid-column:1/-1!important;grid-row:2!important;
  display:grid!important;grid-template-columns:minmax(0,32%) repeat(2,minmax(0,1fr))!important;
  grid-template-rows:39px!important;column-gap:6px!important;row-gap:0!important;
  align-items:stretch!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:39px!important;min-height:39px!important;max-height:39px!important;
  padding:0!important;margin:0!important;overflow:visible!important
 }
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing{
  grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;
  height:39px!important;min-height:39px!important;max-height:39px!important;
  padding:3px 5px!important;margin:0!important;gap:1px!important;align-items:flex-start!important;
  border:1px solid #d5e5f8!important;border-right:1px solid var(--hpt03-rule)!important;
  border-radius:7px!important;background:#f4f8ff!important;overflow:hidden!important
 }
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing::after{display:none!important}
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing>small{display:none!important}
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing .hpt264-amount{
  max-width:100%!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important
 }
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing .hpt264-amount .hpc-convert-price{
  font-size:clamp(10px,3vw,14px)!important;line-height:1.25!important;letter-spacing:-.28px!important;
  max-width:100%!important
 }
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing .hpt264-amount .hpc-convert-price small{font-size:8px!important}
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-detail{
  grid-column:2!important;grid-row:1!important
 }
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-compare{
  grid-column:3!important;grid-row:1!important
 }
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-action{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:39px!important;min-height:39px!important;max-height:39px!important;
  font-size:clamp(8.2px,2.7vw,10px)!important;font-weight:650!important;
  padding:0 3px!important;margin:0!important;white-space:nowrap!important;gap:0!important;line-height:1.15!important
 }
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-action i{display:none!important}
}
@media(max-width:370px){
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row{
  grid-template-columns:minmax(0,32%) repeat(2,minmax(0,1fr))!important;column-gap:4px!important
 }
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-action{font-size:8.3px!important}
}
/* Blue verification icon only; 'Resmi Profil' is revealed by hover/focus/tap tooltip. */
.hpc-app .hpt03-verified-trigger .hpt-verified-label{display:none!important}
.hpc-app .hpt-verified-wrap .hpt03-verified-trigger{width:auto!important;min-width:0!important}
/* Ranking navigation must have a horizontally scrollable track. */
.hpc-app .hpt28-top-grid.hpt2620-top-scroll{
 display:grid!important;grid-template-columns:none!important;grid-template-rows:1fr!important;
 grid-auto-flow:column!important;grid-auto-columns:clamp(205px,21vw,270px)!important;
 overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;
 scroll-snap-type:x proximity!important;scroll-padding:3px!important
}
.hpc-app .hpt283-top-controls:not([hidden]){display:inline-flex!important}


/* ================================================================
   HP BETA 03 REVISION 2 — reference header, real counts, centered
   offer prices, restored action icons. Overrides legacy mobile CSS.
   No route/filter/compare/database behavior altered.
   ================================================================ */
/* Header follows the supplied 1365px reference: brand | actual KPIs |
   slim nav | magnifier | account | currency | mode. */
.hpc-app .hpc-header {background:#fff!important;border-bottom:1px solid #e9eef7!important;box-shadow:0 2px 12px #1c3d7808!important}
.hpc-app .hpc-header-main{
 display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
 justify-content:flex-start!important;gap:clamp(7px,.8vw,14px)!important;
 width:100%!important;max-width:1580px!important;min-height:62px!important;
 padding:8px clamp(12px,1vw,22px)!important;
}
.hpc-app .hpc-header-main>.hpc-site-logo,
.hpc-app .hpc-header-main>a.custom-logo-link{
 display:flex!important;flex:0 0 auto!important;order:0!important;
 width:auto!important;max-width:194px!important;min-width:0!important;
 margin:0 clamp(5px,.75vw,13px) 0 0!important;
}
.hpc-app .hpc-header-main>.hpc-site-logo img,
.hpc-app .hpc-header-main>a.custom-logo-link img{max-width:190px!important;max-height:47px!important;object-fit:contain!important}
.hpc-app .hpc-header-main>.hpc-site-logo .hpc-logo-symbol{width:37px!important;height:37px!important;flex:0 0 37px!important}
.hpc-app .hpc-header-main>.hpc-site-logo .hpc-logo-symbol img{width:37px!important;height:37px!important}
.hpc-app .hpc-header-main>.hpc-site-logo .hpc-logo-copy strong{font-size:clamp(16px,1.34vw,20px)!important;white-space:nowrap!important}
.hpc-app .hpc-header-main>.hpc-site-logo .hpc-logo-copy small{font-size:6.5px!important}
/* Live counter row; no domain-extension widget in the header. */
.hpc-app .hpc-header-main>.hpt03-header-stats{
 display:flex!important;flex:0 0 auto!important;order:1!important;align-items:center!important;
 gap:clamp(10px,1.35vw,24px)!important;min-width:0!important;
 padding:0 clamp(9px,1.3vw,22px) 0 0!important;margin:0!important;
 border-right:1px solid #d9e4f3!important;white-space:nowrap!important;
}
.hpc-app .hpt03-header-stat{display:inline-flex!important;align-items:center!important;gap:7px!important;min-width:0!important;color:#102a53!important}
.hpc-app .hpt03-header-stat>i{font-size:19px!important;color:#095bce!important;line-height:1!important}
.hpc-app .hpt03-stat-copy{display:flex!important;flex-direction:column!important;gap:1px!important;line-height:1.1!important}
.hpc-app .hpt03-stat-copy strong{font-size:12px!important;font-weight:800!important;letter-spacing:-.25px!important;color:#10254c!important}
.hpc-app .hpt03-stat-copy small{font-size:8.5px!important;font-weight:600!important;color:#566984!important}
.hpc-app .hpc-header-main>.hpc-main-nav{
 display:flex!important;order:2!important;flex:1 1 auto!important;
 min-width:0!important;align-items:center!important;justify-content:space-evenly!important;
 gap:clamp(2px,.45vw,10px)!important;position:relative!important;
}
.hpc-app .hpc-header-main>.hpc-main-nav>a:not(.hpt24-nav-account){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;gap:0!important;min-width:0!important;white-space:nowrap!important;
 padding:7px clamp(2px,.4vw,8px)!important;font-weight:720!important;font-size:clamp(9px,.8vw,11px)!important;
 border:0!important;border-radius:7px!important;background:transparent!important;color:#102950!important;
}
.hpc-app .hpc-header-main>.hpc-main-nav>a:first-child{background:transparent!important;color:#0d2852!important}
.hpc-app .hpc-header-main>.hpc-main-nav>a:not(.hpt24-nav-account) i{display:none!important}
/* Kampanyalar remains accessible through the mobile drawer, but the desktop nav mirrors the 7-link reference. */
@media(min-width:1321px){.hpc-app .hpc-header-main>.hpc-main-nav>a:nth-of-type(8){display:none!important}}
.hpc-app .hpc-header-main>.hpc-header-search{
 order:3!important;position:relative!important;display:flex!important;flex:0 0 39px!important;
 min-width:39px!important;width:39px!important;max-width:39px!important;height:39px!important;
 padding:0!important;margin:0!important;border:1px solid #dce7f7!important;border-radius:11px!important;
 background:#fff!important;box-shadow:0 1px 5px #1959ac0a!important;overflow:visible!important;
}
.hpc-app .hpc-header-main>.hpc-header-search>.hpt03-search-toggle{
 display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;
 width:38px!important;height:38px!important;margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;border-radius:10px!important;color:#1756b5!important;
 font-size:16px!important;cursor:pointer!important;
}
.hpc-app .hpc-header-main>.hpc-header-search>.hpt03-search-toggle i{font-size:16px!important}
.hpc-app .hpc-header-main>.hpc-header-search>input{
 width:0!important;opacity:0!important;min-width:0!important;flex:1 1 auto!important;
 padding:0!important;color:#173458!important;
}
.hpc-app .hpc-header-main>.hpc-header-search>button[type="submit"]{display:none!important}
.hpc-app .hpc-header-main>.hpc-header-search:focus-within,
.hpc-app .hpc-header-main>.hpc-header-search.hpt24-search-open{
 flex-basis:220px!important;width:220px!important;max-width:220px!important;
 background:#fff!important;overflow:visible!important;
}
.hpc-app .hpc-header-main>.hpc-header-search:focus-within>input,
.hpc-app .hpc-header-main>.hpc-header-search.hpt24-search-open>input{
 opacity:1!important;width:100%!important;padding:0 7px 0 0!important;
}
.hpc-app .hpc-header-main>.hpt24-mobile-search-toggle{display:none!important}
.hpc-app .hpc-header-main>.hpc-header-account{
 display:flex!important;order:4!important;flex:0 0 auto!important;align-items:center!important;
 gap:5px!important;margin:0!important;padding:0!important;
}
.hpc-app .hpc-header-main>.hpc-header-account>a.hpc-login-button{
 display:inline-flex!important;align-items:center!important;gap:5px!important;justify-content:center!important;
 padding:8px 5px!important;border:0!important;background:transparent!important;box-shadow:none!important;
 color:#113972!important;font-size:11px!important;font-weight:730!important;white-space:nowrap!important;
}
.hpc-app .hpc-header-main>.hpc-header-account>a.hpc-signup-button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:37px!important;height:37px!important;padding:0 14px!important;
 border:1px solid #176cdd!important;border-radius:9px!important;
 background:linear-gradient(120deg,#1789fb,#0752dd)!important;box-shadow:0 3px 8px #0d67d62a!important;
 color:white!important;font-size:11px!important;font-weight:680!important;white-space:nowrap!important;
}
.hpc-app .hpc-header-main>.hpt-header-currency{
 order:5!important;display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;
 gap:2px!important;min-height:35px!important;height:35px!important;padding:3px!important;
 border:1px solid #dae7f8!important;border-radius:18px!important;
 background:#f0f6ff!important;box-shadow:none!important;white-space:nowrap!important;
}
.hpc-app .hpc-header-main>.hpt-header-currency a,
.hpc-app .hpc-header-main>.hpt-header-currency a.is-active{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-width:0!important;flex:0 0 auto!important;height:29px!important;min-height:29px!important;
 padding:0 6px!important;border:0!important;border-radius:14px!important;
 background:transparent!important;color:#426188!important;font-size:10.5px!important;font-weight:710!important;box-shadow:none!important;
}
.hpc-app .hpc-header-main>.hpt-header-currency a.is-active{
 background:#fff!important;color:#104ba2!important;box-shadow:0 1px 5px #1c438c14!important;
}
.hpc-app .hpc-header-main>.hpt-header-currency a.is-active::after{display:none!important}
.hpc-app .hpc-header-main>.hpt25-mode-toggle{
 order:6!important;display:grid!important;place-items:center!important;flex:0 0 37px!important;
 width:37px!important;min-width:37px!important;max-width:37px!important;
 height:37px!important;min-height:37px!important;padding:0!important;margin:0!important;
 border:1px solid #d9e6f7!important;border-radius:50%!important;background:#fff!important;
 box-shadow:0 1px 5px #1c438c08!important;color:#0b4d9f!important;
}
.hpc-app .hpc-header-main>.hpt25-mode-toggle .hpt25-mode-thumb{display:none!important}
.hpc-app .hpc-header-main>.hpt25-mode-toggle .hpt25-mode-sun,
.hpc-app .hpc-header-main>.hpt25-mode-toggle .hpt25-mode-moon{font-size:16px!important}
.hpc-app .hpc-header-main>.hpt25-mode-toggle .hpt25-mode-sun{color:#0d5cbb!important}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpt25-mode-toggle .hpt25-mode-moon{color:#d4e8ff!important}
.hpc-app .hpc-header-main>#hpc-mobile-nav-button{order:7!important;display:none!important}
/* Match supplied single-row density at intermediate desktop widths. */
@media (min-width:1321px) and (max-width:1390px){
 .hpc-app .hpc-header-main{gap:7px!important;padding-inline:12px!important}
 .hpc-app .hpc-header-main>.hpc-site-logo,.hpc-app .hpc-header-main>a.custom-logo-link{max-width:175px!important;margin-right:1px!important}
 .hpc-app .hpc-header-main>.hpt03-header-stats{gap:10px!important;padding-right:10px!important}
 .hpc-app .hpc-header-main>.hpc-main-nav>a:not(.hpt24-nav-account){font-size:9.5px!important;padding-inline:3px!important}
 .hpc-app .hpc-header-main>.hpc-header-account>a.hpc-signup-button{padding-inline:11px!important}
}
/* Mobile/tablet: preserve the REFERENCE visual language in two compact rows.
   No horizontal page scroll, account actions and two real counters remain visible. */
@media(max-width:1320px){
 .hpc-app .hpc-header-main{
  display:grid!important;grid-template-columns:minmax(0,1fr) 38px auto 40px!important;
  grid-template-areas:"brand search account menu" "stats stats currency theme"!important;
  grid-template-rows:42px 36px!important;column-gap:7px!important;row-gap:6px!important;
  min-height:0!important;padding:8px 12px!important;justify-content:stretch!important;
 }
 .hpc-app .hpc-header-main>.hpc-site-logo,.hpc-app .hpc-header-main>a.custom-logo-link{
  grid-area:brand!important;grid-column:1!important;grid-row:1!important;
  display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;
  height:42px!important;margin:0!important;overflow:hidden!important;
 }
 .hpc-app .hpc-header-main>.hpc-site-logo img,.hpc-app .hpc-header-main>a.custom-logo-link img{max-height:41px!important;max-width:100%!important}
 .hpc-app .hpc-header-main>.hpc-site-logo .hpc-logo-symbol{width:30px!important;height:32px!important;flex-basis:30px!important}
 .hpc-app .hpc-header-main>.hpc-site-logo .hpc-logo-symbol img{width:30px!important;height:32px!important}
 .hpc-app .hpc-header-main>.hpc-site-logo .hpc-logo-copy strong{font-size:clamp(13px,3.7vw,18px)!important;letter-spacing:-.6px!important}
 .hpc-app .hpc-header-main>.hpc-site-logo .hpc-logo-copy small{display:none!important}
 .hpc-app .hpc-header-main>.hpt03-header-stats{
  grid-area:stats!important;grid-column:1/3!important;grid-row:2!important;
  display:flex!important;gap:clamp(9px,2.2vw,20px)!important;padding:0!important;border:0!important;
  align-self:center!important;justify-self:start!important;
 }
 .hpc-app .hpt03-header-stat{gap:4px!important}
 .hpc-app .hpt03-header-stat>i{font-size:15px!important}
 .hpc-app .hpt03-stat-copy strong{font-size:11px!important}
 .hpc-app .hpt03-stat-copy small{font-size:8px!important}
 .hpc-app .hpc-header-main>.hpc-main-nav{
  display:none!important;position:absolute!important;top:100%!important;left:auto!important;right:10px!important;
  width:min(330px,calc(100vw - 20px))!important;max-width:none!important;z-index:1100!important;
  padding:10px!important;border:1px solid #d7e5f6!important;border-radius:11px!important;
  background:#fff!important;box-shadow:0 12px 30px #162e5260!important;
 }
 .hpc-app .hpc-header-main>.hpc-main-nav.is-open{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:1px!important}
 .hpc-app .hpc-header-main>.hpc-main-nav>a:not(.hpt24-nav-account){display:flex!important;justify-content:flex-start!important;padding:10px 12px!important;font-size:12px!important}
 .hpc-app .hpc-header-main>.hpc-main-nav>a:not(.hpt24-nav-account) i{display:inline-block!important;margin-right:7px!important}
 .hpc-app .hpc-header-main>.hpc-header-search{
  grid-area:search!important;grid-column:2!important;grid-row:1!important;
  display:flex!important;position:relative!important;justify-self:center!important;
  width:38px!important;min-width:38px!important;max-width:38px!important;
  height:38px!important;min-height:38px!important;flex:none!important;margin:0!important;
 }
 .hpc-app .hpc-header-main>.hpc-header-search:focus-within,
 .hpc-app .hpc-header-main>.hpc-header-search.hpt24-search-open{
  position:absolute!important;top:calc(100% - 1px)!important;left:10px!important;right:10px!important;
  width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;
  flex:none!important;z-index:1300!important;box-shadow:0 6px 18px #24529b2a!important;
 }
 .hpc-app .hpc-header-main>.hpc-header-account{
  grid-area:account!important;grid-column:3!important;grid-row:1!important;
  display:flex!important;align-items:center!important;justify-self:end!important;gap:3px!important;
 }
 .hpc-app .hpc-header-main>.hpc-header-account>a.hpc-login-button{display:inline-flex!important;font-size:10px!important;padding:5px 4px!important}
 .hpc-app .hpc-header-main>.hpc-header-account>a.hpc-signup-button{display:inline-flex!important;height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:10px!important}
 .hpc-app .hpc-header-main>.hpt-header-currency{
  grid-area:currency!important;grid-column:3!important;grid-row:2!important;
  display:flex!important;position:static!important;visibility:visible!important;
  align-self:center!important;justify-self:end!important;height:32px!important;min-height:32px!important;
  padding:2px!important;margin:0!important;border-radius:16px!important;
 }
 .hpc-app .hpc-header-main>.hpt-header-currency a,
 .hpc-app .hpc-header-main>.hpt-header-currency a.is-active{
  height:26px!important;min-height:26px!important;min-width:0!important;
  padding:0 5px!important;font-size:10px!important;border-radius:13px!important;
 }
 .hpc-app .hpc-header-main>.hpt-header-currency a span{display:inline!important;font-size:9px!important}
 .hpc-app .hpc-header-main>.hpt25-mode-toggle{
  grid-area:theme!important;grid-column:4!important;grid-row:2!important;
  display:grid!important;place-items:center!important;justify-self:center!important;
  width:34px!important;min-width:34px!important;max-width:34px!important;
  height:34px!important;min-height:34px!important;
 }
 .hpc-app .hpc-header-main>#hpc-mobile-nav-button{
  grid-area:menu!important;grid-column:4!important;grid-row:1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:38px!important;min-width:38px!important;height:38px!important;
  min-height:38px!important;padding:0!important;margin:0!important;
  border:1px solid #d9e6f7!important;border-radius:10px!important;
  background:#fff!important;color:#135dc2!important;box-shadow:none!important;
 }
 .hpc-app .hpc-header-main>.hpt24-mobile-search-toggle{display:none!important}
}
@media(max-width:420px){
 .hpc-app .hpc-header-main{grid-template-columns:minmax(0,1fr) 36px auto 36px!important;column-gap:5px!important;padding-inline:9px!important}
 .hpc-app .hpc-header-main>.hpc-header-account>a.hpc-login-button{padding-inline:1px!important;gap:3px!important}
 .hpc-app .hpc-header-main>.hpc-header-account>a.hpc-signup-button{padding-inline:7px!important}
 .hpc-app .hpc-header-main>.hpt03-header-stats{gap:7px!important}
 .hpc-app .hpc-header-main>.hpt-header-currency a,.hpc-app .hpc-header-main>.hpt-header-currency a.is-active{padding-inline:4px!important}
}
@media(max-width:350px){
 .hpc-app .hpc-header-main>.hpc-header-account .hpc-login-button span{display:none!important}
 .hpc-app .hpc-header-main>.hpc-header-account>a.hpc-signup-button{padding-inline:6px!important}
 .hpc-app .hpc-header-main>.hpt03-header-stats{gap:5px!important}
 .hpc-app .hpt03-header-stat>i{font-size:13px!important}
 .hpc-app .hpt03-stat-copy strong{font-size:10px!important}
 .hpc-app .hpt03-stat-copy small{font-size:7.5px!important}
}
/* Dark-mode: same layout, adapted legible surfaces. */
html[data-hpt-theme="dark"] .hpc-app .hpc-header{background:#12243d!important;border-bottom-color:#2b4160!important}
html[data-hpt-theme="dark"] .hpc-app .hpt03-stat-copy strong,
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpc-main-nav>a:not(.hpt24-nav-account){color:#e7f1ff!important}
html[data-hpt-theme="dark"] .hpc-app .hpt03-stat-copy small{color:#adc4e1!important}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpt03-header-stats{border-right-color:#3a587c!important}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpt-header-currency{background:#1a3554!important;border-color:#395b84!important}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpt-header-currency a.is-active{background:#2a4b70!important;color:#eaf4ff!important}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>:is(.hpt25-mode-toggle,.hpc-header-search,#hpc-mobile-nav-button){background:#1a3554!important;border-color:#395b84!important;color:#d9e9ff!important}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpc-main-nav.is-open{background:#152e4a!important;border-color:#375c83!important}
/* Offer CTA trio: horizontally/vertically CENTERED price and restored icons. */
.hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing{
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 text-align:center!important;padding:4px 5px!important;gap:2px!important;
}
.hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing .hpt264-amount{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;max-width:100%!important;min-width:0!important;margin:0 auto!important;
 text-align:center!important;line-height:1.2!important;
}
.hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing .hpc-convert-price{
 display:inline-flex!important;align-items:baseline!important;justify-content:center!important;
 margin:0 auto!important;text-align:center!important;white-space:nowrap!important;
}
.hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-action,
.hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-action i{
 align-items:center!important;justify-content:center!important;text-align:center!important;
}
.hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-action i{
 display:inline-block!important;flex:0 0 auto!important;font-size:11px!important;
 line-height:1!important;opacity:1!important;visibility:visible!important;
}
@media(max-width:680px){
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing{
  align-items:center!important;justify-content:center!important;text-align:center!important;
  padding:3px!important;
 }
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-pricing .hpt264-amount{
  align-items:center!important;justify-content:center!important;overflow:hidden!important;text-align:center!important;
 }
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-action{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;padding:0 3px!important;letter-spacing:-.15px!important;
 }
 .hpc-app .hpc-plan.hpt264-offer>.hpt2814-purchase-row>.hpt264-action i{
  display:inline-block!important;font-size:clamp(8px,2.3vw,10px)!important;
 }
}

/* Legacy off-canvas #id selectors override ordinary mobile nav selectors.
   Higher-specificity correction keeps the drawer truly hidden until opened. */
@media(max-width:1320px){
 .hpc-app .hpc-header-main{position:relative!important}
 .hpc-app .hpc-header-main>#hpc-main-nav:not(.is-open){
  display:none!important;visibility:hidden!important;pointer-events:none!important;
  transform:none!important;transition:none!important;
 }
 .hpc-app .hpc-header-main>#hpc-main-nav.is-open{
  display:flex!important;visibility:visible!important;pointer-events:auto!important;
  position:absolute!important;right:10px!important;left:auto!important;top:calc(100% - 2px)!important;
  bottom:auto!important;height:auto!important;max-height:min(78vh,590px)!important;
  padding:12px!important;transform:none!important;transition:none!important;
  flex-direction:column!important;align-items:stretch!important;overflow-y:auto!important;
  width:min(330px,calc(100vw - 20px))!important;
 }
 .hpc-app .hpc-header-main>.hpc-header-account{
  display:flex!important;flex:0 0 auto!important;position:static!important;
  width:auto!important;min-width:max-content!important;max-width:none!important;
  height:auto!important;min-height:0!important;overflow:visible!important;
 }
 .hpc-app .hpc-header-main>.hpc-header-account>a.hpc-login-button{
  width:auto!important;min-width:0!important;max-width:none!important;
  height:34px!important;min-height:34px!important;max-height:34px!important;
  flex:0 0 auto!important;position:static!important;
 }
 .hpc-app .hpc-header-main>.hpc-header-account>a.hpc-signup-button{
  display:flex!important;flex:0 0 auto!important;width:auto!important;min-width:50px!important;
  max-width:none!important;height:34px!important;min-height:34px!important;
 }
 .hpc-app .hpc-header-main>.hpc-header-search>button.hpt03-search-toggle{
  display:flex!important;width:36px!important;min-width:36px!important;max-width:36px!important;
  height:36px!important;flex:0 0 36px!important;padding:0!important;
 }
 .hpc-app .hpc-header-main>.hpc-header-search.hpt24-search-open,
 .hpc-app .hpc-header-main>.hpc-header-search:focus-within{
  position:absolute!important;top:calc(100% - 1px)!important;left:10px!important;right:10px!important;
  width:calc(100vw - 20px)!important;min-width:calc(100vw - 20px)!important;
  max-width:calc(100vw - 20px)!important;flex:none!important;
  z-index:1300!important;overflow:visible!important;
 }
}
@media(max-width:350px){
 .hpc-app .hpc-header-main>.hpc-header-account>a.hpc-login-button{width:28px!important;min-width:28px!important;padding:0!important}
}
@media(min-width:1321px){
 .hpc-app .hpc-header-main>#hpc-main-nav{
  display:flex!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  bottom:auto!important;width:auto!important;max-width:none!important;height:auto!important;
  transform:none!important;visibility:visible!important;pointer-events:auto!important;
  padding:0!important;box-shadow:none!important;border:0!important;background:transparent!important;
 }
}

/* Search overlay must leave grid positioning when expanded, otherwise left:10px is measured from column 2. */
@media(max-width:1320px){
 .hpc-app .hpc-header-main>.hpc-header-search.hpt24-search-open,
 .hpc-app .hpc-header-main>.hpc-header-search:focus-within{
  grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;
 }
}

/* Fallback text logo must never collide with the live counter strip. */
@media(min-width:1321px){
 .hpc-app .hpc-header-main>.hpc-site-logo .hpc-logo-copy strong{
  font-size:clamp(15px,1.18vw,17px)!important;letter-spacing:-.9px!important;
 }
}
/* Pointer accessibility: merely focusing the search button must not move it
   under the pointer before click is dispatched. The real v240 handler then
   expands the input and focuses it. Keyboard activation is preserved. */
@media(max-width:1320px){
 .hpc-app .hpc-header-main>.hpc-header-search:focus-within:not(.hpt24-search-open):not(:has(#hpc-global-search:focus)){
  grid-area:search!important;grid-column:2!important;grid-row:1!important;position:relative!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:38px!important;min-width:38px!important;max-width:38px!important;flex:0 0 38px!important;
 }
}
@media(min-width:1321px){
 .hpc-app .hpc-header-main>.hpc-header-search:focus-within:not(.hpt24-search-open):not(:has(#hpc-global-search:focus)){
  position:relative!important;width:39px!important;min-width:39px!important;max-width:39px!important;
  flex:0 0 39px!important;
 }
}


/* HP BETA 03.4 — mobile: remove counters entirely; prevent any second-row overflow.
   First row still uses the compact reference header, second row only the controls. */
@media(max-width:767px){
  .hpc-app .hpc-header-main>.hpt03-header-stats{display:none!important}
  .hpc-app .hpc-header-main{
    grid-template-areas:"brand search account menu" "currency currency theme theme"!important;
    grid-template-rows:42px 34px!important;row-gap:4px!important;
    min-width:0!important;max-width:100%!important;
  }
  .hpc-app .hpc-header-main>.hpt-header-currency{
    grid-area:currency!important;grid-column:1/3!important;grid-row:2!important;
    justify-self:start!important;max-width:100%!important;
  }
  .hpc-app .hpc-header-main>.hpt25-mode-toggle{
    grid-area:theme!important;grid-column:4!important;grid-row:2!important;
    justify-self:end!important;
  }
}
/* Restore actual menu icons on both desktop and mobile. Match the current FA icon markup. */
.hpc-app .hpc-header-main>.hpc-main-nav>a:not(.hpt24-nav-account) i{
  display:inline-block!important;flex:0 0 auto!important;
  margin:0!important;font-size:11px!important;line-height:1!important;
  color:#1268df!important;opacity:.9!important;
}
.hpc-app .hpc-header-main>.hpc-main-nav>a:not(.hpt24-nav-account){
  gap:5px!important;
}
@media(min-width:1321px){
  .hpc-app .hpc-header-main>.hpc-main-nav{gap:1px!important}
  .hpc-app .hpc-header-main>.hpc-main-nav>a:not(.hpt24-nav-account){
    padding-inline:clamp(1px,.22vw,4px)!important;
    font-size:clamp(9px,.74vw,10px)!important;letter-spacing:-.15px!important;
    gap:4px!important;
  }
  .hpc-app .hpc-header-main>.hpc-main-nav>a:not(.hpt24-nav-account) i{font-size:10px!important}
}
@media(max-width:1320px){
  .hpc-app .hpc-header-main>#hpc-main-nav.is-open>a:not(.hpt24-nav-account){
    display:flex!important;align-items:center!important;gap:11px!important;
    padding:11px 12px!important;font-size:13px!important;
  }
  .hpc-app .hpc-header-main>#hpc-main-nav.is-open>a:not(.hpt24-nav-account) i{
    width:17px!important;min-width:17px!important;display:inline-flex!important;
    justify-content:center!important;margin:0!important;font-size:13px!important;
  }
}
html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpc-main-nav>a:not(.hpt24-nav-account) i{color:#81b5ff!important}

/* HP BETA 03.5 — exact mobile hierarchy: brand | mode | currency | menu; full-width search below */
@media(max-width:767px){
 html,body{max-width:100%;overflow-x:clip}
 .hpc-app .hpc-header-main{
  display:grid!important;grid-template-areas:"brand theme currency menu" "search search search search"!important;
  grid-template-columns:minmax(0,1fr) 33px 81px 36px!important;
  grid-template-rows:44px 43px!important;column-gap:5px!important;row-gap:7px!important;
  padding:8px 9px 10px!important;min-height:0!important;align-items:center!important;
  max-width:100%!important;overflow:visible!important;
 }
 .hpc-app .hpc-header-main>.hpt03-header-stats,
 .hpc-app .hpc-header-main>.hpc-header-account,
 .hpc-app .hpc-header-main>.hpt24-mobile-search-toggle{display:none!important}
 .hpc-app .hpc-header-main>.hpc-site-logo,
 .hpc-app .hpc-header-main>a.custom-logo-link{
  grid-area:brand!important;grid-column:1!important;grid-row:1!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:42px!important;overflow:hidden!important;margin:0!important;align-items:center!important;
 }
 .hpc-app .hpc-header-main>.hpc-site-logo img,
 .hpc-app .hpc-header-main>a.custom-logo-link img{max-width:100%!important;max-height:40px!important;object-fit:contain!important}
 .hpc-app .hpc-header-main>.hpc-site-logo .hpc-logo-copy strong{font-size:clamp(13px,3.85vw,18px)!important;letter-spacing:-.65px!important}
 .hpc-app .hpc-header-main>.hpt25-mode-toggle{
  grid-area:theme!important;grid-column:2!important;grid-row:1!important;
  width:33px!important;min-width:33px!important;max-width:33px!important;height:33px!important;min-height:33px!important;
  justify-self:center!important;padding:0!important;
 }
 .hpc-app .hpc-header-main>.hpt-header-currency{
  grid-area:currency!important;grid-column:3!important;grid-row:1!important;display:flex!important;
  justify-self:center!important;width:81px!important;max-width:81px!important;min-width:0!important;
  gap:0!important;height:32px!important;min-height:32px!important;padding:2px!important;
 }
 .hpc-app .hpc-header-main>.hpt-header-currency a,
 .hpc-app .hpc-header-main>.hpt-header-currency a.is-active{
  display:inline-flex!important;flex:1 1 50%!important;min-width:0!important;width:50%!important;
  height:27px!important;min-height:27px!important;font-size:10px!important;padding:0 2px!important;gap:2px!important;
 }
 .hpc-app .hpc-header-main>.hpt-header-currency a span{font-size:8.5px!important;display:inline!important}
 .hpc-app .hpc-header-main>#hpc-mobile-nav-button{
  grid-area:menu!important;grid-column:4!important;grid-row:1!important;display:flex!important;
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  justify-self:end!important;border:1px solid #dae6f4!important;border-radius:11px!important;
  position:relative!important;z-index:2004!important;
 }
 .hpc-app .hpc-header-main>.hpc-header-search,
 .hpc-app .hpc-header-main>.hpc-header-search.hpt24-search-open,
 .hpc-app .hpc-header-main>.hpc-header-search:focus-within{
  grid-area:search!important;grid-column:1/-1!important;grid-row:2!important;
  display:flex!important;position:relative!important;inset:auto!important;
  justify-self:stretch!important;align-items:center!important;
  width:100%!important;min-width:0!important;max-width:100%!important;height:43px!important;min-height:43px!important;
  flex:1 1 auto!important;flex-basis:auto!important;margin:0!important;padding:0 3px!important;
  border:1px solid #d9e5f4!important;border-radius:11px!important;background:#fff!important;
  box-shadow:0 2px 8px rgba(18,55,107,.035)!important;overflow:visible!important;z-index:15!important;
 }
 .hpc-app .hpc-header-main>.hpc-header-search>.hpt03-search-toggle{
  display:flex!important;flex:0 0 37px!important;width:37px!important;min-width:37px!important;height:39px!important;
  border:0!important;background:transparent!important;position:static!important;color:#2369c6!important;
 }
 .hpc-app .hpc-header-main>.hpc-header-search>input,
 .hpc-app .hpc-header-main>.hpc-header-search.hpt24-search-open>input{
  display:block!important;opacity:1!important;visibility:visible!important;
  flex:1 1 0!important;width:0!important;min-width:0!important;max-width:none!important;
  height:39px!important;margin:0!important;padding:0 5px!important;font-size:12px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
 }
 .hpc-app .hpc-header-main>.hpc-header-search>button[type="submit"]{
  display:inline-flex!important;justify-content:center!important;align-items:center!important;flex:0 0 43px!important;
  width:43px!important;min-width:43px!important;height:31px!important;min-height:31px!important;
  padding:0!important;border-radius:8px!important;background:#146af0!important;color:#fff!important;font-size:11px!important;
 }
 .hpc-app .hpc-header-main>.hpc-header-search .hpt-live-suggestions{left:0!important;right:0!important;top:calc(100% + 5px)!important;max-width:100%!important;z-index:2100!important}
 /* Full-height slide-in canvas, with its OWN close button and sign-in / register shortcuts. */
 .hpc-app .hpc-header-main>#hpc-main-nav:not(.is-open){display:none!important}
 .hpc-app .hpc-header-main>#hpc-main-nav.is-open{
  display:flex!important;position:fixed!important;inset:0 0 0 auto!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;
  transform:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
  width:min(390px,100vw)!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
  padding:18px 18px max(24px,env(safe-area-inset-bottom))!important;
  gap:5px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  background:#fff!important;border:0!important;border-radius:0!important;
  box-shadow:-20px 0 50px rgba(18,40,76,.20)!important;z-index:2201!important;
 }
 .hpc-app .hpc-header-main>.hpc-main-nav.is-open>a:not(.hpt24-nav-account),
 .hpc-app .hpc-header-main>.hpc-main-nav.is-open>.hpt03-mobile-auth>a{
  width:100%!important;justify-content:flex-start!important;min-height:45px!important;
  font-size:13px!important;font-weight:550!important;text-align:left!important;padding:10px 12px!important;
  color:#193553!important;border-radius:9px!important;
 }
 .hpc-app .hpc-header-main>.hpc-main-nav.is-open>a:not(.hpt24-nav-account) i{font-size:14px!important;min-width:19px!important}
 .hpc-app .hpc-header-main>#hpc-main-nav.is-open>.hpt24-nav-account{display:none!important}
 .hpc-app .hpc-header-main>#hpc-main-nav.is-open>.hpt-menu-finder{width:100%!important;justify-content:flex-start!important}
 .hpc-app .hpt03-mobile-drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:1px 2px 13px!important;margin-bottom:8px!important;border-bottom:1px solid #edf1f7!important;min-height:42px!important;color:#1c3660!important}
 .hpc-app .hpt03-mobile-drawer-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:35px!important;height:35px!important;min-width:35px!important;border:1px solid #d8e6f8!important;border-radius:9px!important;background:#f4f8ff!important;color:#105cb9!important}
 .hpc-app .hpt03-mobile-auth{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:12px!important;padding-top:16px!important;border-top:1px solid #e7eff7!important}
 .hpc-app .hpt03-mobile-auth>a{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;border:1px solid #e4ecf8!important;background:#f8fbff!important}
 .hpc-app .hpt03-mobile-auth>a.hpt03-mobile-register{background:#136bea!important;border-color:#136bea!important;color:#fff!important;justify-content:center!important}
 .hpc-app .hpt-nav-overlay:not([hidden]){display:block!important;position:fixed!important;inset:0!important;z-index:2150!important;background:rgba(9,24,45,.45)!important}
}
@media(min-width:768px){
 .hpc-app .hpt03-mobile-drawer-head,.hpc-app .hpt03-mobile-auth{display:none!important}
 .hpc-app .hpc-header-main>.hpc-main-nav>a:not(.hpt24-nav-account){font-weight:550!important;letter-spacing:-.1px!important}
 .hpc-app .hpc-header-main>.hpc-main-nav{gap:1px!important;justify-content:center!important}
 .hpc-app .hpc-header-main>.hpc-main-nav>a:not(.hpt24-nav-account){padding-inline:clamp(1px,.28vw,5px)!important}
}
/* Dark mode preserves contrast on the drawer and full mobile search. */
@media(max-width:767px){
 html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpc-header-search{background:#1b304b!important;border-color:#38577c!important}
 html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>.hpc-header-search input{color:#ebf4ff!important}
 html[data-hpt-theme="dark"] .hpc-app .hpc-header-main>#hpc-main-nav.is-open{background:#142b47!important}
 html[data-hpt-theme="dark"] .hpc-app .hpt03-mobile-drawer-head{color:#eaf4ff!important;border-bottom-color:#324e72!important}
 html[data-hpt-theme="dark"] .hpc-app .hpc-main-nav.is-open>a:not(.hpt24-nav-account),
 html[data-hpt-theme="dark"] .hpc-app .hpt03-mobile-auth>a{background:#1c3959!important;border-color:#385577!important;color:#eaf4ff!important}
 html[data-hpt-theme="dark"] .hpc-app .hpt03-mobile-auth>a.hpt03-mobile-register{background:#146be7!important;color:#fff!important}
}
/* Domain lists: genuine detail view first; external checkout / vendor link second. */
.hpt03-domain-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:nowrap;min-width:0}
.hpt03-domain-actions .hpt03-domain-view{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-height:33px;padding:7px 10px;border:1px solid #dfe9f6;border-radius:8px;background:#fff;color:#175ba9;text-decoration:none;white-space:nowrap;font-size:10px;font-weight:580}
.hpt03-domain-actions .hpt284-go,.hpt03-domain-actions .hpt25-offer-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:33px!important;width:auto!important;padding:7px 10px!important;font-size:10px!important;font-weight:600!important}
@media(max-width:680px){.hpt03-domain-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.hpt03-domain-actions :is(a,.hpt284-go){min-width:0;width:100%!important;justify-content:center!important;text-align:center!important}}
@media(max-width:680px){
  .hpt25-offer-main{flex-wrap:wrap!important;align-items:center!important}
  .hpt25-offer-main>.hpt03-domain-actions{flex:1 1 100%!important;max-width:100%!important}
  .hpt284-domains .hpt284-table td:last-child .hpt03-domain-actions{width:100%!important}
}