/* Keystone Homes Realty - store-specific CSS (Store > Configuration > Custom CSS) v2 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap');

:root{--kh-navy:#0B2D5B;--kh-navy-dark:#071f40;--kh-gray:#808080;--kh-light:#f5f7fa;--kh-line:#e3e7ee;--kh-gold:#c8a24a;--kh-text:#1f2733;--kh-muted:#5b6573}

/* ===== Theme accent overrides (generated): magenta/cyan/blue -> Keystone navy ===== */
.page-section-header{color:#0B2D5B}
.card-title a.btn-link{color:#0B2D5B}
.card-title a.btn-link:hover{color:#071f40}
a:hover{color:#071f40}
.btn-primary{background-color:#0B2D5B;border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B}
.btn-primary.disabled, .btn-primary:disabled{background-color:#0B2D5B;border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B}
.btn-info{background-color:#0B2D5B;border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B}
.btn-info.disabled, .btn-info:disabled{background-color:#0B2D5B;border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B}
.btn-success{background-color:#0B2D5B;border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B}
.btn-success.disabled, .btn-success:disabled{background-color:#0B2D5B;border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B}
.btn-outline-primary{border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B;color:#0B2D5B}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active:focus{background-color:#071f40;border-top-color:#071f40;border-right-color:#071f40;border-bottom-color:#071f40;border-left-color:#071f40}
.btn-outline-info{border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B;color:#0B2D5B}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active:focus{background-color:#071f40;border-top-color:#071f40;border-right-color:#071f40;border-bottom-color:#071f40;border-left-color:#071f40}
.btn-link:hover, .btn-link:focus{color:#071f40}
.btn-link:disabled, .btn-link.disabled{color:#0B2D5B}
.border-primary{border-top-color:#0B2D5B!important;border-right-color:#0B2D5B!important;border-bottom-color:#0B2D5B!important;border-left-color:#0B2D5B!important}
.border-info{border-top-color:#0B2D5B!important;border-right-color:#0B2D5B!important;border-bottom-color:#0B2D5B!important;border-left-color:#0B2D5B!important}
.text-primary{color:#0B2D5B!important}
.text-info{color:#0B2D5B!important}
.badge-primary{background-color:#0B2D5B}
.badge-info{background-color:#0B2D5B}
.bg-primary{background-color:#0B2D5B!important}
.bg-info{background-color:#0B2D5B!important}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active{color:#071f40!important}
.bootstrap-select .dropdown-menu li.active small, .bootstrap-select .dropdown-menu li:hover small{color:#071f40!important}
.bootstrap-select .dropdown-toggle small{color:#0B2D5B!important}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before{background-color:#0B2D5B;border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{background-color:#0B2D5B;border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B}
.form-control:focus{border-top-color:#071f40;border-right-color:#071f40;border-bottom-color:#071f40;border-left-color:#071f40}
.form-group .input-valid ~ .col-form-label{color:#0B2D5B}
.page-item.active .page-link, .page-item:hover .page-link{background-color:#071f40;border-top-color:#071f40;border-right-color:#071f40;border-bottom-color:#071f40;border-left-color:#071f40}
.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor strong, .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor a{color:#0B2D5B!important}
.tt-dropdown-menu .tt-suggestion a:hover{color:#071f40!important}
.tt-dropdown-menu .tt-suggestion:hover strong{color:#071f40!important}
.account-links a:hover .cicon, .account-links a:hover span{color:#071f40}
.account_dashboard_box h4{color:#0B2D5B}
.bar{background-color:#0B2D5B}
.HomePage_Title h1::after{background-color:#0B2D5B}
.main_title h2::after{background-color:#0B2D5B}
.accordion-menu .list-group-item > a:hover, .accordion-menu .list-group-item > a[aria-expanded="true"], .accordion .list-group-item > a:hover, .accordion .list-group-item > a[aria-expanded="true"]{color:#071f40!important}
.sidebar .card .card-header::after{border-left-color:#0B2D5B}
.sidebar .card .card-header .card-title{color:#0B2D5B}
.sidebar .list-group-item ul li:hover > a, .sidebar .list-group-item ul li.active > a{color:#071f40!important}
#straightmenu .list-group .list-group-item > a:hover{color:#071f40!important}
#straightmenu .list-group .list-group-item .list-unstyled li.active > a, #straightmenu .list-group .list-group-item .list-unstyled li:hover > a{color:#071f40!important}
#straightmenu .list-group.list-group-flush li:not(.list-group-item) a:hover{color:#071f40!important}
#cssmenu .list-group-item > ul li:hover > a{color:#071f40!important}
#cssmenu .list-group-item > ul li.active a{color:#071f40!important}
#cssmenu .list-group-item:hover > a{color:#071f40!important}
#price_calculator #producttotalprice{color:#0B2D5B!important}
#product-info .actionbtn{background-color:#0B2D5B;border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B}
#product-info .actionbtn.disabled, #product-info .actionbtn:disabled{background-color:#0B2D5B;border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B}
.navbar .navbar-nav .nav-item:hover > .nav-link, .navbar .navbar-nav .nav-item.active > .nav-link{color:#071f40!important}
.navbar .navbar-nav .nav-item.show > .nav-link{border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B;color:#0B2D5B!important}
.navbar .navbar-nav .nav-item .dropdown-menu li:hover{border-top-color:#071f40;border-right-color:#071f40;border-bottom-color:#071f40;border-left-color:#071f40}
.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item{color:#071f40!important}
.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item::after{color:#071f40}
.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item::before{background-color:#071f40}
.navbar .navbar-nav .nav-item .dropdown-menu .list-unstyled > li.active > a{color:#071f40!important}
.navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav li > a:focus{color:#071f40!important}
.navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav li:hover > a{color:#071f40!important}
.navbar .navbar-nav .nav-item .dropdown-menu .card-columns .card .card-body .nav li:hover > a strong{color:#071f40!important}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu:hover > a, .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu.active > a{color:#071f40!important}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu:hover > a::after, .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu.active > a::after{color:#071f40}
.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .dropdown-submenu .dropdown-menu .list-unstyled li a:hover{color:#071f40!important}
.navbar .navbar-nav .nav-item.promotion-menu .megamenu-sidebar li:hover .sidebar-link{color:#071f40!important}
.navbar .navbar-nav .nav-item.promotion-menu .card-columns a:hover > strong{color:#071f40}
#product_price h4, #faq_details h4{color:#0B2D5B!important}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{background-color:#071f40}
.treeview li .act{color:#0B2D5B!important}
.treeview li a:hover{color:#071f40!important}
#category_list a:hover, #category_list a.act{color:#071f40}
#designer_template_category li a:hover, #designer_template_category li a.p_act{color:#071f40}
.form-control:focus + .input-group-append .input-group-text{border-top-color:#071f40;border-right-color:#071f40;border-bottom-color:#071f40;border-left-color:#071f40}
.form-control:focus ~ .col-form-label{color:#071f40}
.browse_design a, .upload_design a, .custom_design a, .hire_designer a, .quote_product a{color:#0B2D5B!important}
.browse_design:hover a .media-body span, .upload_design:hover a .media-body span, .custom_design:hover a .media-body span, .hire_designer:hover a .media-body span, .quote_product:hover a .media-body span{color:#071f40}
.allbtn a:hover{color:#071f40!important}
.btn-title-text.browse_design a{border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B;background-color:#0B2D5B!important}
.btn-title-text.browse_design:hover a .h4, .btn-title-text.browse_design:hover a i{color:#071f40!important}
.btn-title-text.upload_design a{border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B;background-color:#0B2D5B!important}
.btn-title-text.upload_design:hover a .h4, .btn-title-text.upload_design:hover a i{color:#071f40!important}
.btn-title-text.hire_designer a{border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B;background-color:#0B2D5B!important}
.btn-title-text.hire_designer:hover a .h4, .btn-title-text.hire_designer:hover a i{color:#071f40!important}
.btn-title-text.quote_product a .h4{color:#0B2D5B!important}
.btn-title-text.quote_product:hover a{border-top-color:#071f40;border-right-color:#071f40;border-bottom-color:#071f40;border-left-color:#071f40}
.btn-title-text.quote_product:hover a .h4{color:#071f40!important}
.flip3d .card-header{background-color:#0B2D5B}
.product-box .card.slide-hover{border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B}
.product-box .card.slide-hover .card-body .card-title{background-color:#0B2D5B!important}
.product-box .card.slideup:hover{border-top-color:#071f40;border-right-color:#071f40;border-bottom-color:#071f40;border-left-color:#071f40}
.product-box .card.slideup .card-body{background-color:#0B2D5B!important}
#InfoTab .nav-tabs .nav-item .nav-link.active, #InfoTab .nav-tabs .nav-item .nav-link:hover{color:#071f40}
.nav-customtabs li .nav-link.active, .nav-customtabs li .nav-link:hover{color:#071f40}
.nav-customtabs li .nav-link.active::after, .nav-customtabs li .nav-link:hover::after{background-color:#071f40}
#myaccount_menu li.active a, #myaccount_menu li:hover a{color:#071f40!important}
.breadcrumb_container .breadcrumb li a:hover{color:#071f40}
.breadcrumb_container .breadcrumb li.active .a{color:#071f40}
.top-header .top_header a .text-call{color:#c8a24a}
.top-header .top_header a:hover{color:#c8a24a}
.top-header .top_header a:hover .text-call{color:#c8a24a}
.top-header .top-links li a span{color:#c8a24a}
.top-header .top-links li a .text-call{color:#c8a24a}
.top-header .top-links li a:hover{color:#c8a24a}
.top-header .top-links li a:hover span{color:#c8a24a}
.top-header .top-links li a:hover .text-call{color:#c8a24a}
.my_account .navbar-cart{color:#0B2D5B}
.my_account .navbar-cart:hover{border-top-color:#071f40;border-right-color:#071f40;border-bottom-color:#071f40;border-left-color:#071f40;color:#071f40}
.header-content .services_resources .service_box:hover span .path1::before, .header-content .services_resources .service_box:hover span .path2::before{color:#071f40}
.client_testimonial_section small::before{background-color:#0B2D5B}
.partner_section .partner_logo .slick-arrow.slick-prev::before, .partner_section .partner_logo .slick-arrow.slick-next::before{color:#0B2D5B}
.partner_section .partner_logo .slick-arrow:hover.slick-prev::before, .partner_section .partner_logo .slick-arrow:hover.slick-next::before{color:#071f40}
footer .social_icon li a:hover i{color:#c8a24a}
footer p a{color:#c8a24a}
footer p a:hover{color:#c8a24a}
#sitemap ul li a:hover{color:#071f40}
#faq_details .card-title a:hover, #product_price_with_category .card-title a:hover, .code-default .card-title a:hover{color:#071f40!important}
@media only screen and (min-width: 992px){.navbar .navbar-nav .nav-item.show > .nav-link{color:#0B2D5B!important}}
@media only screen and (min-width: 992px){.navbar{background-color:#0B2D5B}}
.uppy-c-btn-primary{background-color:#0B2D5B}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox, .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox{background-color:#0B2D5B}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus{border-top-color:#071f40;border-right-color:#071f40;border-bottom-color:#071f40;border-left-color:#071f40}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--is-checked .uppy-ProviderBrowserItem-checkbox, .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--is-partial .uppy-ProviderBrowserItem-checkbox{background-color:#0B2D5B;border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B}
.uppy-ProviderBrowser-userLogout{color:#0B2D5B}
.uppy-Dashboard-Item-reSelect{color:#0B2D5B}
.uppy-Dashboard-serviceMsg-actionBtn{color:#0B2D5B}
.uppy-Dashboard-browse{color:#0B2D5B}
.uppy-Dashboard-browse:focus, .uppy-Dashboard-browse:hover{border-bottom-color:#071f40}
.uppy-DashboardTab-iconMyDevice{color:#0B2D5B}
.uppy-DashboardContent-back, .uppy-DashboardContent-save{color:#0B2D5B}
.uppy-DashboardContent-addMore{color:#0B2D5B}
.uppy-Dashboard-dropFilesHereHint{border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B}
.uppy-DragDrop--isDraggingOver{border-top-color:#0B2D5B;border-right-color:#0B2D5B;border-bottom-color:#0B2D5B;border-left-color:#0B2D5B}
.uppy-DragDrop-browse{color:#0B2D5B}
.uppy-Webcam-button--submit{background-color:#0B2D5B}
.uppy-Audio-button--submit{background-color:#0B2D5B}
.uppy-ScreenCapture-button--submit{background-color:#0B2D5B}
.uppy-StatusBar-progress{background-color:#0B2D5B}
.uppy-StatusBar-actionBtn{color:#0B2D5B}
.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload{color:#0B2D5B}
.uppy-StatusBar-spinner{fill:#0B2D5B}
/* ===== end generated overrides ===== */

html,body{overflow-x:hidden}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--kh-text);background:#fff}
h1,h2,h3,h4,h5,.card-title{font-family:'Montserrat','Inter',sans-serif;color:var(--kh-navy);letter-spacing:-.2px}
a{color:var(--kh-navy)}
a:hover{color:var(--kh-gold)}

/* Header (streamlined: slim white bar + clean text menu) */
.top-header{background:#fff;border-bottom:1px solid var(--kh-line);padding:10px 0}
.top-header .navbar-brand img,nav.navbar .navbar-brand img{max-height:50px;width:auto}
.top-header .top-links a,.top-header .navbar-text{color:var(--kh-navy);font-weight:500;font-size:14px}
.header-search .form-control{border-radius:24px;border-color:var(--kh-line);background:var(--kh-light);padding-left:18px;font-size:14px}
.header-search .form-control:focus{background:#fff;border-color:var(--kh-navy);box-shadow:0 0 0 .2rem rgba(11,45,91,.12)}
body:not(:has(.logout-dropdown)) .top-header .header-search{visibility:hidden}

/* Main menu */
nav.navbar.sticky-top{background:#fff!important;border:0!important;border-bottom:1px solid var(--kh-line)!important;box-shadow:0 6px 18px rgba(11,45,91,.05);padding-top:0;padding-bottom:0}
nav.navbar .navbar-nav{gap:4px;align-items:center}
nav.navbar .navbar-nav .nav-link{color:var(--kh-navy)!important;font-family:'Inter',sans-serif;font-weight:600;font-size:15px;letter-spacing:0;text-transform:none;padding:16px 16px!important;border:0!important;position:relative}
nav.navbar .navbar-nav .nav-item,nav.navbar .navbar-nav>li{border:0!important}
nav.navbar .navbar-nav .nav-link span{color:inherit!important;border:0!important}
nav.navbar .navbar-nav .nav-link::after{content:'';position:absolute;left:16px;right:16px;bottom:8px;height:2px;border-radius:2px;background:var(--kh-gold);transform:scaleX(0);transition:transform .2s}
nav.navbar .navbar-nav .nav-link:hover,nav.navbar .navbar-nav .active>.nav-link{color:var(--kh-navy-dark)!important}
nav.navbar .navbar-nav .nav-link:hover::after,nav.navbar .navbar-nav .active>.nav-link::after{transform:scaleX(1)}
nav.navbar .navbar-nav .nav-link.dropdown-toggle::after{display:none}
body:not(:has(.logout-dropdown)) nav.navbar .navbar-nav>li:last-child>.nav-link{background:var(--kh-navy);color:#fff!important;border-radius:8px;padding:9px 18px!important;margin-left:10px}
body:not(:has(.logout-dropdown)) nav.navbar .navbar-nav>li:last-child>.nav-link::after{display:none}
body:not(:has(.logout-dropdown)) nav.navbar .navbar-nav>li:last-child>.nav-link:hover{background:var(--kh-navy-dark)}
nav.navbar .dropdown-menu{border:0;border-top:3px solid var(--kh-gold);border-radius:0 0 8px 8px;box-shadow:0 12px 28px rgba(0,0,0,.14)}
nav.navbar .dropdown-item{padding:10px 18px}
nav.navbar .dropdown-item:hover{background:var(--kh-light);color:var(--kh-navy)}
nav.navbar .navbar-toggler{border-color:var(--kh-line)}
nav.navbar #search-toggle-btn,nav.navbar .navbar-cart,nav.navbar .my_account a{color:var(--kh-navy)}

/* Buttons */
.btn{border-radius:8px}
.btn-primary,.btn-info{background:var(--kh-navy);border-color:var(--kh-navy);font-weight:600}
.btn-primary:hover,.btn-info:hover,.btn-primary:focus,.btn-info:focus{background:var(--kh-navy-dark);border-color:var(--kh-navy-dark)}
.btn-gold{background:var(--kh-gold);border-color:var(--kh-gold);color:#fff!important;font-weight:600}
.btn-gold:hover{background:#b38f3c;border-color:#b38f3c}
.btn-outline-primary{color:var(--kh-navy);border-color:var(--kh-navy)}
.btn-outline-primary:hover{background:var(--kh-navy);color:#fff}

/* Product cards */
.product-box .card{border:1px solid var(--kh-line);border-radius:12px;overflow:hidden;transition:transform .15s,box-shadow .15s}
.product-box .card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(11,45,91,.12)}
.product-box .card-title{font-size:16px;font-weight:600}
#price_calculator .card-header{background:var(--kh-navy);color:#fff}
#price_calculator .card-header .card-title{color:#fff}

/* Page body */
.body-container{padding-top:28px;padding-bottom:48px}
.body-container:has(.kh-page),.middle_content:has(.kh-page){padding-top:0!important;padding-bottom:0!important}
#cms_page:has(.kh-page)>.page-header{display:none}
#middle-content:has(.kh-page)>.HomePage_Title,#middle-content:has(.kh-page) .btn-view{display:none!important}
.middle_content:has(.kh-page),#main-content:has(.kh-page),.body-container:has(.kh-page){background:#fff}

/* Footer */
#footer.footer-content{background:var(--kh-navy);color:#c9d3e3}
#footer.footer-content:empty{display:none}
#footer.footer-content h4,#footer.footer-content h5{color:#fff}
#footer.footer-content a{color:#c9d3e3}
#footer.footer-content a:hover{color:var(--kh-gold)}
footer{background:var(--kh-navy-dark);color:#9fb0c8;font-size:13px;padding:16px 0}
footer a{color:#9fb0c8}
footer p.m-0{font-size:0}
footer p.m-0::before{content:'\00A9  2026 Keystone Homes Realty. All rights reserved.';font-size:13px}

/* Store login page */
#corporate_login{background:linear-gradient(135deg,var(--kh-navy) 0%,#123f7a 55%,var(--kh-light) 55.1%,#fff 100%)}
#corporate_login .corp_logo{background:#fff;border-radius:12px 12px 0 0;padding:22px 18px 10px;margin:0!important}
#corporate_login .corp_logo img{max-height:64px}
#corporate_login #login_sidebar.card{border:0;border-radius:0 0 12px 12px;box-shadow:0 18px 40px rgba(7,31,64,.25)}
#corporate_login .corp_login_form{box-shadow:0 18px 40px rgba(7,31,64,.25);border-radius:0 0 12px 12px}
#corporate_login .btn-primary{background:var(--kh-navy);border-color:var(--kh-navy);color:#fff;font-weight:600;border-radius:6px}
#corporate_login .btn-primary:hover{background:var(--kh-navy-dark);border-color:var(--kh-navy-dark)}
#corporate_login a{color:var(--kh-navy)}
#corporate_login .btn-link{background:transparent;border:0;font-size:13px}
#corporate_login .form-control:focus{border-color:var(--kh-navy);box-shadow:0 0 0 .2rem rgba(11,45,91,.15)}
#corporate_login .kh-login-note{background:rgba(255,255,255,.96);border-radius:12px;padding:16px 18px;margin-top:16px;text-align:center;font-size:13px;color:#3b4554;box-shadow:0 10px 24px rgba(7,31,64,.15)}
#corporate_login .kh-login-note p{margin-bottom:6px}
#corporate_login .kh-login-title{font-family:'Montserrat',sans-serif;font-weight:700;color:var(--kh-navy);font-size:15px}
#corporate_login .kh-login-help{margin-bottom:0!important;color:#5b6573;font-size:12px}
@media (min-width:768px){#corporate_login .col-xl-3{max-width:400px;flex:0 0 400px}}

/* ===== Keystone page components ===== */
.kh-full{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
.kh-wrap{max-width:1140px;margin:0 auto;padding:0 20px}

/* Photo hero */
.kh-photo-hero{min-height:560px;display:flex;align-items:center;background-size:cover;background-position:center;color:#fff}
.kh-photo-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,64,.92) 0%,rgba(7,31,64,.72) 45%,rgba(7,31,64,.15) 100%)}
.kh-photo-hero .kh-wrap{position:relative;width:100%}
.kh-photo-hero h1{color:#fff;font-size:52px;font-weight:800;line-height:1.08;max-width:640px;margin-bottom:18px}
.kh-photo-hero p.lead{color:#e3e9f3;font-size:19px;max-width:560px;margin-bottom:28px}
.kh-photo-hero .btn{padding:13px 26px;font-size:16px}
.kh-photo-hero .btn-outline-light:hover{color:var(--kh-navy)}
.kh-hero-sm{min-height:340px}
.kh-hero-sm h1{font-size:42px}
.kh-eyebrow{display:inline-block;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--kh-gold);font-weight:700;margin-bottom:12px}

/* Sections */
.kh-section{padding:80px 0}
.kh-section.kh-tight{padding:56px 0}
.kh-bg-light{background:var(--kh-light)}
.kh-bg-navy{background:var(--kh-navy);color:#d5deeb}
.kh-bg-navy h2,.kh-bg-navy h3{color:#fff}
.kh-title{text-align:center;max-width:680px;margin:0 auto 44px}
.kh-title h2{font-size:36px;font-weight:800;margin-bottom:12px}
.kh-title p{color:var(--kh-muted);font-size:17px;margin:0}
.kh-muted{color:var(--kh-muted)}

/* Photo cards */
.kh-card{display:block;height:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(11,45,91,.08);transition:transform .2s,box-shadow .2s;color:var(--kh-text);text-decoration:none!important}
.kh-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(11,45,91,.16);color:var(--kh-text)}
.kh-card-img{height:210px;background-size:cover;background-position:center}
.kh-card-body{padding:24px 24px 26px}
.kh-card-body h3{font-size:20px;font-weight:700;margin-bottom:8px}
.kh-card-body p{color:var(--kh-muted);margin:0 0 14px}
.kh-card-link{font-weight:600;color:var(--kh-navy)}
.kh-card:hover .kh-card-link{color:var(--kh-gold)}

/* Icon tiles */
.kh-tile{display:flex;align-items:center;gap:16px;height:100%;background:#fff;border:1px solid var(--kh-line);border-radius:14px;padding:22px;color:var(--kh-text);transition:all .2s;text-decoration:none!important}
.kh-tile:hover{border-color:var(--kh-navy);box-shadow:0 12px 28px rgba(11,45,91,.12);transform:translateY(-3px);color:var(--kh-text)}
.kh-tile .kh-ico{flex:0 0 56px;height:56px;border-radius:14px;background:var(--kh-light);display:flex;align-items:center;justify-content:center}
.kh-tile .kh-ico i{font-size:24px;color:var(--kh-navy)}
.kh-tile:hover .kh-ico{background:var(--kh-navy)}
.kh-tile:hover .kh-ico i{color:#fff}
.kh-tile h3{font-size:17px;font-weight:700;margin:0 0 3px}
.kh-tile p{font-size:14px;color:var(--kh-muted);margin:0}

/* Stats */
.kh-stat{text-align:center}
.kh-stat .kh-num{font-family:'Montserrat',sans-serif;font-size:44px;font-weight:800;color:#fff;line-height:1}
.kh-stat .kh-lbl{color:#b9c6da;font-size:14px;letter-spacing:1px;text-transform:uppercase;margin-top:8px}

/* Steps */
.kh-step{text-align:center;padding:0 18px}
.kh-step .kh-step-n{width:56px;height:56px;line-height:56px;border-radius:50%;background:var(--kh-navy);color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;margin:0 auto 16px;box-shadow:0 0 0 8px rgba(11,45,91,.08)}
.kh-step h3{font-size:19px;font-weight:700}

/* Split image + text */
.kh-split-img{border-radius:18px;min-height:380px;height:100%;background-size:cover;background-position:center;box-shadow:0 18px 40px rgba(11,45,91,.15)}
.kh-checks{list-style:none;padding:0;margin:18px 0 26px}
.kh-checks li{padding:7px 0;font-weight:500}
.kh-checks i{color:var(--kh-gold);margin-right:10px}

/* CTA band */
.kh-cta{border-radius:20px;padding:48px;background:linear-gradient(120deg,var(--kh-navy),#16447f);color:#d5deeb}
.kh-cta h2{color:#fff;font-size:30px;font-weight:800;margin-bottom:8px}

/* Contact */
.kh-contact-card{background:#fff;border:1px solid var(--kh-line);border-radius:16px;padding:30px;height:100%;box-shadow:0 6px 24px rgba(11,45,91,.06)}
.kh-contact-card .kh-ico{width:48px;height:48px;border-radius:12px;background:var(--kh-light);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.kh-contact-card .kh-ico i{color:var(--kh-navy);font-size:20px}
.kh-contact-card h3{font-size:19px;font-weight:700}
.kh-contact-card p{margin-bottom:6px}
.kh-hours{display:flex;justify-content:space-between;border-bottom:1px dashed var(--kh-line);padding:7px 0}

/* FAQ */
.kh-faq .card{border:1px solid var(--kh-line);border-radius:12px!important;margin-bottom:12px;overflow:hidden}
.kh-faq .card-header{background:#fff;border:0;padding:0}
.kh-faq .card-header .btn-link{display:block;width:100%;text-align:left;padding:20px 24px;color:var(--kh-navy);font-family:'Montserrat',sans-serif;font-weight:700;font-size:16px;text-decoration:none}
.kh-faq .card-header .btn-link::after{content:'\2212';float:right;color:var(--kh-gold);font-size:20px;line-height:1}
.kh-faq .card-header .btn-link.collapsed::after{content:'+'}
.kh-faq .card-body{padding:0 24px 22px;color:var(--kh-muted)}

/* Footer block */
.kh-footer{padding:64px 0 28px}
.kh-footer .kh-flogo{background:#fff;display:inline-block;border-radius:10px;padding:10px 14px;margin-bottom:16px}
.kh-footer .kh-flogo img{height:44px;width:auto}
.kh-footer h5{font-size:14px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px}
.kh-footer ul{list-style:none;padding:0;margin:0}
.kh-footer li{padding:5px 0}
.kh-footer i{width:20px;color:var(--kh-gold)}

/* Listings */
.kh-filterbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}
.kh-chip{border:1px solid var(--kh-line);border-radius:30px;padding:8px 18px;font-size:14px;font-weight:600;color:var(--kh-navy);background:#fff}
.kh-chip-on{background:var(--kh-navy);border-color:var(--kh-navy);color:#fff}
.kh-listing{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(11,45,91,.08);height:100%;transition:transform .2s,box-shadow .2s}
.kh-listing:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(11,45,91,.16)}
.kh-listing-img{position:relative;height:230px;background-size:cover;background-position:center}
.kh-tag{position:absolute;top:14px;left:14px;background:var(--kh-navy);color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 10px;border-radius:6px}
.kh-tag-gold{background:var(--kh-gold)}
.kh-price{position:absolute;bottom:14px;left:14px;background:#fff;color:var(--kh-navy);font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;padding:6px 12px;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.kh-listing-body{padding:22px 22px 24px}
.kh-listing-body h3{font-size:19px;font-weight:700;margin-bottom:2px}
.kh-specs{display:flex;gap:16px;flex-wrap:wrap;padding:12px 0;margin:10px 0 12px;border-top:1px solid var(--kh-line);border-bottom:1px solid var(--kh-line);font-size:14px;color:var(--kh-text)}
.kh-specs span+span::before{content:"\2022";color:var(--kh-gold);margin-right:16px}
.kh-note{text-align:center;font-size:13px;color:var(--kh-muted);margin:10px 0 0}

/* Timeline */
.kh-timeline{max-width:820px;margin:0 auto;position:relative}
.kh-timeline::before{content:'';position:absolute;left:27px;top:10px;bottom:10px;width:2px;background:var(--kh-line)}
.kh-tl-item{display:flex;gap:22px;padding:14px 0;position:relative}
.kh-tl-n{flex:0 0 56px;height:56px;border-radius:50%;background:var(--kh-navy);color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #fff}
.kh-bg-light .kh-tl-n{box-shadow:0 0 0 6px var(--kh-light)}
.kh-tl-item h3{font-size:19px;font-weight:700;margin:6px 0 4px}
.kh-tl-item p{color:var(--kh-muted);margin:0}

/* Stat cards, vertical tiles */
.kh-stat-card{background:#fff;border:1px solid var(--kh-line);border-radius:16px;padding:30px;text-align:center;height:100%}
.kh-stat-big{font-family:'Montserrat',sans-serif;font-size:36px;font-weight:800;color:var(--kh-gold);margin-bottom:8px}
.kh-stat-card h3{font-size:18px;font-weight:700}
.kh-stat-card p{color:var(--kh-muted);margin:0}
.kh-tile.kh-tile-v{flex-direction:column;align-items:flex-start;gap:12px}

/* Neighborhoods */
.kh-hood{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(11,45,91,.08);height:100%}
.kh-hood-img{height:200px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end}
.kh-hood-img::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,31,64,0) 40%,rgba(7,31,64,.85))}
.kh-hood-img h3{position:relative;color:#fff;font-size:24px;font-weight:800;margin:0;padding:18px 22px}
.kh-hood-body{padding:20px 22px 22px}
.kh-hood-body p{color:var(--kh-muted)}
.kh-hood-meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--kh-muted);border-top:1px solid var(--kh-line);padding-top:12px}
.kh-hood-meta strong{display:block;color:var(--kh-navy);font-size:15px}

/* Team */
.kh-agent{background:#fff;border:1px solid var(--kh-line);border-radius:16px;padding:30px 22px;text-align:center;height:100%;transition:box-shadow .2s}
.kh-agent:hover{box-shadow:0 14px 32px rgba(11,45,91,.12)}
.kh-avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 16px;background:linear-gradient(135deg,var(--kh-navy),#1d4f8f);color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px rgba(200,162,74,.25)}
.kh-avatar-gray{background:linear-gradient(135deg,#6f7782,#9aa2ad)}
.kh-avatar-sm{width:44px;height:44px;font-size:15px;margin:0;box-shadow:none;flex:0 0 44px}
.kh-agent h3{font-size:18px;font-weight:700;margin-bottom:2px}
.kh-role{color:var(--kh-gold);font-weight:600;font-size:14px;margin-bottom:10px}
.kh-agent p{color:var(--kh-muted);font-size:14px}
.kh-agent a{font-weight:600}

/* Reviews */
.kh-review{background:#fff;border:1px solid var(--kh-line);border-radius:16px;padding:28px;height:100%;display:flex;flex-direction:column}
.kh-stars{color:var(--kh-gold);font-size:18px;letter-spacing:2px;margin-bottom:12px}
.kh-review p{font-size:15px;color:var(--kh-text);flex:1}
.kh-reviewer{display:flex;align-items:center;gap:12px;margin-top:14px}
.kh-reviewer strong{display:block;color:var(--kh-navy)}
.kh-reviewer small{color:var(--kh-muted)}

/* ===== Public vs Agent views (logged-in agents have .logout-dropdown in the header) ===== */
.kh-agent-only{display:none}
body:has(.logout-dropdown) .kh-agent-only{display:block}
body:has(.logout-dropdown) .kh-public-only{display:none!important}

/* Agent look: light, app-like header and dashboard */
body:has(.logout-dropdown){background:#f3f5f9}
body:has(.logout-dropdown) .top-header{background:var(--kh-navy);border-bottom:0}
body:has(.logout-dropdown) .top-header .navbar-brand{background:#fff;border-radius:8px;padding:6px 10px!important;position:relative}
body:has(.logout-dropdown) .top-header .navbar-brand img{max-height:44px}
body:has(.logout-dropdown) .top-header .navbar-brand::after{content:'MARKETING PORTAL';position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);white-space:nowrap;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--kh-gold)}
body:has(.logout-dropdown) .top-header .top-links a,body:has(.logout-dropdown) .top-header .navbar-text{color:#fff}
body:has(.logout-dropdown) .top-header .logout-dropdown a{color:var(--kh-navy)}
body:has(.logout-dropdown) .header-search .form-control{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}
body:has(.logout-dropdown) .header-search .form-control::placeholder{color:#c9d3e3}
body:has(.logout-dropdown) nav.navbar.sticky-top{background:#fff!important;box-shadow:0 1px 0 var(--kh-line),0 6px 18px rgba(11,45,91,.06)}
body:has(.logout-dropdown) nav.navbar .navbar-nav .nav-link{color:var(--kh-navy)!important;text-transform:none;letter-spacing:0;font-size:15px;padding:16px 16px!important}
body:has(.logout-dropdown) nav.navbar .navbar-toggler-icon{filter:none}
body:has(.logout-dropdown) nav.navbar #search-toggle-btn,body:has(.logout-dropdown) nav.navbar .navbar-cart,body:has(.logout-dropdown) nav.navbar .my_account a{color:var(--kh-navy)}
body:has(.logout-dropdown) #footer.footer-content{background:#fff;color:var(--kh-muted);border-top:1px solid var(--kh-line)}
body:has(.logout-dropdown) footer{background:#fff;color:var(--kh-muted);border-top:1px solid var(--kh-line)}
body:has(.logout-dropdown) .kh-bg-light{background:#f3f5f9}

.kh-agent-hero{background:#fff;border-bottom:1px solid var(--kh-line);padding:44px 0}
.kh-agent-hero h1{font-size:34px;font-weight:800;margin:12px 0 8px}
.kh-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(200,162,74,.14);color:#8a6a22;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 12px;border-radius:30px}
.kh-action{display:flex;align-items:center;gap:16px;background:#fff;border-radius:14px;padding:22px;border:1px solid var(--kh-line);color:var(--kh-text);text-decoration:none!important;transition:all .2s;height:100%}
.kh-action:hover{border-color:var(--kh-navy);box-shadow:0 12px 28px rgba(11,45,91,.1);color:var(--kh-text)}
.kh-action i{font-size:22px;width:52px;height:52px;border-radius:12px;background:var(--kh-navy);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 52px}
.kh-action strong{display:block;font-family:'Montserrat',sans-serif;color:var(--kh-navy);font-size:16px}
.kh-action small{color:var(--kh-muted);font-size:13px}
.kh-support{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--kh-line);border-left:4px solid var(--kh-gold);border-radius:12px;padding:24px 28px}
.kh-support h3{font-size:18px;margin-bottom:4px}
.kh-agent-footer{padding:22px 0;font-size:14px}
.kh-agent-footer a{color:var(--kh-navy)!important}

@media (max-width:991.98px){
  .kh-photo-hero{min-height:460px}
  .kh-photo-hero h1{font-size:40px}
  .kh-section{padding:60px 0}
}
@media (max-width:767.98px){
  .kh-photo-hero{min-height:420px}
  .kh-photo-hero::before{background:rgba(7,31,64,.78)}
  .kh-photo-hero h1{font-size:32px}
  .kh-hero-sm h1{font-size:30px}
  .kh-photo-hero p.lead{font-size:16px}
  .kh-title h2{font-size:28px}
  .kh-section{padding:48px 0}
  .kh-cta{padding:30px 22px}
  .kh-stat .kh-num{font-size:34px}
}

/* ===== Polish fixes (hover, active, account pages) ===== */
a:hover{color:var(--kh-navy-dark)}
a.btn:hover,a.btn:focus{text-decoration:none}
.btn-primary,.btn-primary:visited{color:#fff!important}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{color:#fff!important;background:var(--kh-navy-dark)!important;border-color:var(--kh-navy-dark)!important}
.btn-gold:hover,.btn-gold:focus{color:#fff!important;background:#b38f3c!important;border-color:#b38f3c!important}
.btn-outline-primary{background:#fff}
.btn-outline-primary:hover,.btn-outline-primary:focus{color:#fff!important;background:var(--kh-navy)!important;border-color:var(--kh-navy)!important}
.btn-light{background:#fff;border-color:#fff;color:var(--kh-navy)!important}
.btn-light:hover,.btn-light:focus{background:var(--kh-light)!important;border-color:var(--kh-light)!important;color:var(--kh-navy-dark)!important}
.btn-outline-light{color:#fff!important;border-color:rgba(255,255,255,.8)}
.btn-outline-light:hover,.btn-outline-light:focus{background:#fff!important;color:var(--kh-navy)!important}
.kh-card:hover h3,.kh-tile:hover h3,.kh-action:hover strong{color:var(--kh-navy)}
.kh-card-link{display:inline-flex;align-items:center;gap:6px}
.kh-card:hover .kh-card-link,.kh-listing .kh-card-link:hover{color:var(--kh-gold)!important}
.kh-cta .btn,.kh-photo-hero .btn{font-size:15px;padding:12px 24px}
.kh-photo-hero .btn-gold,.kh-cta .btn-gold{box-shadow:0 6px 16px rgba(0,0,0,.18)}
#footer.footer-content a:hover,.kh-footer a:hover{color:var(--kh-gold)!important}
.kh-agent-footer a:hover{color:var(--kh-gold)!important}

/* Menu: active item and spans always readable */
nav.navbar .navbar-nav .nav-item.active>.nav-link,nav.navbar .navbar-nav .nav-item.active>.nav-link span,nav.navbar .navbar-nav .active>.nav-link span{color:var(--kh-navy)!important;background:transparent!important}
nav.navbar .navbar-nav .nav-item.active>.nav-link::after{transform:scaleX(1)}
body:not(:has(.logout-dropdown)) .top-header .top-links li a,body:not(:has(.logout-dropdown)) .top-header .top-links li a span,body:not(:has(.logout-dropdown)) .top-header .navbar-text{color:var(--kh-navy)!important}
body:has(.logout-dropdown) .top-header .top-links li>a,body:has(.logout-dropdown) .top-header .top-links li>a span,body:has(.logout-dropdown) .top-header .navbar-text{color:#fff!important}
.logout-dropdown .dropdown-item{color:var(--kh-navy)!important}
.logout-dropdown .dropdown-item:hover{background:var(--kh-light)!important;color:var(--kh-navy-dark)!important}

/* Account area (My Account, Orders, Profile) */
.account-links a,.account-links a span{color:var(--kh-text)}
.account-links a:hover span,.account-links a.active span,.account-links .active a span{color:var(--kh-navy)!important;font-weight:600}
.form-control:focus,.custom-select:focus{border-color:var(--kh-navy)!important;box-shadow:0 0 0 .2rem rgba(11,45,91,.12)!important}
label,.form-label,.floating-label{color:var(--kh-muted)}
.card{border-color:var(--kh-line);border-radius:12px}
.card:hover{border-color:#cfd6e2}
.text-danger{color:#b42318!important}
.alert-danger{color:var(--kh-navy);background:#fff7e6;border-color:#f0d9a8}
.page-header h1,#middle-content>h1,.body-container h1:not(.kh-page h1){font-size:28px;font-weight:800}
footer p,footer p.m-0::before{color:#9fb0c8!important}
body:has(.logout-dropdown) footer p,body:has(.logout-dropdown) footer p.m-0::before{color:var(--kh-muted)!important}
body:has(.logout-dropdown) footer{padding:12px 0;font-size:12px}
.middle_content{min-height:calc(100vh - 330px)}

/* ===== LAYOUT A: SIDEBAR DASHBOARD (logged-in, desktop 992px+) =====
   To go back to the v1 top-menu layout, delete everything from here to "END LAYOUT A".
   Backup of v1: keystone-store\backup-v1-before-layoutA\ */
:root{--kh-side:264px;--kh-top:68px}
@media (min-width:992px){
body:has(.logout-dropdown){padding-left:var(--kh-side);padding-top:var(--kh-top);background:#f3f5f9}

/* Sidebar shell (the theme's top header becomes the left rail) */
body:has(.logout-dropdown) .top-header{position:fixed;left:0;top:0;bottom:0;width:var(--kh-side);z-index:1031;background:linear-gradient(180deg,#0B2D5B 0%,#071f40 100%)!important;border:0!important;padding:22px 18px!important;display:block!important}
body:has(.logout-dropdown) .top-header>.container{display:block!important;max-width:none;padding:0;margin:0}
body:has(.logout-dropdown) .top-header .navbar-brand{display:block!important;background:#fff;border-radius:12px;padding:12px 14px!important;text-align:center;margin:0!important}
body:has(.logout-dropdown) .top-header .navbar-brand img{max-height:54px;margin:0 auto;display:block}
body:has(.logout-dropdown) .top-header .navbar-brand::after{left:4px;top:calc(100% + 16px);transform:none;font-size:11px;letter-spacing:2.5px;color:var(--kh-gold)}

/* Top bar: search (left) and user menu (right) */
body:has(.logout-dropdown) .top-header .container>div:nth-child(2){position:fixed;top:0;left:var(--kh-side);right:0;height:var(--kh-top);background:#fff;border-bottom:1px solid var(--kh-line);box-shadow:0 2px 10px rgba(11,45,91,.04);display:flex;align-items:center;padding:0 32px;margin:0!important;z-index:1030}
body:has(.logout-dropdown) .top-header .container>div:nth-child(2) form,body:has(.logout-dropdown) .top-header .header-search{width:420px;max-width:42vw}
body:has(.logout-dropdown) .header-search .form-control{background:#f3f5f9!important;border:1px solid var(--kh-line)!important;color:var(--kh-text)!important;border-radius:10px!important;height:42px}
body:has(.logout-dropdown) .header-search .form-control::placeholder{color:#8a94a3!important}
body:has(.logout-dropdown) .header-search .btn,body:has(.logout-dropdown) .header-search button{color:var(--kh-navy)!important;background:transparent!important;border:0!important}
body:has(.logout-dropdown) .top-header .container>div.d-flex.align-items-center{position:fixed;top:0;right:32px;height:var(--kh-top);z-index:1033;display:flex}
body:has(.logout-dropdown) .top-header .top-links li>a,body:has(.logout-dropdown) .top-header .top-links li>a span,body:has(.logout-dropdown) .top-header .navbar-text{color:var(--kh-text)!important;font-size:14px}
body:has(.logout-dropdown) .top-header .navbar-text>a{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--kh-navy)!important;background:#f3f5f9;border:1px solid var(--kh-line);border-radius:30px;padding:7px 14px;margin-left:6px}
body:has(.logout-dropdown) .top-header .navbar-text>a::before{content:'\f007';font-family:'Font Awesome 6 Pro';font-weight:900;font-size:12px;color:#fff;background:var(--kh-navy);width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
body:has(.logout-dropdown) .top-header .logout-dropdown{right:0;left:auto;min-width:200px;border-radius:10px!important;overflow:hidden}

/* Sidebar menu (the theme's nav bar) */
body:has(.logout-dropdown) nav.navbar.sticky-top{position:fixed!important;left:0;top:178px;bottom:0;width:var(--kh-side);z-index:1032;background:transparent!important;box-shadow:none!important;border:0!important;padding:0 14px!important;display:block}
body:has(.logout-dropdown) nav.navbar>.container,body:has(.logout-dropdown) nav.navbar>.container>.d-flex{display:block!important;max-width:none;padding:0;margin:0;width:100%}
body:has(.logout-dropdown) nav.navbar #navbarText{display:block!important}
body:has(.logout-dropdown) nav.navbar .navbar-nav{flex-direction:column!important;align-items:stretch!important;gap:4px;margin:0!important}
body:has(.logout-dropdown) nav.navbar .navbar-nav>li::before{content:'MENU';display:none}
body:has(.logout-dropdown) nav.navbar .navbar-nav>li.nav-item:first-of-type{margin-top:0}
body:has(.logout-dropdown) nav.navbar .navbar-nav .nav-link{display:flex!important;align-items:center;gap:12px;color:rgba(255,255,255,.78)!important;font-size:15px;font-weight:600;padding:12px 16px!important;border-radius:10px;transition:background .15s,color .15s}
body:has(.logout-dropdown) nav.navbar .navbar-nav .nav-link::after{display:none!important}
body:has(.logout-dropdown) nav.navbar .navbar-nav .nav-link::before{font-family:'Font Awesome 6 Pro';font-weight:900;font-size:16px;width:20px;height:auto;text-align:center;color:rgba(255,255,255,.55);content:'\f111';display:inline-block!important;position:static!important;background:none!important;order:1;transform:none!important;opacity:1!important}
body:has(.logout-dropdown) nav.navbar .navbar-nav .nav-link span{order:2;color:inherit!important;display:inline!important}
body:has(.logout-dropdown) nav.navbar .navbar-nav .nav-link[href*="welcome"]::before{content:'\f015'!important}
body:has(.logout-dropdown) nav.navbar .navbar-nav .nav-link[href*="user_order"]::before{content:'\f46d'!important}
body:has(.logout-dropdown) nav.navbar .navbar-nav .nav-link[href*="agent-help"]::before{content:'\f059'!important}
body:has(.logout-dropdown) nav.navbar .navbar-nav .nav-link[href*="user_account"]::before{content:'\f2bd'!important}
body:has(.logout-dropdown) nav.navbar .navbar-nav .nav-link:hover{background:rgba(255,255,255,.08);color:#fff!important}
body:has(.logout-dropdown) nav.navbar .navbar-nav .nav-link:hover::before{color:#fff}
body:has(.logout-dropdown) nav.navbar .navbar-nav>.active>.nav-link{background:rgba(200,162,74,.16);color:#fff!important;box-shadow:inset 3px 0 0 var(--kh-gold)}
body:has(.logout-dropdown) nav.navbar .navbar-nav>.active>.nav-link::before{color:var(--kh-gold)}
body:has(.logout-dropdown) nav.navbar .navbar-nav>.active>.nav-link>span,body:has(.logout-dropdown) nav.navbar .navbar-nav .nav-link:hover>span{color:#fff!important}
body:has(.logout-dropdown) nav.navbar .dropdown-menu{display:none!important}
body:has(.logout-dropdown) nav.navbar .show>.dropdown-menu{display:block!important;position:static!important;transform:none!important;float:none;background:transparent!important;border:0!important;box-shadow:none!important;padding:2px 0 6px 32px!important;margin:0!important}
body:has(.logout-dropdown) nav.navbar .dropdown-menu a,body:has(.logout-dropdown) nav.navbar .dropdown-item{color:rgba(255,255,255,.7)!important;background:transparent!important;font-size:14px;padding:7px 16px!important;border:0!important;border-radius:8px}
body:has(.logout-dropdown) nav.navbar .dropdown-menu a:hover{color:#fff!important;background:rgba(255,255,255,.06)!important}
body:has(.logout-dropdown) nav.navbar .dropdown-menu li{border:0!important}
body:has(.logout-dropdown) nav.navbar .dropdown-menu a::before,body:has(.logout-dropdown) nav.navbar .dropdown-menu a::after{display:none!important}
body:has(.logout-dropdown) nav.navbar::after{content:'Need help?\A Jordan Reyes, Marketing\A (732) 555-0162';white-space:pre;position:absolute;left:14px;right:14px;bottom:20px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.75);font-size:13px;line-height:1.6}

/* Content area */
body:has(.logout-dropdown) .middle_content,body:has(.logout-dropdown) #main-content,body:has(.logout-dropdown) .body-container{background:transparent!important}
body:has(.logout-dropdown) .body-container{max-width:1440px!important;width:100%;margin:0;padding:28px 36px 48px!important}
body:has(.logout-dropdown) .kh-full{width:auto;left:auto;right:auto;margin-left:0;margin-right:0}
body:has(.logout-dropdown) .kh-wrap{max-width:none;padding:0}
body:has(.logout-dropdown) .kh-agent-hero{background:transparent;border:0;padding:8px 0 24px}
body:has(.logout-dropdown) .kh-section{padding:24px 0}
body:has(.logout-dropdown) .kh-bg-light{background:transparent}
body:has(.logout-dropdown) #footer.footer-content,body:has(.logout-dropdown) footer{background:transparent!important;border-top:1px solid var(--kh-line)}
body:has(.logout-dropdown) #footer .kh-wrap,body:has(.logout-dropdown) footer>.container{max-width:1440px!important;margin:0;padding:0 36px!important}
}

/* Dashboard components (all sizes) */
.kh-dash{padding:8px 0 16px}
.kh-dash-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}
.kh-dash-head .kh-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8a6a22;margin-bottom:6px}
.kh-dash-head h1{font-size:30px;font-weight:800;color:var(--kh-navy);margin:0 0 4px}
.kh-dash-head p{color:var(--kh-muted);margin:0;max-width:560px}
.kh-dash-head .btn{border-radius:10px;padding:10px 18px;font-weight:700}
.kh-dash-head .btn i{margin-right:6px}
.kh-stat{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--kh-line);border-radius:14px;padding:18px;height:100%;color:var(--kh-text);text-decoration:none!important;transition:all .2s}
.kh-stat:hover{border-color:var(--kh-navy);box-shadow:0 10px 24px rgba(11,45,91,.1);transform:translateY(-2px);color:var(--kh-text)}
.kh-stat .kh-chip{flex:0 0 46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px}
.kh-chip.kh-c1{background:#e8eef7;color:var(--kh-navy)}
.kh-chip.kh-c2{background:#f6efdc;color:#8a6a22}
.kh-chip.kh-c3{background:#e5f4ee;color:#1f7a55}
.kh-chip.kh-c4{background:#efedff;color:#4b3fb0}
.kh-stat,.kh-stat span{text-align:left}
.kh-stat strong{display:block;font-family:'Montserrat',sans-serif;font-size:15px;color:var(--kh-navy)}
.kh-stat small{color:var(--kh-muted);font-size:13px}
.kh-panel{background:#fff;border:1px solid var(--kh-line);border-radius:16px;padding:24px;height:100%}
.kh-panel h2{font-size:18px;font-weight:800;color:var(--kh-navy);margin:0 0 4px}
.kh-panel .kh-sub{color:var(--kh-muted);font-size:14px;margin:0 0 18px}
.kh-cat{display:flex;flex-direction:column;gap:10px;height:100%;border:1px solid var(--kh-line);border-radius:12px;padding:16px;color:var(--kh-text);text-decoration:none!important;transition:all .2s;background:#fff}
.kh-cat:hover{border-color:var(--kh-navy);background:#f8fafc;color:var(--kh-text)}
.kh-cat i{width:40px;height:40px;border-radius:10px;background:var(--kh-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px}
.kh-cat strong{font-size:15px;color:var(--kh-navy)}
.kh-cat small{color:var(--kh-muted);font-size:13px;line-height:1.4}
.kh-steps{list-style:none;padding:0;margin:0;counter-reset:kh}
.kh-steps li{position:relative;padding:0 0 16px 44px;color:var(--kh-text);font-size:14px}
.kh-steps li::before{counter-increment:kh;content:counter(kh);position:absolute;left:0;top:-2px;width:28px;height:28px;border-radius:50%;background:#f6efdc;color:#8a6a22;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.kh-steps li strong{display:block;color:var(--kh-navy)}
.kh-contact{display:flex;align-items:center;gap:14px;margin-top:6px}
.kh-avatar{flex:0 0 48px;height:48px;border-radius:50%;background:var(--kh-navy);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif}
.kh-contact strong{display:block;color:var(--kh-navy)}
.kh-contact small{color:var(--kh-muted)}
.kh-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border-radius:16px;padding:26px 28px;background:linear-gradient(120deg,#0B2D5B 0%,#163f78 100%);color:#fff}
.kh-banner h2{color:#fff;font-size:20px;font-weight:800;margin:0 0 4px}
.kh-banner p{color:#c9d3e3;margin:0}
.kh-banner .kh-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.kh-banner .kh-tags span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:4px 12px;font-size:13px}
.kh-banner .btn{background:var(--kh-gold)!important;border-color:var(--kh-gold)!important;color:#0B2D5B!important;font-weight:800;border-radius:10px;padding:10px 20px}
/* ===== END LAYOUT A ===== */

/* ===== PRODUCT PAGE (Keystone) — options card, price summary, design chooser. Remove from here to "END PRODUCT PAGE" to undo. ===== */
#product-info #price_calculator{background:#fff;border:1px solid var(--kh-line)!important;border-radius:16px;padding:22px 24px 8px;box-shadow:0 8px 24px rgba(11,45,91,.06)}
#product-info #price_calculator>.card-header{display:none}
#product-info #price_calculator::before{content:'1  Choose your options';display:block;font-family:'Montserrat',sans-serif;font-weight:800;font-size:16px;color:var(--kh-navy);padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--kh-line);white-space:pre}
#product-info #price_calculator .price_calculator{margin-top:8px!important}
#product-info #normalcalc label,#product-info #normalcalc .control-label,#product-info #normalcalc .prduct_option>label,#product-info #normalcalc h5,#product-info #normalcalc .option-title{font-weight:700!important;color:var(--kh-navy)!important;font-size:14px!important;margin-bottom:6px}
#product-info #normalcalc .form-control,#product-info #normalcalc select{border:1px solid var(--kh-line)!important;border-radius:10px!important;height:44px;background-color:#f8fafc!important;color:var(--kh-text)!important;font-weight:600}
#product-info #normalcalc .form-control:focus,#product-info #normalcalc select:focus{border-color:var(--kh-navy)!important;box-shadow:0 0 0 3px rgba(11,45,91,.12)!important;background:#fff!important}
#product-info #prductsize,#product-info #prductqty{margin-bottom:6px}
#product-info #additionaloptionid .custom-control,#product-info #additionaloptionid .form-check,#product-info #additionaloptionid .radio{padding-top:3px;padding-bottom:3px}
#product-info #additionaloptionid input[type=radio]{accent-color:#0B2D5B}
#product-info #productpricetotal{background:#f3f5f9;border-radius:12px;padding:14px 16px;margin:14px 0 6px}
#product-info #productpricetotal *{color:var(--kh-text)}
#product-info #productpricetotal .h3,#product-info #productpricetotal h3,#product-info #productpricetotal .total_price,#product-info #productpricetotal [id*=total]{color:var(--kh-navy)!important;font-weight:800}
#product-info #shippingcalc{margin-top:10px!important}
#product-info #shippingcalc .page-section-header{border:0!important;padding:0!important}
#product-info #shippingcalc h4,#product-info #shippingcalc .card-title{font-size:13px!important;font-weight:600;color:var(--kh-muted)!important}
#product-info #get-started{position:relative;font-size:0!important;line-height:0;padding:16px 20px 15px!important;border-radius:12px!important;background:var(--kh-navy)!important;border-color:var(--kh-navy)!important;box-shadow:0 10px 22px rgba(11,45,91,.22);margin-top:6px}
#product-info #get-started::before{content:'2  Choose a design   \2192';white-space:pre;display:block;font-size:17px;line-height:1.3;font-weight:800;color:#fff;font-family:'Montserrat',sans-serif}
#product-info #get-started::after{content:'Pick a Keystone template or upload your own file';display:block;font-size:13px;line-height:1.3;font-weight:500;color:#c9d3e3;margin-top:4px}
#product-info #get-started:hover{background:var(--kh-navy-dark)!important}
#product-info .carousel,#product-info .product-img,#product-info .slider-for,#product-info .product_image{border-radius:16px;overflow:hidden}

/* Design chooser popup: templates first, upload second */
.actionButtonsModal #action-btn{display:flex;flex-wrap:wrap}
.actionButtonsModal .page-sub-header h2{font-size:0!important;line-height:0;margin:0 0 6px!important}
.actionButtonsModal .page-sub-header h2::before{content:'How would you like to design it?';display:block;font-size:22px;line-height:1.3;font-weight:800;color:#0B2D5B;font-family:'Montserrat',sans-serif}
.actionButtonsModal .page-sub-header h2::after{content:'Most agents start from a template. It only takes a minute.';display:block;font-size:14px;line-height:1.4;font-weight:400;color:#5b6573;margin-top:4px}
.actionButtonsModal .page-sub-header{border:0!important}
.actionButtonsModal .page-sub-header h2 font,.actionButtonsModal .page-sub-header h2 br{display:none!important}
.actionButtonsModal #action-btn>div:has(.browse_design){order:1;flex:0 0 100%;max-width:100%}
.actionButtonsModal #action-btn>div:has(.upload_design){order:2;flex:0 0 100%;max-width:100%}
.actionButtonsModal .btn-title-text{border-radius:14px!important;overflow:hidden;transition:all .2s}
.actionButtonsModal .btn-title-text a{padding:18px 20px!important;text-decoration:none!important}
.actionButtonsModal .btn-title-text .h4{display:block;font-size:18px!important;font-weight:800;margin:0!important}
.actionButtonsModal .btn-title-text .h4 i{margin-top:3px}
.actionButtonsModal .btn-title-text a::after{display:block;font-size:14px;font-weight:400;margin-top:4px;line-height:1.4}
.actionButtonsModal .browse_design{background:#0B2D5B!important;border:2px solid #0B2D5B!important;box-shadow:0 10px 22px rgba(11,45,91,.22)}
.actionButtonsModal .browse_design a,.actionButtonsModal .browse_design .h4{color:#fff!important}
.actionButtonsModal .browse_design .h4::before{content:'RECOMMENDED';display:inline-block;font-size:10px;letter-spacing:1.5px;background:#c8a24a;color:#0B2D5B;border-radius:20px;padding:2px 8px;margin-right:10px;vertical-align:middle}
.actionButtonsModal .browse_design a::after{content:'Start from a pre-approved Keystone template. Add your name, phone and photo, and see a live preview.';color:#c9d3e3}
.actionButtonsModal .browse_design:hover{background:#071f40!important}
.actionButtonsModal .upload_design{background:#fff!important;border:2px solid #e3e7ee!important}
.actionButtonsModal .upload_design a,.actionButtonsModal .upload_design .h4{color:#0B2D5B!important}
.actionButtonsModal .upload_design a{background:#fff!important}
.actionButtonsModal .browse_design a{background:transparent!important}
.actionButtonsModal .upload_design .h4 i{color:#0B2D5B!important}
body .actionButtonsModal #action-btn .upload_design a span.h4,body .actionButtonsModal #action-btn .upload_design a span.h4 i{color:#0B2D5B!important;-webkit-text-fill-color:#0B2D5B!important}
.actionButtonsModal .upload_design a::after{content:'Already have a print-ready file? Upload a PDF or image instead.';color:#5b6573}
.actionButtonsModal .upload_design:hover{border-color:#0B2D5B!important}
/* ===== END PRODUCT PAGE ===== */

/* ===== B2B PRODUCT PAGE ADDITIONS (Keystone, 2026-11-03): templates strip, step 3 label, hide shipping estimate (sign products ship free). Remove from here to "END B2B PRODUCT PAGE ADDITIONS" to undo. ===== */
#product-info #shippingcalc{display:none!important}
#product-info .col-md-6:has(#get-started)::after{content:'3  Review your proof, then add to cart';white-space:pre;display:block;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;color:#5b6573;text-align:center;margin:-10px 0 18px}
#product-info #templatelist{background:#fff;border:1px solid var(--kh-line);border-radius:16px;padding:20px 8px 4px;margin:8px 0 26px!important;box-shadow:0 8px 24px rgba(11,45,91,.06)}
#product-info #templatelist::before{content:'Start from a Keystone design';display:block;width:100%;font-family:'Montserrat',sans-serif;font-weight:800;font-size:18px;color:#0B2D5B;padding:0 22px 2px;order:-2}
#product-info #templatelist::after{content:'Pick a design and click Customize. Your name, phone and photo go in on the next screen.';display:block;width:100%;font-size:13px;color:#5b6573;padding:0 22px 6px;order:-1}
#product-info #templatelist .templatebox .card{border:1px solid var(--kh-line)!important;border-radius:12px;overflow:hidden}
#product-info #templatelist .templatebox .btn-primary{background:#0B2D5B!important;border-color:#0B2D5B!important;border-radius:8px}
/* ===== END B2B PRODUCT PAGE ADDITIONS ===== */