/* A small self-hosted design layer, informed by open UX research. */
:root{--kp-ink:#192020;--kp-muted:#56635f;--kp-line:#dedfd9;--kp-surface:#f7f8f5;--kp-accent:#842d44;--kp-focus:#135f80;--kp-radius:8px;--kp-space:8px}
body.kolpak-store{color:var(--kp-ink);text-rendering:optimizeLegibility}
body.kolpak-store :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--kp-focus);outline-offset:3px}
body.kolpak-store :is(input,select,textarea):focus{border-color:var(--kp-focus);box-shadow:0 0 0 2px #135f8018}
body.kolpak-store [aria-invalid=true]{border-color:#a52a36!important;border-style:solid!important;box-shadow:0 0 0 1px #a52a36}
body.kolpak-store :is(button,a,input,textarea,select){-webkit-tap-highlight-color:#842d4424}
body.kolpak-store :is(h1,h2,h3,p,dt,dd,a,small){overflow-wrap:break-word}
body.kolpak-store :is(input,select,textarea){max-width:100%}
body.kolpak-store input[type=checkbox],body.kolpak-store input[type=radio]{accent-color:var(--kp-accent)}
body.kolpak-store ::selection{background:#e6c6d0;color:#192020}
body.kolpak-store :is(main,#content,[role=tabpanel]){scroll-margin-top:24px}
body.kolpak-store .kp-network-note{padding:10px 20px;background:#fff4d3;color:#624600;text-align:center;font-size:14px;line-height:1.5}
body.kolpak-store :is(.kp-search-field,.kp-commerce-search-main){position:relative}
body.kolpak-store .kp-query-clear{position:absolute;right:52px;top:50%;transform:translateY(-50%);width:40px;height:40px;min-height:40px;border:0;background:transparent;color:#59625f;font:24px/1 Arial,sans-serif;border-radius:5px;z-index:2}
body.kolpak-store .kp-query-clear[hidden]{display:none}
body.kolpak-store .kp-search-field input{padding-right:94px}
body.kolpak-store .kp-commerce-search-main .kp-query-clear{right:106px}
body.kolpak-store .kp-commerce-search-main input[name=search]{padding-right:46px}
body.kolpak-store .kp-query-label{display:block;margin:4px 0 12px;color:var(--kp-muted);font-size:16px}
body.kolpak-store .kp-garage-retry{border:1px solid #fff8;background:transparent;color:#fff;min-height:44px;padding:8px 12px;border-radius:6px;margin-top:8px}
body.kolpak-store .kp-filter-number{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:12px;background:#efe2e6;color:#672238;font-size:12px;margin-left:8px;vertical-align:middle}
body.kolpak-store .kp-facet-option.is-disabled{color:#78817d;cursor:default}
body.kolpak-store .kp-facet-option:has(input:checked){font-weight:600}
body.kolpak-store #kp-category-results[aria-busy=true]{opacity:.55;transition:opacity .15s;cursor:progress}
body.kolpak-store .kp-category-reload{display:inline-block;margin:8px 12px;text-decoration:underline}
body.kolpak-store :is(.kp-commerce-card,.kp-product):focus-within{border-color:#842d44;box-shadow:0 0 0 1px #842d44}
body.kolpak-store :is(.kp-commerce-card,.kp-product):focus-within :is(.kp-commerce-title,.kp-product-copy h3){display:block;overflow:visible;-webkit-line-clamp:unset;max-height:none}
body.kolpak-store :is(.kp-commerce-price,.kp-price){font-variant-numeric:tabular-nums}
body.kolpak-store :is(.kp-commerce-price,.kp-price) del{color:#65716a;font-weight:400;font-size:.8em}
body.kolpak-store :is(.kp-commerce-photo,.kp-product-photo){overflow:hidden;background:#fff}
body.kolpak-store :is(.kp-commerce-photo img,.kp-product-photo img){object-fit:contain}
body.kolpak-store .pagination>li>a,body.kolpak-store .pagination>li>span{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px}
body.kolpak-store .pagination>.active>span{background:var(--kp-accent);border-color:var(--kp-accent);color:#fff}
body.kolpak-store :is(.kp-commerce-breadcrumb,.breadcrumb,.kc-crumb,.id-breadcrumb){line-height:1.6}
body.kolpak-store :is(.kp-commerce-breadcrumb a,.breadcrumb a,.kc-crumb a){text-underline-offset:3px}
body.kolpak-store :is(.kp-commerce-breadcrumb a,.breadcrumb a,.kc-crumb a):hover{text-decoration:underline}
body.kolpak-store .kp-readable-content{font-size:16px;line-height:1.7}
body.kolpak-store .kp-readable-content :is(p,ul,ol){max-width:72ch}
body.kolpak-store .kp-readable-content h2{font-size:clamp(22px,2.2vw,30px);line-height:1.3;margin:28px 0 12px}
body.kolpak-store .kp-readable-content h3{font-size:20px;line-height:1.4;margin:24px 0 10px}
body.kolpak-store .kp-readable-content li{margin-bottom:8px}
body.kolpak-store .kp-readable-content a:not(.btn){text-decoration:underline;text-underline-offset:3px}
body.kolpak-store .kp-scroll-table{max-width:100%;overflow:auto;overscroll-behavior-x:contain;margin:16px 0;border:1px solid var(--kp-line);border-radius:6px}
body.kolpak-store .kp-scroll-table table{margin:0;min-width:480px}
body.kolpak-store .kp-readable-content img{max-width:100%;height:auto}
body.kolpak-store .kp-review-status:empty{display:none}
body.kolpak-store .kp-review-status{padding:12px 14px;background:#f4f6f0;border-left:3px solid #62815f;line-height:1.5;font-size:14px}
body.kolpak-store .kp-review-status[role=alert]{background:#fff5f3;border-color:#a52a36;color:#842733}
body.kolpak-store .kp-review-count{display:block;text-align:right;color:var(--kp-muted);font-size:12px;padding-top:6px}
body.kolpak-store .kp-quantity-minimum{display:block;font-size:12px;color:var(--kp-muted);margin:-8px 0 14px}
body.kolpak-store #product .form-group[role=radiogroup] .radio label,body.kolpak-store #product .form-group[role=group] .checkbox label{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 12px;border:1px solid var(--kp-line);border-radius:6px;cursor:pointer}
body.kolpak-store #product :is(.radio,.checkbox) input{position:static;margin:0;flex-shrink:0}
body.kolpak-store #product :is(.radio,.checkbox) label:has(input:checked){border-color:var(--kp-accent);background:#faf1f4}
body.kolpak-store #product :is(.radio,.checkbox) .img-thumbnail{width:42px;height:42px;object-fit:contain}
body.kolpak-store .kp-pdp-thumb-track{scroll-padding:8px;scroll-snap-type:x proximity}
body.kolpak-store .kp-pdp-thumb-track .image-additional{scroll-snap-align:start}
body.kolpak-store .kp-pdp-details .nav-tabs{scroll-padding:8px}
body.kolpak-store .kp-pdp-details .nav-tabs a{min-height:44px;display:flex;align-items:center}
body.kolpak-store .kp-spec-table{width:100%;font-size:14px}
body.kolpak-store .kp-spec-table td{padding:12px 14px!important;line-height:1.5;overflow-wrap:anywhere}
body.kolpak-store .kp-spec-table tbody tr:nth-child(even){background:#f7f8f5}
body.kolpak-store .kc-consent a{color:#74263b;text-decoration:underline;text-underline-offset:3px}
body.kolpak-store .kc-results button{min-height:44px;font-size:14px}
body.kolpak-store .kc-results button:focus-visible{outline-offset:-3px;background:#f3e8ec}
body.kolpak-store .kc-choice:has(input:checked){border-color:var(--kp-accent);background:#fbf4f6}
body.kolpak-store .kc-types label{min-height:44px;display:inline-flex;align-items:center;gap:7px}
body.kolpak-store .kc-choice{min-height:60px}
body.kolpak-store .kc-consent{font-size:12px;gap:10px}
body.kolpak-store .kc-consent input{min-width:18px;min-height:18px;margin-top:2px}
body.kolpak-store :is(.kc-cart-remove,#cart .btn-danger){min-width:44px;min-height:44px}
body.kolpak-store .kc-quantity button{min-width:44px;min-height:44px}
body.kolpak-store .kc-quantity input{font-size:16px}
body.kolpak-store.kp-empty-cart-context .kp-newsletter{display:none}
body.kolpak-store .kp-quote-stale{font-size:14px;line-height:1.5;padding:12px;background:#fff4d3;color:#624600;border-radius:6px}
body.kolpak-store .kp-quote-stale[hidden]{display:none}
body.kolpak-store .kp-stale-results{opacity:.55}
body.kolpak-store .id-form [readonly]{background:#f1f3ed;color:#48564d}
body.kolpak-store :is(.id-form .id-remove,.id-form .id-add){min-height:44px}
body.kolpak-store #account-account #content>.list-unstyled{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}
body.kolpak-store #account-account #content>.list-unstyled a{display:flex;align-items:center;min-height:56px;padding:14px 16px;background:var(--kp-surface);border:1px solid var(--kp-line);border-radius:var(--kp-radius);color:var(--kp-ink);font-size:15px;line-height:1.4}
body.kolpak-store #account-account #content>.list-unstyled a:hover{border-color:var(--kp-accent);text-decoration:none}
@media(max-width:767px){
 body.kolpak-store :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px!important}
 body.kolpak-store :is(.kp-sub-toggle,.kp-nav-direct,.kp-menu-back,.kp-account,.kp-header-cart button,.kp-commerce-actions a,.kp-related-open){min-height:44px}
 body.kolpak-store .kp-commerce-toolbar>div{flex-wrap:wrap;gap:10px}
 body.kolpak-store .kp-commerce-toolbar label{flex:1;min-width:0}
 body.kolpak-store .kp-commerce-toolbar select{max-width:100%;width:100%;min-height:44px}
 body.kolpak-store #account-account #content>.list-unstyled{grid-template-columns:1fr}
 body.kolpak-store .kp-readable-content{font-size:16px;line-height:1.65}
 body.kolpak-store .kp-commerce-search-main .kp-query-clear{right:90px}
 body.kolpak-store .kp-pdp-buy .text-danger{font-size:14px;line-height:1.5}
 body.kolpak-store .kc-cart-bottom .kc-cart-remove{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){body.kolpak-store *,body.kolpak-store *:before,body.kolpak-store *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){body.kolpak-store{--kp-muted:#303c36;--kp-line:#7c8780}body.kolpak-store :is(.kp-commerce-sku,.kc-description,.kc-footnote){color:#303c36}}
@media(forced-colors:active){body.kolpak-store :is(a,button,input,select,textarea):focus-visible{outline:3px solid Highlight}body.kolpak-store :is(.kp-button,.kc-submit,#button-cart,.kp-mobile-purchase button){border:2px solid ButtonText}body.kolpak-store [aria-invalid=true]{outline:2px dashed Mark}body.kolpak-store .kp-filter-number{border:1px solid ButtonText}}
body.kolpak-store .kp-native-content{padding-bottom:36px}
body.kolpak-store .kp-native-content .well{background:#fff;border:1px solid var(--kp-line);box-shadow:none;border-radius:10px;padding:24px}
body.kolpak-store .kp-native-content .form-control{min-height:44px;border-radius:6px;border-color:#c9cfca;box-shadow:none;font-size:15px}
body.kolpak-store .kp-native-content textarea.form-control{min-height:140px;resize:vertical}
body.kolpak-store .kp-native-content .control-label{font-size:14px;line-height:1.5;color:var(--kp-ink)}
body.kolpak-store .kp-native-content .form-group{margin-bottom:20px}
body.kolpak-store .kp-native-content .btn-primary{background:var(--kp-accent);border-color:var(--kp-accent);min-height:48px;padding:12px 20px;font-size:15px;border-radius:7px;box-shadow:none}
body.kolpak-store .kp-native-content .btn-default{min-height:44px;border-radius:6px;box-shadow:none}
body.kolpak-store .kp-native-content .buttons{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px}
body.kolpak-store .kp-native-content fieldset legend{font-size:20px;line-height:1.4;padding-bottom:12px;margin-bottom:20px}
body.kolpak-store .kp-password-field{position:relative;display:flex;align-items:center}
body.kolpak-store .kp-password-field input{padding-right:92px}
body.kolpak-store .kp-password-reveal{position:absolute;right:4px;min-width:80px;min-height:36px;background:none;border:0;color:#74263b;font-size:13px;border-radius:4px}
body.kolpak-store .kp-error-summary{border:2px solid #a52a36;padding:18px 22px;margin:20px 0;background:#fff9f7}
body.kolpak-store .kp-error-summary h2{font-size:20px;margin:0 0 12px}
body.kolpak-store .kp-error-summary a{color:#842733;text-decoration:underline;font-size:14px}
body.kolpak-store .kp-native-agreement{display:inline-flex;align-items:flex-start;gap:9px;min-height:44px;line-height:1.5;font-size:13px;margin:0 12px 0 0;font-weight:400;max-width:65ch}
body.kolpak-store .kp-native-agreement input{flex-shrink:0;margin-top:3px;width:18px;height:18px}
body.kolpak-store .kp-native-content .table-responsive{border-radius:7px;max-width:100%;overscroll-behavior-x:contain}
body.kolpak-store .kp-native-content table th{background:#f5f6f2;padding:12px;font-size:13px}
body.kolpak-store .kp-native-content table td{padding:12px;vertical-align:middle;line-height:1.5}
body.kolpak-store .kp-contact-phone{display:inline-flex;align-items:center;min-height:44px;font-size:18px;font-weight:700;color:#74263b}
@media(max-width:767px){body.kolpak-store .kp-native-content .well{padding:20px}body.kolpak-store .kp-native-content .buttons .pull-right{float:none!important}body.kolpak-store .kp-native-content .control-label{margin-bottom:6px}body.kolpak-store .kp-native-content .buttons .btn-primary{width:100%}}

body.kolpak-store .kp-commerce-search-main input[name=search]{flex:1;min-width:0;height:46px;font-size:16px}

@media(max-width:767px){body.kolpak-store .kp-native-content .form-horizontal .form-group{margin-left:0;margin-right:0}body.kolpak-store .kp-native-content .form-horizontal .form-group>[class*=col-]{padding-left:0;padding-right:0}}
body.kolpak-store .kp-price-match button{background:#fff;color:#74263b;border:1px solid #a76e7d;box-shadow:none}
body.kolpak-store .kp-price-match button:hover{background:#faf1f4;color:#632036}

/* Vehicle-first discovery: visible search with less header chrome. */
body.kolpak-store .kp-global-search-label{display:block;color:#26332e;font-size:13px;font-weight:700;line-height:1.3;margin:0 0 5px}
body.kolpak-store .kp-header-search .kp-search-field{border:2px solid #842d44;border-radius:8px;background:#fff;box-shadow:0 2px 8px #1920200b}
body.kolpak-store .kp-header-search .kp-search-field:focus-within{outline:3px solid #842d4428;outline-offset:2px}
body.kolpak-store .kp-header-search .kp-search-field input{min-height:48px;font-size:16px;padding:10px 100px 10px 14px}
body.kolpak-store .kp-header-search .kp-search-field input::placeholder{color:#61706a;opacity:1}
body.kolpak-store .kp-header-search .kp-search-field button{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;min-width:104px;font-size:15px;font-weight:700}
body.kolpak-store .kp-header-search .kp-query-clear{right:106px}
@media(min-width:992px){
body.kolpak-store .kp-header-main{gap:18px;padding-top:8px;padding-bottom:8px}
body.kolpak-store .kp-header-address{display:none}
body.kolpak-store .kp-header-search{flex:1.4}
body.kolpak-store .kp-header-support>span,body.kolpak-store .kp-header-support>small{display:none}
body.kolpak-store .kp-logo{max-width:190px}
}
@media(max-width:767px){
body.kolpak-store .kp-global-search-label{font-size:12px;margin-bottom:4px}
body.kolpak-store .kp-header-search .kp-search-field input{min-height:46px;font-size:16px;padding-right:46px}
body.kolpak-store .kp-header-search .kp-search-field input::placeholder{font-size:13px}
body.kolpak-store .kp-header-search .kp-search-field button{min-width:46px;padding:0 12px}
body.kolpak-store .kp-header-search .kp-search-field button span{display:none}
body.kolpak-store .kp-header-search .kp-query-clear{right:46px}
}
