/* styles.css */
:root{--ink:#172b3b;--muted:#687f90;--line:#d9e5ed;--paper:#f4f8fb;--white:#fff;--accent:#55b9ed;--brand:#0070bf;--dark:#0b3555;--orange:#e2673f;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.45}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.announcement{height:34px;background:var(--dark);color:#e7ebee;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;letter-spacing:.02em}.announcement .pulse,.catalog-badge span{width:6px;height:6px;border-radius:50%;background:var(--accent)}.announcement-sep{opacity:.5}.site-header{height:78px;background:#f8f9fa;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1240px)/2),5.5vw);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-family:'Manrope',sans-serif;font-weight:800;font-size:23px;letter-spacing:-1.4px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--accent);border-radius:50%;font-size:17px;color:var(--ink);letter-spacing:0}.brand-dot{color:#226591}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;font-weight:600;letter-spacing:1.15px;color:var(--muted);line-height:1;margin-top:2px}.main-nav{display:flex;gap:34px;font-size:12px;color:#4f5458}.main-nav a:hover,.help-link:hover{color:#1f597f}.header-actions{display:flex;align-items:center;gap:23px}.help-link{font-size:11px;color:#696f73}.cart-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;font-weight:600;font-size:12px}.cart-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cart-button b{display:grid;place-items:center;border-radius:50%;height:20px;min-width:20px;padding:0 5px;background:var(--accent);font-size:10px}.menu-toggle{display:none;border:0;background:none;font-size:22px}.hero{min-height:610px;position:relative;overflow:hidden;padding:90px max(calc((100vw - 1130px)/2),8vw) 82px;display:grid;grid-template-columns:1fr 470px;align-items:center;gap:72px;background:radial-gradient(ellipse at 75% 50%,rgba(216,243,106,.16),transparent 39%),linear-gradient(110deg,#f3f5f6 0%,#ecf0f2 100%)}.hero:before{content:'';position:absolute;width:470px;height:470px;border:1px solid rgba(41,53,43,.055);border-radius:50%;right:-155px;top:-130px;box-shadow:0 0 0 38px rgba(41,53,43,.025),0 0 0 78px rgba(41,53,43,.018)}.hero-copy{z-index:1;max-width:500px}.eyebrow,.small-label{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#5f6970}.eyebrow>span{width:17px;height:1px;background:#347aa9}.hero h1{font:600 clamp(43px,5vw,68px)/1.04 'Manrope',sans-serif;letter-spacing:-3.7px;margin:24px 0 17px}.hero h1 em,.steps-intro h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-2.2px;color:#426983}.hero-sub{max-width:400px;color:#6f7478;font-size:14px;line-height:1.75;margin:0}.hero-proof{display:flex;gap:27px;margin-top:48px}.proof-item{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.45;color:#686d71}.proof-icon{width:25px;height:25px;border:1px solid #b3c0c8;display:grid;place-items:center;border-radius:50%;font-size:8px;color:#446a83;flex:none}.search-card{z-index:1;background:#fff;padding:28px 29px 22px;border-radius:5px;box-shadow:0 16px 50px rgba(37,48,39,.08);border:1px solid rgba(41,53,43,.05)}.search-card-top{display:flex;align-items:center;justify-content:space-between}.small-label{font-size:8px;letter-spacing:1.3px}.search-card h2,.drawer-header h2{font:700 21px 'Manrope',sans-serif;letter-spacing:-.7px;margin:5px 0 0}.catalog-badge{display:flex;align-items:center;gap:6px;background:#edf2f6;padding:7px 9px;border-radius:20px;font-size:9px;color:#4a677a}.catalog-badge span{width:5px;height:5px;background:#3b84b4}.search-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-top:23px}.search-tab{padding:0 0 12px;border:0;background:none;color:#8b9093;font-size:11px;position:relative}.search-tab.active{color:#272e33;font-weight:700}.search-tab.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#34729c}.search-form{display:none;padding-top:16px}.search-form.active-form{display:block}.search-form label,.modal label{display:block;color:#535a5e;font-size:10px;font-weight:600;margin-bottom:12px}.search-form input,.search-form select,.modal input{display:block;width:100%;height:43px;border:1px solid #dde2e5;border-radius:3px;background:#fafbfc;margin-top:6px;padding:0 12px;color:#293034;font-size:11px;outline:none}.search-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23677068' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.search-form input:focus,.search-form select:focus,.modal input:focus{border-color:#658fab}.search-form select:disabled{color:#aaaeb0;background-color:#f1f3f5}.form-row{display:grid;grid-template-columns:1.3fr .7fr;gap:10px}.primary-button{background:var(--dark);color:white;border:0;border-radius:3px;height:46px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;width:100%;transition:background .2s}.primary-button:hover{background:#40515c}.primary-button span,.outline-button span{font-size:16px;color:var(--accent)}.demo-note{display:flex;gap:6px;font-size:9px;color:#959a9e;margin:14px 0 0;line-height:1.45}.demo-note span{color:#4d7996}.field-hint{font-size:9px;color:#989da1;margin:-4px 0 12px}.hero-stamp{position:absolute;right:calc((100vw - 1240px)/2 + 3px);top:72px;width:80px;height:80px;border:1px solid #c4d3dd;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5b798d;font-size:7px;letter-spacing:1.1px;line-height:1.4;transform:rotate(12deg)}.hero-stamp b{font:600 23px 'Manrope';letter-spacing:-1px;color:#295b7c}.hero-stamp i{position:absolute;right:-11px;bottom:-6px;background:var(--accent);border-radius:50%;padding:5px;font-style:normal;font-size:11px}.trust-strip{height:78px;background:var(--dark);display:flex;align-items:center;justify-content:center;gap:clamp(28px,7vw,100px);color:#ebeff1}.trust-strip div{display:flex;align-items:center;gap:11px;font-size:10px}.trust-strip b{color:var(--accent);font:500 17px 'Manrope';letter-spacing:-.5px}.section,.results-section,.steps-section{max-width:1130px;margin:0 auto}.popular-section{padding:88px 0 96px}.section-heading,.results-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-heading h2,.results-head h2{font:700 31px 'Manrope';letter-spacing:-1.7px;margin:10px 0 0}.text-link{font-size:10px;font-weight:600;color:#546c7c}.text-link span{margin-left:8px;font-size:15px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{height:235px;background:#e7ebed;border:1px solid transparent;border-radius:4px;text-align:left;padding:17px 17px 15px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);transition:transform .2s,border .2s}.category-card:hover{transform:translateY(-3px);border-color:#8aacc2}.category-number{position:relative;z-index:1;color:#878c90;font-size:8px;letter-spacing:.7px}.cat-illustration{position:absolute;width:150px;height:140px;top:39px;left:calc(50% - 75px);display:block}.filter-shape:before{content:'';position:absolute;width:55px;height:86px;border-radius:13px 13px 7px 7px;left:49px;top:23px;background:linear-gradient(100deg,#7e8488,#c3c8cc 47%,#666d71);box-shadow:12px 7px 13px #a0a6aa}.filter-shape:after{content:'';position:absolute;left:48px;top:18px;width:56px;height:13px;border-radius:50%;background:#d9dee1;border:1px solid #747b7f}.filter-shape i{position:absolute;left:52px;top:104px;width:49px;height:11px;background:#40474c;border-radius:50%;z-index:1}.brake-shape:before{content:'';position:absolute;width:89px;height:67px;left:30px;top:34px;border-radius:9px 18px 13px 8px;background:linear-gradient(135deg,#3a4146,#1e2428 70%);transform:rotate(-13deg);box-shadow:7px 13px 18px #b5babe}.brake-shape:after{content:'';position:absolute;left:49px;top:51px;width:57px;height:28px;border-radius:5px;background:#8c9195;transform:rotate(-13deg);box-shadow:inset 0 0 0 5px #676d71}.brake-shape i{position:absolute;left:105px;top:75px;width:11px;height:11px;border:3px solid #73797d;border-radius:50%;z-index:1}.suspension-shape:before{content:'';position:absolute;left:59px;top:20px;width:34px;height:98px;border:6px solid #555b5f;border-radius:14px;background:linear-gradient(90deg,#7e8488,#dce0e3,#72777b);box-shadow:9px 10px 16px #b9bfc3}.suspension-shape:after{content:'';position:absolute;left:49px;top:37px;width:54px;height:55px;border:5px solid #7e8488;border-radius:50%;box-shadow:inset 0 0 0 3px #d1d5d8}.suspension-shape i{position:absolute;left:67px;top:3px;width:18px;height:20px;border-radius:3px;background:#3c4348}.spark-shape:before{content:'';position:absolute;width:21px;height:99px;left:63px;top:18px;background:linear-gradient(90deg,#8b9093,#ebeef0,#73797d);clip-path:polygon(23% 0,77% 0,77% 45%,100% 50%,100% 58%,78% 62%,72% 100%,28% 100%,22% 62%,0 58%,0 50%,22% 45%);filter:drop-shadow(8px 10px 8px #afb4b8)}.spark-shape:after{content:'';position:absolute;left:57px;top:20px;width:33px;height:21px;background:#676e73;border-radius:3px 3px 1px 1px;box-shadow:0 7px 0 -3px #b9bec1,0 14px 0 -3px #b9bec1}.category-title{position:relative;z-index:1;font:700 20px 'Manrope';letter-spacing:-.8px}.category-meta{position:relative;z-index:1;color:#73797d;font-size:9px;display:flex;justify-content:space-between;align-items:center}.category-meta b{font-size:14px;color:#447697}.results-section{padding:0 0 94px}.results-head{margin-bottom:16px}.demo-chip{font-size:9px;border:1px solid #c8d6df;border-radius:30px;color:#3e6681;padding:7px 11px}.result-message{min-height:36px;color:#858d85;font-size:10px;padding:7px 0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.product-card{background:#fff;border:1px solid #e2e6e8;border-radius:4px;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #262e3312}.product-card.is-hidden{display:none}.product-visual{height:178px;position:relative;display:grid;place-items:center;overflow:hidden}.visual-filter{background:#e4e8eb}.visual-brake{background:#e2e6e8}.visual-spark{background:#e3e7e9}.visual-air{background:#e5e8ea}.product-visual:before,.product-visual:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #b7bec3;border-radius:50%;opacity:.28}.product-visual:after{width:166px;height:166px}.product-tag{position:absolute;top:11px;left:11px;background:var(--accent);border-radius:2px;padding:5px 7px;font-size:7px;letter-spacing:.7px;font-weight:700;z-index:1}.product-tag-light{background:#f1f5f7}.visual-caption{position:absolute;bottom:10px;left:12px;color:#878c90;font-size:7px;letter-spacing:.8px}.part-art{position:relative;z-index:1;filter:drop-shadow(10px 13px 8px #343b4025)}.canister{width:51px;height:79px;border-radius:8px 8px 5px 5px;background:linear-gradient(90deg,#495156,#ced3d7 48%,#565e63);border-top:9px solid #d4d9dd}.canister:before{content:'';position:absolute;width:54px;height:14px;border-radius:50%;background:#787f84;top:-12px;left:-2px}.canister:after{content:'';position:absolute;left:12px;right:12px;top:29px;height:1px;background:#e9ecee;box-shadow:0 4px #6e7579,0 8px #e9ecee,0 12px #6e7579}.brake-pad{width:82px;height:45px;border-radius:6px 15px 9px 6px;background:linear-gradient(135deg,#272d31,#595f63);transform:rotate(-12deg);box-shadow:inset 0 0 0 7px #a6abae}.brake-pad:after{content:'';position:absolute;width:12px;height:12px;background:#d6dadd;border-radius:50%;right:5px;top:16px}.spark-plug{width:18px;height:85px;background:linear-gradient(90deg,#81878b,#eff1f3,#71777b);clip-path:polygon(25% 0,75% 0,75% 36%,100% 43%,100% 50%,76% 57%,70% 100%,30% 100%,24% 57%,0 50%,0 43%,24% 36%)}.spark-plug:before{content:'';position:absolute;top:0;left:-4px;width:26px;height:21px;background:#656c71;border-radius:3px}.air-filter{width:105px;height:53px;border:8px solid #545b5f;border-radius:4px;background:repeating-linear-gradient(90deg,#bbc1c5 0 5px,#e0e4e6 5px 9px);transform:rotate(-8deg);box-shadow:7px 9px 12px #6e747845}.air-filter:after{content:'';position:absolute;inset:-4px;border:2px solid #8f9599;border-radius:3px}.product-info{padding:15px 14px 13px}.product-brand{color:#4c7591;font-size:8px;font-weight:700;letter-spacing:1px}.product-info h3{font:600 14px 'Manrope';letter-spacing:-.3px;margin:5px 0 3px}.product-info p{color:#919699;font-size:9px;margin:0 0 15px}.product-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ebeef0;padding-top:10px}.product-bottom strong{font:700 15px 'Manrope';letter-spacing:-.5px}.add-button{width:29px;height:29px;border-radius:50%;background:#e9f0f4;border:1px solid #cddde7;color:#2c5b7b;font-size:18px;line-height:1}.add-button:hover{background:var(--accent);border-color:var(--accent)}.vin-banner{max-width:1130px;margin:0 auto 92px;background:#e3e8ec;padding:35px 44px;display:flex;align-items:center;gap:23px;position:relative;overflow:hidden}.vin-banner:after{content:'';position:absolute;width:225px;height:225px;border:1px solid #c5d0d7;border-radius:50%;right:150px;top:-123px;box-shadow:0 0 0 25px #d8e0e5}.vin-mark{position:relative;z-index:1;background:var(--dark);color:var(--accent);font:800 19px 'Manrope';letter-spacing:1px;padding:15px 12px;border-radius:3px}.vin-banner>div:nth-child(2){flex:1;z-index:1}.vin-banner h2{font:700 22px 'Manrope';letter-spacing:-.9px;margin:7px 0 5px}.vin-banner p{color:#767c80;font-size:10px;margin:0}.outline-button{z-index:1;border:1px solid #718592;background:transparent;padding:12px 15px;font-size:10px;font-weight:600;border-radius:3px;display:flex;gap:22px;align-items:center;color:#373d41}.outline-button:hover{background:#d1dce4}.outline-button span{color:#3e6986}.steps-section{padding:0 0 94px;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.steps-intro h2{font:700 37px/1.09 'Manrope';letter-spacing:-2px;margin:15px 0}.steps-intro h2 em{font-size:40px}.steps-intro p{color:#7a8084;font-size:11px}.steps-list{border-top:1px solid #d5dbdf}.step{display:grid;grid-template-columns:42px 1fr 22px;align-items:start;gap:10px;padding:22px 0;border-bottom:1px solid #d5dbdf}.step>b{font:500 14px 'Manrope';color:#437393}.step h3{font:600 14px 'Manrope';margin:0 0 5px}.step p{font-size:10px;color:#82878b;margin:0}.step>span{font-size:15px;color:#4e7b99}.about-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1130px;margin:0 auto 42px;padding:19px 0;display:flex;align-items:center;justify-content:space-between}.about-strip span{font-size:8px;letter-spacing:1px;color:#8a8f93}.about-strip p{font:italic 14px var(--serif);color:#546672;margin:0}.about-strip a{font-size:9px;color:#73797d}footer{background:var(--dark);color:#d8dfe3;min-height:106px;display:flex;align-items:center;justify-content:space-between;padding:20px max(calc((100vw - 1130px)/2),6vw)}footer .brand{font-size:18px;color:#fff}footer .brand-mark{width:27px;height:27px;font-size:14px}footer .brand small{font-size:7px;color:#a3aaaf}footer .brand-dot{color:var(--accent)}footer>span{font-size:9px;color:#a6acb0}.footer-note{max-width:200px;text-align:right}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:var(--dark);color:#edf2f5;border-radius:3px;padding:12px 17px;font-size:11px;z-index:40;transition:.25s;box-shadow:0 8px 25px #141b2030}.toast.show{opacity:1;transform:translate(-50%,0)}.cart-drawer{position:fixed;inset:0;z-index:25;visibility:hidden}.cart-drawer.open{visibility:visible}.drawer-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:#171c2070;opacity:0;transition:opacity .25s}.cart-drawer.open .drawer-scrim{opacity:1}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(420px,100vw);background:#f8fafb;padding:28px 25px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s}.cart-drawer.open .drawer-panel{transform:translateX(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.drawer-header h2{font-size:23px}.drawer-header h2 span{font-size:12px;color:#8f9599}.drawer-close{width:32px;height:32px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:21px;color:#565d61;line-height:1}.cart-items{flex:1;overflow:auto;padding:10px 0}.empty-cart{font-size:11px;color:#92979a;line-height:1.7;margin-top:28px}.cart-item{padding:15px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px}.cart-item h3{font:600 12px 'Manrope';margin:0 0 4px}.cart-item p{font-size:9px;color:#888d91;margin:0}.cart-item strong{font:700 12px 'Manrope'}.cart-item button{grid-column:2;border:0;background:none;color:#8c9296;font-size:9px;text-decoration:underline;padding:0;text-align:right}.drawer-footer{border-top:1px solid var(--line);padding-top:17px}.cart-total{display:flex;justify-content:space-between;margin-bottom:15px;font-size:11px}.cart-total strong{font:700 17px 'Manrope'}.drawer-footer>p{text-align:center;color:#989da0;font-size:9px;margin:10px 0 0}.modal{position:fixed;inset:0;z-index:30;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:#171c2080}.modal-card{width:min(440px,100%);background:#f9fbfc;padding:33px;position:relative;border-radius:4px;box-shadow:0 20px 60px #141b2030}.modal-close{position:absolute;right:18px;top:18px}.modal-card h2{font:700 24px 'Manrope';letter-spacing:-1px;margin:10px 0 8px}.modal-card>p{color:#878c90;font-size:11px}.modal-card form{margin-top:20px}.modal-footnote{font-size:9px!important;margin-bottom:0}.no-results{grid-column:1/-1;padding:28px 15px;background:white;color:#7e8488;font-size:11px;border:1px solid var(--line)}@media(max-width:1180px){.section,.results-section,.steps-section,.vin-banner,.about-strip{margin-left:6vw;margin-right:6vw}.hero{padding-left:6vw;padding-right:6vw;gap:38px;grid-template-columns:1fr 430px}.hero-stamp{right:5vw}.steps-section{gap:55px}}@media(max-width:800px){.site-header{padding:0 5vw}.main-nav,.help-link{display:none}.menu-toggle{display:block}.header-actions{gap:12px}.hero{grid-template-columns:1fr;gap:36px;padding-top:61px;padding-bottom:56px}.hero-copy{max-width:600px}.hero h1{font-size:56px}.hero-proof{margin-top:28px}.search-card{max-width:560px;width:100%}.hero-stamp{top:30px;right:8vw}.trust-strip{gap:20px;padding:0 5vw;justify-content:space-around}.trust-strip div{gap:6px}.trust-strip div:nth-child(4){display:none}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.category-card{height:210px}.vin-banner{padding:28px;gap:14px}.vin-banner:after{right:70px}.steps-section{gap:30px}.about-strip{gap:12px}.about-strip p{max-width:200px}footer{padding:22px 6vw;flex-wrap:wrap;gap:15px}footer>span:last-child{display:none}}@media(max-width:520px){.announcement{font-size:9px}.site-header{height:66px}.brand{font-size:20px}.brand small{font-size:7px}.header-actions{gap:9px}.cart-button span{display:none}.hero{padding:48px 5vw 46px;min-height:0}.hero h1{font-size:46px;letter-spacing:-2.7px;margin-top:20px}.hero h1 em{letter-spacing:-1.8px}.hero-sub{font-size:12px}.hero-proof{gap:13px}.proof-item{font-size:8px;gap:6px}.proof-icon{width:21px;height:21px;font-size:7px}.search-card{padding:22px 18px 18px}.search-card h2{font-size:18px}.catalog-badge{font-size:8px}.search-tabs{gap:18px}.search-tab{font-size:10px}.hero-stamp{width:62px;height:62px;right:5vw;top:20px}.hero-stamp b{font-size:18px}.hero-stamp span{font-size:6px}.trust-strip{height:62px;padding:0 4vw;gap:10px}.trust-strip div{font-size:8px}.trust-strip b{font-size:14px}.popular-section{padding:57px 0 65px}.section,.results-section,.steps-section,.vin-banner,.about-strip{margin-left:5vw;margin-right:5vw}.section-heading h2,.results-head h2{font-size:26px}.category-grid,.product-grid{gap:9px}.category-card{height:181px;padding:12px}.category-number{font-size:7px}.cat-illustration{transform:scale(.8);transform-origin:center}.category-title{font-size:17px}.category-meta{font-size:7px}.product-visual{height:145px}.product-info{padding:12px 10px}.product-info h3{font-size:12px}.product-info p{font-size:8px}.product-bottom strong{font-size:13px}.add-button{width:26px;height:26px}.results-section{padding-bottom:62px}.vin-banner{margin-bottom:65px;padding:21px 17px;flex-wrap:wrap}.vin-mark{padding:10px;font-size:15px}.vin-banner h2{font-size:17px}.vin-banner p{font-size:9px}.outline-button{width:100%;justify-content:space-between}.steps-section{grid-template-columns:1fr;padding-bottom:59px}.steps-intro h2{font-size:32px}.steps-intro h2 em{font-size:35px}.about-strip{margin-bottom:25px;flex-wrap:wrap}.about-strip span{width:40%}.about-strip p{font-size:12px;width:54%;text-align:right}.about-strip a{width:100%;text-align:right}footer{gap:12px}footer>span{font-size:8px}footer .brand{font-size:16px}}
@media(max-width:800px){.main-nav.mobile-open{display:flex;position:absolute;top:65px;left:0;right:0;background:#f8f9fa;padding:18px 5vw;border-bottom:1px solid var(--line);gap:22px;z-index:5}}

/* PartPrice visual identity */
.announcement{background:var(--brand);color:#fff}
.announcement .pulse{background:#fff}
.brand{width:max-content;min-width:130px}
.brand-logo{display:block;width:auto;height:55px;max-width:180px;object-fit:contain}
.footer-brand{background:#fff;padding:2px 7px;border-radius:3px}
footer .brand-logo{height:34px;max-width:112px}
.eyebrow>span,.proof-icon{border-color:#a9cce1}
.eyebrow>span{background:var(--brand)}
.hero h1 em,.steps-intro h2 em{color:var(--brand)}
.search-tab.active:after{background:var(--brand)}
.primary-button{background:var(--brand)}
.primary-button:hover{background:#005b9b}
.primary-button span,.outline-button span{color:#9cddfb}
.catalog-badge{background:#edf7fc;color:#17628f}
.catalog-badge span{background:var(--brand);color:var(--brand)}
.hero-stamp{border-color:#a9cce1;color:var(--brand);font-weight:700}
.hero-stamp b{font-weight:700}
.hero-stamp b,.text-link,.category-meta b,.product-brand,.outline-button span{color:var(--brand)}
.hero-stamp i{background:#d9f1fd;color:var(--brand)}
.text-link:hover,.help-link:hover{color:#005b9b}
.category-card:hover{border-color:#9cc9e3}
.product-tag{background:#d8effa;color:#135b86}
.product-tag-light{background:#fff;color:#135b86}
.add-button{background:#edf7fc;border-color:#c6e3f2;color:var(--brand)}
.add-button:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.vin-mark{background:var(--brand);color:#fff}
.outline-button{border-color:#7cb4d6}
.outline-button:hover{background:#e6f4fb}
.about-strip p{color:#547a96}
@media(max-width:520px){.brand-logo{height:43px;max-width:145px}footer .brand-logo{height:31px}}
.hero{background:radial-gradient(ellipse at 75% 50%,rgba(0,112,191,.12),transparent 39%),linear-gradient(110deg,#f4f8fb 0%,#eaf4fa 100%)}
.hero:before{border-color:rgba(0,112,191,.08);box-shadow:0 0 0 38px rgba(0,112,191,.025),0 0 0 78px rgba(0,112,191,.018)}
.business-section{max-width:1130px;margin:0 auto 88px}.business-intro{max-width:760px;color:#687f90;font-size:13px;line-height:1.75;margin:-7px 0 27px}.business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.business-card{background:#fff;border:1px solid var(--line);border-radius:4px;padding:24px;scroll-margin-top:100px}.business-index{display:block;color:var(--brand);font-size:8px;font-weight:700;letter-spacing:1.1px}.business-card h3{font:700 18px 'Manrope';letter-spacing:-.5px;margin:11px 0 9px}.business-card p,.business-card address{font-size:11px;line-height:1.7;color:#697d8b;margin:0 0 11px}.business-callout{background:#f1f8fc;border-left:2px solid var(--brand);padding:10px 12px;margin-top:15px!important}.source-link{display:inline-block;margin:3px 13px 0 0;color:var(--brand);font-size:9px;font-weight:600}.source-link:hover{text-decoration:underline}.review-score{display:flex;align-items:center;gap:10px;margin:13px 0 8px}.review-score strong{font:700 25px 'Manrope';color:var(--brand)}.review-score span{font-size:13px;letter-spacing:1px;color:#e5a627}.review-score small{font-size:9px;color:#8795a0}.review-card blockquote{margin:10px 0 12px;border-left:2px solid #a8d7f0;padding:8px 12px;color:#556c7d;font:italic 13px/1.6 Georgia,serif}.contacts-card address{font-style:normal;font-size:12px;margin:9px 0 12px}.contact-phones{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 10px}.contact-phones a{font:700 12px 'Manrope';color:var(--brand)}.source-warning{margin:20px 0 0;padding:13px 15px;background:#eaf4fa;color:#60798b;font-size:9px;line-height:1.6;border-radius:3px}.source-warning span{color:#164b70;font-weight:700}.footer-note{max-width:260px}
@media(max-width:1180px){.main-nav{gap:15px;font-size:10px}.header-actions{gap:14px}.help-link{display:none}.business-section{margin-left:6vw;margin-right:6vw}}
@media(max-width:800px){.main-nav.mobile-open{flex-wrap:wrap;justify-content:center;row-gap:12px;column-gap:19px}.business-grid{grid-template-columns:1fr 1fr}.business-card{padding:19px}}
@media(max-width:520px){.business-section{margin:0 5vw 62px}.business-grid{grid-template-columns:1fr}.business-card{padding:19px}.review-score{gap:7px;flex-wrap:wrap}.review-score small{width:100%}.business-card h3{font-size:16px}.source-warning{font-size:8px}.main-nav.mobile-open{top:65px}}

/* More useful, readable VIN decoding and the direct manager handoff. */
.vin-decode-result{font-size:12px}
.vin-result-title{font-size:14px}
.vin-result-fields{gap:10px 18px}
.vin-result-fields dt{font-size:10px}
.vin-result-fields dd{font-size:12px;line-height:1.45}
.vin-result-note{font-size:10px}
.vin-decode-result.is-partial{border-color:#e9d9ad;background:#fffaf0;color:#6b5b34}
.vin-decode-result.is-partial .vin-result-title{color:#775a13}
.vin-result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:13px}
.vin-result-actions .primary-button{min-height:39px;padding:0 14px;font-size:11px}
.vin-copy-button{min-height:39px;padding:0 14px;border:1px solid #c8dce8;border-radius:8px;background:#fff;color:#315f7c;font:700 11px 'Manrope',sans-serif;cursor:pointer}
.vin-copy-button:hover{border-color:#7cb4d6;background:#f2f9fc}
.vin-copy-button:focus-visible,.vin-result-actions .primary-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.vehicle-inquiry-car{overflow-wrap:anywhere;line-height:1.65}
@media(max-width:520px){.vin-decode-result{padding:13px}.vin-result-fields{grid-template-columns:1fr;gap:8px}.vin-result-actions{align-items:stretch;flex-direction:column}.vin-result-actions>*{width:100%;justify-content:space-between}}

/* Live supplier price results */
.search-form .analogs-option{display:flex;align-items:center;gap:9px;margin:0 0 13px;color:#596d7a;font-size:10px;font-weight:500}
.search-form .analogs-option input{width:15px;height:15px;margin:0;accent-color:var(--brand)}
.primary-button:disabled{opacity:.65;cursor:wait}
.live-loading{color:#287ba8}
.live-list-wrap{grid-column:1/-1;width:100%;overflow-x:auto;background:#fff;border:1px solid var(--line)}
.live-results-table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:11px}
.live-results-table th{padding:12px 14px;background:#eef5f9;color:#597487;font-size:8px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}
.live-results-table th:nth-child(1){width:17%}.live-results-table th:nth-child(2){width:23%}.live-results-table th:nth-child(3){width:16%}.live-results-table th:nth-child(4){width:13%}.live-results-table th:nth-child(5){width:12%}.live-results-table th:nth-child(6){width:15%}.live-results-table th:nth-child(7){width:4%}
.live-results-table td{padding:12px 14px;border-top:1px solid #e7eef2;vertical-align:middle;color:#536a79}
.live-results-table tbody tr:hover{background:#f8fbfd}
.quote-brand>div,.quote-description>div,.quote-delivery>div,.quote-price>div{display:grid;gap:4px}
.quote-brand strong{color:#1c5276;font-weight:700}
.quote-brand small,.quote-delivery small,.quote-price small{font-size:8px;color:#8798a3;line-height:1.45}
.quote-description{min-width:170px}
.quote-description span{color:var(--ink);font-weight:600}
.quote-kind{width:max-content;color:#287ba8;font-size:7px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.live-results-table td[data-label="Наличие"]{color:#26734e;font-weight:600;white-space:nowrap}
.quote-price strong{color:#143e5c;font-size:14px;white-space:nowrap}
.quote-action{text-align:right}
.quote-action .add-button{width:29px;height:29px}
.quote-rating{color:#788e9c!important}
.brand-picker{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.2fr);align-items:center;gap:24px;text-align:left}
.brand-picker-label{font-size:8px;font-weight:700;letter-spacing:1px;color:#2582b6}
.brand-picker h3{font:700 19px 'Manrope',sans-serif;color:var(--ink);margin:8px 0 6px}
.brand-picker p{font-size:10px;color:var(--muted);margin:0;line-height:1.55}
.brand-choice-list{display:grid;gap:7px}
.brand-choice{width:100%;display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);background:#fff;text-align:left;color:var(--ink);transition:border-color .18s,transform .18s}
.brand-choice:hover{border-color:var(--brand);transform:translateY(-1px)}
.brand-choice-copy{display:grid;gap:3px;flex:1;min-width:0}
.brand-choice-copy strong{font:700 11px 'Manrope',sans-serif}
.brand-choice-copy small,.brand-choice-meta small{font-size:8px;color:var(--muted)}
.brand-choice-meta{display:grid;justify-items:end;gap:2px;white-space:nowrap}
.brand-choice-auto{color:#27804f;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.brand-choice-arrow{font-size:13px;color:var(--brand)}
@media(max-width:800px){.brand-picker{grid-template-columns:1fr;gap:15px}}
@media(max-width:760px){
  .live-list-wrap{overflow:visible}
  .live-results-table,.live-results-table tbody{display:block;width:100%;min-width:0}
  .live-results-table thead{display:none}
  .live-results-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:12px 14px;border-top:1px solid #e7eef2}
  .live-results-table td{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:3px 0;border:0;text-align:right;font-size:10px}
  .live-results-table td:before{content:attr(data-label);color:#8798a3;font-size:8px;font-weight:600;text-align:left}
  .live-results-table td.quote-brand{grid-column:1;grid-row:1;display:grid;justify-content:start;text-align:left}
  .live-results-table td.quote-brand:before,.live-results-table td.quote-action:before{display:none}
  .live-results-table td.quote-description{grid-column:1/-1;display:flex;justify-content:space-between;text-align:left}
  .live-results-table td.quote-action{grid-column:2;grid-row:1;align-self:center}
  .live-results-table td.quote-price strong{font-size:12px}
  .quote-description{min-width:0}
}

/* VIN decoding result */
.vin-decode-result{grid-column:1/-1;width:100%;padding:14px 16px;border:1px solid #d8e7ef;border-radius:10px;background:#f5f9fc;color:#36566b;font-size:10px;line-height:1.6}
.vin-decode-result[hidden]{display:none}
.vin-decode-result.is-loading{color:#287ba8}
.vin-decode-result.is-error{border-color:#f0d8d3;background:#fff8f6;color:#9a493f}
.vin-decode-result.is-success{border-color:#cfe4d8;background:#f6fbf8;color:#244c39}
.vin-result-title{display:block;margin-bottom:9px;color:#164b70;font:700 12px 'Manrope',sans-serif}
.vin-result-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;margin:0}
.vin-result-fields>div{min-width:0}
.vin-result-fields dt{color:#7c8d98;font-size:8px}
.vin-result-fields dd{margin:1px 0 0;color:#203f55;font-size:10px;font-weight:700;overflow-wrap:anywhere}
.vin-result-note{margin:11px 0 0;padding-top:9px;border-top:1px solid #dce9e1;color:#657b6d;font-size:8px;line-height:1.55}
.modal-card .vin-decode-result{margin-top:12px}
@media(max-width:520px){.vin-decode-result{padding:12px}.vin-result-fields{grid-template-columns:1fr 1fr;gap:8px 11px}}

/* Clickable part numbers run a fresh live quote. */
.article-link{display:inline;color:var(--brand);font:inherit;font-weight:700;text-decoration:underline;text-decoration-color:#a9cce1;text-underline-offset:2px;border:0;padding:0;background:transparent;cursor:pointer}
.article-link:hover{color:#005b9b;text-decoration-color:currentColor}
.article-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:2px}

/* Ukrainian supplier quote groups: five leading offers with expandable remainder */
.product-grid.is-live-list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.quote-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;background:#fff;border:1px solid var(--line)}
.quote-toolbar>div{display:grid;gap:4px}
.quote-toolbar>div strong{font:700 12px 'Manrope';color:var(--ink)}
.quote-toolbar>div small{font-size:9px;color:var(--muted)}
.quote-toolbar label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:9px;white-space:nowrap}
.quote-toolbar select{min-width:205px;height:36px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink);padding:0 10px;font-size:10px}
.quote-groups{display:grid;gap:14px}
.quote-group{min-width:0;background:#fff;border:1px solid var(--line)}
.quote-group-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;background:#f7fafc;border-bottom:1px solid var(--line)}
.quote-group-head>div{min-width:0}
.quote-group-type{display:inline-block;color:var(--brand);font-size:8px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}
.quote-group-head h3{margin:4px 0 3px;font:700 14px 'Manrope';color:var(--ink)}
.quote-group-head h3 small{margin-left:7px;color:#54788f;font:600 11px 'DM Sans',sans-serif}
.quote-group-head p{margin:0;color:var(--muted);font-size:10px}
.quote-group-count{flex:none;padding:6px 9px;border:1px solid #c3dfef;border-radius:30px;color:#17628f;font-size:9px;white-space:nowrap}
.quote-group .live-list-wrap{border:0;border-radius:0}
.quote-more{border-top:1px solid var(--line)}
.quote-more summary{padding:12px 16px;color:var(--brand);font-size:10px;font-weight:700;cursor:pointer;list-style:none}
.quote-more summary::-webkit-details-marker{display:none}
.quote-more summary:after{content:'＋';float:right;font-size:15px;line-height:1}
.quote-more[open] summary:after{content:'−'}
.quote-more .live-list-wrap{border-top:1px solid var(--line)}
.live-results-table td[data-label="Наявність"]{color:#26734e;font-weight:600;white-space:nowrap}
@media(max-width:760px){
  .quote-toolbar{align-items:stretch;flex-direction:column;gap:11px}
  .quote-toolbar label{justify-content:space-between}
  .quote-toolbar select{flex:1;min-width:0}
  .quote-group-head{padding:13px;align-items:flex-start}
  .quote-group-count{font-size:8px}
  .quote-group-head h3{font-size:12px}
  .quote-group-head h3 small{display:block;margin:3px 0 0}
  .quote-group-head p{font-size:9px}
}

/* Delivery timing highlights and warehouse labels */
.live-results-table{min-width:980px}
.live-results-table th:nth-child(1){width:15%}
.live-results-table th:nth-child(2){width:22%}
.live-results-table th:nth-child(3){width:14%}
.live-results-table th:nth-child(4){width:14%}
.live-results-table th:nth-child(5){width:13%}
.live-results-table th:nth-child(6){width:18%}
.live-results-table th:nth-child(7){width:4%}
.quote-warehouse>div{display:grid;gap:4px}
.quote-warehouse strong{color:#345d73;font-size:10px;font-weight:700}
.live-results-table tbody tr.delivery-in-stock{background:#e2f3dc;box-shadow:inset 3px 0 0 #6eae70}
.live-results-table tbody tr.delivery-one-two-days{background:#f5faef}
.live-results-table tbody tr.delivery-three-days{background:#edf7fc}
.live-results-table tbody tr.delivery-in-stock:hover{background:#d5edcf}
.live-results-table tbody tr.delivery-one-two-days:hover{background:#edf6e6}
.live-results-table tbody tr.delivery-three-days:hover{background:#e4f2f8}

.main-nav{gap:clamp(12px,1.4vw,19px);font-size:11px}.header-actions{gap:16px}

/* PartPrice refresh */
:root{--ink:#102f46;--muted:#5f7789;--line:#dce8f0;--paper:#f4f8fb;--white:#fff;--accent:#3eb1eb;--brand:#0879be;--dark:#103b5b}
body{background:#f5f8fb;color:#17384f}
.announcement{background:#0879be;height:32px;font-size:10px}
.site-header{height:76px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 4px 22px #143e5910;border-bottom-color:#e7eef3}
.brand-logo{height:53px;max-width:220px}
.main-nav{gap:clamp(10px,1.1vw,16px);font-size:10px;font-weight:600;color:#405c70}
.currency-select{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:7px;row-gap:1px;color:#385e76;font-size:9px;font-weight:700;white-space:nowrap}
.currency-select select{grid-column:2;grid-row:1/3;height:34px;min-width:52px;padding:0 8px;border:1px solid #d4e2eb;border-radius:9px;background:#f7fbfe;color:#0b5f96;font-weight:700}
.currency-select small{grid-column:1/-1;font-size:7px;font-weight:500;color:#7a8e9c}
.cart-button{padding:8px 10px;border:1px solid #dce8f0;border-radius:11px;background:#fff}
.cart-button b{background:#dff3fd;color:#0879be}
.add-button{display:grid;place-items:center;line-height:1}
.add-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero h1{font-family:'Manrope',sans-serif;font-weight:800}
.steps-intro h2,.steps-intro h2 em{font-family:'Manrope',sans-serif;font-weight:800}
.cabinet-order-status{position:relative;display:inline-flex;align-items:center;color:#0879be;font-weight:700;text-decoration:underline;text-decoration-color:#b7d9eb;text-underline-offset:3px;cursor:help;outline-offset:3px}
.cabinet-status-tooltip{display:none;position:absolute;z-index:25;left:0;top:calc(100% + 10px);width:min(300px,76vw);max-height:260px;overflow:auto;padding:12px 14px;border:1px solid #d7e7f0;border-radius:12px;background:#fff;box-shadow:0 12px 32px #153b5526;color:#204a65;text-decoration:none;white-space:normal}
.cabinet-status-tooltip{position:fixed;z-index:140;left:8px;top:8px}
.cabinet-order-status:hover .cabinet-status-tooltip,.cabinet-order-status:focus .cabinet-status-tooltip{display:grid;gap:8px}
.cabinet-status-step{display:grid;gap:2px;padding-left:10px;border-left:2px solid #c8dce8;color:#567286;font-size:11px;line-height:1.35}
.cabinet-status-step.is-current{border-color:#0879be;color:#153b55}
.cabinet-status-step small{color:#8195a2;font-size:10px}
.hero{min-height:600px;background:radial-gradient(ellipse at 78% 28%,rgba(30,147,207,.14),transparent 35%),linear-gradient(118deg,#f1f8fc 0%,#e6f3fa 100%)}
.hero h1{color:#123a56;letter-spacing:-3.1px}
.hero h1{font-size:clamp(42px,4.65vw,62px)}
.hero h1 em,.steps-intro h2 em{font-family:'Manrope',sans-serif;font-style:normal;font-weight:700;color:#0879be;letter-spacing:-2.6px}
.hero-sub{color:#5f7789}
.search-card{border:1px solid #e0ebf1;border-radius:18px;box-shadow:0 24px 64px rgba(20,70,100,.12);padding:30px}
.search-card h2,.drawer-header h2{color:#153b55}
.search-form input,.search-form select,.modal input{border-radius:10px;background:#fbfdff}
.primary-button{border-radius:10px;background:linear-gradient(110deg,#0879be,#0069aa);box-shadow:0 6px 15px rgba(0,105,170,.15)}
.primary-button:hover{background:#005f9d}
.trust-strip{background:#123e5d}
.section-heading h2,.results-head h2{color:#123a56}
.category-card{height:236px;padding:18px;border-radius:17px;border-color:#e0ebf1;background:linear-gradient(155deg,#fff,#f4f9fc);box-shadow:0 8px 25px rgba(28,73,99,.045);transition:transform .2s,border-color .2s,box-shadow .2s}
.category-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(18,70,102,.1)}
.cat-illustration{width:100%;height:118px;margin:5px 0 3px;position:relative;transform:none!important;filter:drop-shadow(0 9px 7px rgba(20,55,73,.15))}
.filter-shape i:first-child{width:56px;height:71px;left:calc(50% - 28px);top:20px;border-radius:12px 12px 8px 8px;background:linear-gradient(100deg,#b7c7d0 0%,#f6fbfe 16%,#8ea3af 42%,#d8e4ea 65%,#788f9e 100%);box-shadow:inset 0 -8px 0 rgba(28,53,69,.14)}
.filter-shape i:last-child{width:42px;height:8px;left:calc(50% - 21px);top:83px;border-radius:2px 2px 7px 7px;background:linear-gradient(90deg,#667f8e,#dce7ec,#627b8a)}
.brake-shape i:first-child{width:81px;height:81px;left:calc(50% - 40px);top:15px;border:10px solid #8496a0;border-radius:50%;background:repeating-conic-gradient(#d7e2e7 0 8deg,#93a6b0 8deg 13deg);box-shadow:inset 0 0 0 6px #d3dee4}
.brake-shape i:last-child{width:24px;height:24px;left:calc(50% - 12px);top:43px;border:5px solid #667e8d;border-radius:50%;background:#eef5f8}
.suspension-shape i:first-child{width:17px;height:92px;left:calc(50% - 8px);top:10px;border-radius:8px;background:linear-gradient(90deg,#546c7a,#e5edf1 40%,#708795);box-shadow:0 0 0 5px rgba(117,141,154,.12)}
.suspension-shape i:last-child{width:48px;height:68px;left:calc(50% - 24px);top:24px;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 6px,#8196a2 6px 9px,transparent 9px 13px);filter:drop-shadow(0 1px 1px #506b7a)}
.spark-shape i:first-child{width:22px;height:77px;left:calc(50% - 11px);top:16px;border-radius:8px 8px 4px 4px;background:linear-gradient(90deg,#718793,#eff5f8 42%,#8ea1ab);clip-path:polygon(25% 0,75% 0,75% 63%,100% 78%,82% 100%,18% 100%,0 78%,25% 63%)}
.spark-shape i:last-child{width:32px;height:24px;left:calc(50% - 16px);top:20px;border-top:5px solid #526c7b;border-bottom:4px solid #526c7b;transform:rotate(90deg);background:repeating-linear-gradient(0deg,#94a8b3 0 3px,#e9f0f3 3px 6px)}
.category-title{color:#153b55}
.category-meta{color:#617d90}
.results-section{scroll-margin-top:95px}
.quote-toolbar,.quote-group,.business-card{border-radius:14px;overflow:hidden;box-shadow:0 7px 23px rgba(24,68,96,.045)}
.quote-toolbar{border-color:#e0ebf1}
.quote-group{border-color:#e0ebf1}
.quote-group-head{background:#f3f8fb}
.live-results-table th{background:#eaf3f8}
.live-results-table td{border-top-color:#eaf0f4}
.live-results-table tbody tr.delivery-in-stock{background:#e2f3dc;box-shadow:inset 3px 0 0 #6eae70}
.live-results-table tbody tr.delivery-in-stock td[data-label="Наявність"]{color:#236c37;font-weight:700}
.live-results-table tbody tr.delivery-one-two-days{background:#f5faef}
.live-results-table tbody tr.delivery-three-days{background:#edf7fc}
.business-section{margin-bottom:90px;scroll-margin-top:185px}
.business-card{padding:27px;border-color:#e0ebf1}
.business-card h3{color:#173d56}
.business-callout{border-radius:0 9px 9px 0}
.google-attribution,.contact-map{display:inline-flex;margin-top:7px;color:#0879be;font-size:10px;font-weight:700}
.review-score strong{color:#0879be}
.google-review-list{display:grid;gap:9px;margin:12px 0}
.google-review-list>p{margin:0;color:#718696;font-size:11px}
.google-review{display:grid;gap:7px;margin:0;padding:11px 13px;border-left:3px solid #d6edf8;border-radius:0 9px 9px 0;background:#f5fafc;color:#536d7e;font-size:11px;line-height:1.6}
.google-review small{color:#7a8d9a;font-size:9px}
footer{background:#103b5b}
.footer-brand{background:transparent;padding:0}
footer .brand-logo{height:40px;max-width:166px}
.footer-note{max-width:280px;text-align:right;color:#d2e3ed;font-size:10px}
.checkout-card{width:min(650px,100%);max-height:90vh;overflow:auto;border-radius:17px;padding:31px}
.checkout-card h2{margin:12px 36px 8px 0;color:#153b55}
.checkout-summary{padding:10px 12px;border-radius:9px;background:#f0f7fb;color:#4b6b80;font-size:11px}
.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.checkout-fields label{display:block;color:#536f81;font-size:10px;font-weight:600;margin:8px 0}
.checkout-fields .checkout-wide{grid-column:1/-1}
.checkout-fields input,.checkout-card input{width:100%;height:42px;margin-top:6px;padding:0 12px;border:1px solid #dbe7ee;border-radius:9px;background:#fbfdff}
.register-choice,.consent-choice{display:flex;align-items:flex-start;gap:9px;margin:14px 0;color:#536f81;font-size:10px;line-height:1.55}
.register-choice input,.consent-choice input{width:15px;height:15px;flex:none;margin:1px 0;accent-color:#0879be}
.account-password{display:block;margin:11px 0;color:#536f81;font-size:10px}
.account-password.is-hidden{display:none}
.form-status{min-height:14px;margin:10px 0 0;font-size:10px;line-height:1.5}
.form-status.is-success{color:#237146}.form-status.is-error{color:#ae4438}
.chat-widget{position:fixed;right:24px;bottom:22px;z-index:35;display:grid;justify-items:end;gap:11px}
.chat-launcher{display:flex;align-items:center;gap:9px;padding:12px 16px;border:0;border-radius:40px;background:#0879be;color:#fff;font-size:11px;font-weight:700;box-shadow:0 12px 28px rgba(2,86,140,.25)}
.chat-launcher>span:first-child{font-size:17px;color:#bdeaff}
.chat-panel{width:min(360px,calc(100vw - 28px));height:470px;max-height:calc(100vh - 110px);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid #dbe7ee;border-radius:17px;background:#fff;box-shadow:0 20px 60px rgba(15,48,67,.2)}
.chat-panel[hidden]{display:none}
.chat-panel>header{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;background:#103b5b;color:#fff}
.chat-panel>header>div{display:grid;gap:3px}.chat-panel>header strong{font:700 12px 'Manrope'}.chat-panel>header small{font-size:9px;color:#c5d9e5}
.chat-panel>header button{width:29px;height:29px;border:1px solid #ffffff40;border-radius:50%;background:transparent;color:#fff;font-size:19px}
.chat-messages{display:flex;align-content:start;align-items:start;flex-direction:column;gap:10px;overflow:auto;padding:14px;background:#f5f9fb}
.chat-message{max-width:88%;margin:0;padding:10px 12px;border-radius:12px;font-size:11px;line-height:1.55;white-space:pre-wrap}
.chat-message.assistant{align-self:start;border:1px solid #e4edf2;border-bottom-left-radius:4px;background:#fff;color:#36556a}
.chat-message.user{align-self:end;border-bottom-right-radius:4px;background:#0879be;color:#fff}
.chat-hours-note{font-size:9px;color:#778d9b}
.chat-call{display:inline-flex;padding:8px 11px;border-radius:9px;background:#e7f5fb;color:#0873b5;font-size:10px;font-weight:700}
.chat-panel>form{display:flex;gap:8px;padding:11px;border-top:1px solid #e3edf2}
.chat-panel>form input{flex:1;min-width:0;height:40px;padding:0 11px;border:1px solid #dce8ef;border-radius:9px;outline:none;font-size:10px}
.chat-panel>form button{width:40px;border:0;border-radius:9px;background:#0879be;color:#fff;font-size:17px}
.recent-search-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.recent-search-card{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px;min-height:122px;padding:14px;border:1px solid #e0ebf1;border-radius:15px;background:linear-gradient(140deg,#fff,#f2f8fb);text-align:left;box-shadow:0 7px 22px rgba(24,68,96,.045);transition:transform .2s,box-shadow .2s}
.recent-search-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(24,68,96,.1)}
.recent-search-art{display:grid;place-items:center;position:relative;width:64px;height:64px;border-radius:14px;background:linear-gradient(145deg,#e9f4fa,#c8e0ee)}
.recent-search-art i{width:27px;height:37px;border:1px solid #8099a8;border-radius:7px 7px 5px 5px;background:linear-gradient(100deg,#8ca4b1,#f7fbfd 40%,#718b9a);box-shadow:0 5px 7px #335a7130;transform:rotate(-8deg)}
.recent-search-art b{position:absolute;width:19px;height:8px;left:23px;bottom:17px;border-radius:2px 2px 5px 5px;background:linear-gradient(90deg,#536d7c,#d5e3e9,#5b7482)}
.recent-search-copy{display:grid;gap:6px;min-width:0}.recent-search-copy small{font-size:7px;letter-spacing:.7px;color:#6d8b9e}.recent-search-copy strong{overflow:hidden;color:#153b55;font:700 12px 'Manrope';text-overflow:ellipsis;white-space:nowrap}.recent-search-copy>span{font-size:8px;color:#718897}.recent-search-copy>span b{color:#0879be;margin-left:4px}
@media(max-width:1180px){.main-nav{gap:9px;font-size:9px}.currency-select small{display:none}.recent-search-card{grid-template-columns:1fr;justify-items:center;text-align:center}.recent-search-copy strong{max-width:100%}}
@media(max-width:800px){.main-nav.mobile-open{background:#fff;border-radius:0 0 16px 16px;box-shadow:0 12px 22px #183d561c}.currency-select{display:none}.recent-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-search-card{grid-template-columns:64px 1fr;justify-items:start;text-align:left}.chat-widget{right:14px;bottom:14px}}
@media(max-width:520px){.brand-logo{height:43px;max-width:170px}.search-card{padding:22px 18px 18px;border-radius:15px}.hero h1{font-size:44px}.checkout-card{padding:25px 18px}.checkout-fields{grid-template-columns:1fr}.checkout-fields .checkout-wide{grid-column:auto}.recent-search-grid{gap:9px}.recent-search-card{grid-template-columns:50px 1fr;min-height:96px;padding:10px;gap:8px}.recent-search-art{width:48px;height:48px}.recent-search-art i{transform:scale(.8) rotate(-8deg)}.recent-search-art b{transform:scale(.8);bottom:12px;left:17px}.recent-search-copy small{font-size:6px}.recent-search-copy strong{font-size:10px}.recent-search-copy>span{font-size:7px}.chat-launcher{padding:11px 13px}.chat-panel{height:420px}}

/* Фото категорій і недавніх запитів з Unsplash */
.category-card{isolation:isolate;background:#123d5b;text-shadow:0 1px 10px rgba(0,0,0,.22)}
.category-card::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(8,30,43,.28),rgba(8,30,43,.04) 38%,rgba(8,30,43,.78))}
.category-photo{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.category-card:hover .category-photo{transform:scale(1.045)}
.category-number,.category-title,.category-meta{position:relative;z-index:1;color:#fff}
.category-number{align-self:flex-start;padding:6px 8px;border:1px solid #ffffff50;border-radius:30px;background:#102f4370;font-size:8px;letter-spacing:.65px;text-shadow:none}
.category-title{font:700 23px 'Manrope';letter-spacing:-.5px}
.category-meta{font-size:9px;color:#f1f7fb}
.category-meta b{color:#c9efff}
.recent-search-card{position:relative;min-height:126px;grid-template-columns:82px 1fr;overflow:hidden}
.recent-search-photo-shell{display:grid;place-items:center;width:82px;height:96px;overflow:hidden;border:1px solid #e3edf2;border-radius:11px;background:linear-gradient(145deg,#f5f9fb,#eaf2f6)}
.recent-search-photo{display:block;width:100%;height:100%;object-fit:contain;padding:5px}
.recent-search-photo-fallback{padding:5px;color:#748b99;font-size:8px;line-height:1.4;text-align:center}
.recent-search-photo-fallback[hidden]{display:none}
@media(max-width:800px){.recent-search-photo-shell{width:64px;height:76px}}
@media(max-width:520px){.category-card{height:181px}.category-title{font-size:19px}.category-number{font-size:7px}.category-meta{font-size:7px}.recent-search-card{grid-template-columns:58px 1fr;min-height:106px;padding:10px;gap:8px}.recent-search-photo-shell{width:58px;height:74px}.recent-search-photo-fallback{font-size:7px}}
@media(min-width:801px) and (max-width:1350px){.site-header{padding-left:4vw;padding-right:4vw}.main-nav{gap:clamp(8px,.9vw,12px);font-size:9px}.help-link{display:none}.header-actions{gap:13px}}

/* Clearer header hierarchy, compact sticky article search and portrait quote cards */
:root{--header-height:76px}
.site-header{height:auto;min-height:76px;gap:clamp(12px,1.5vw,24px);padding-left:clamp(18px,5vw,72px);padding-right:clamp(18px,5vw,72px)}
.brand-logo{height:52px;max-width:220px}
.main-nav{flex:1;justify-content:center;gap:clamp(10px,1.15vw,17px);white-space:nowrap}
.header-actions{flex:none;gap:clamp(9px,1.2vw,16px)}
.currency-select{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:7px}
.menu-toggle{display:none;width:40px;height:40px;place-items:center;border:1px solid #d9e7ef;border-radius:12px;color:#145476;font-size:20px}
.main-nav.mobile-open{display:flex;flex-wrap:wrap;justify-content:center;position:absolute;top:calc(100% - 1px);left:0;right:0;margin:0;padding:17px 5vw;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 22px #183d561c;gap:12px 22px;z-index:11}
.main-nav.mobile-open a{padding:7px 0}
.sticky-search-dock{display:none}
.sticky-search-dock.is-visible{position:fixed;z-index:9;top:var(--header-height);left:0;right:0;display:block;padding:9px clamp(16px,5vw,72px);background:rgba(255,255,255,.97);border-bottom:1px solid #dce8f0;box-shadow:0 8px 20px #163e5615;backdrop-filter:blur(12px)}
.sticky-search-inner{width:min(1130px,100%);margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}
.sticky-search-label{font:700 10px 'Manrope';color:#315c76;white-space:nowrap}
.sticky-search-inner input{width:100%;min-width:0;height:38px;padding:0 13px;border:1px solid #d9e6ed;border-radius:10px;background:#f8fbfd;color:var(--ink);font-size:12px;outline:none}
.sticky-search-inner input:focus{border-color:#75b7d9;box-shadow:0 0 0 3px #dff3fc}
.sticky-search-inner button{height:38px;padding:0 15px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;white-space:nowrap}
.sticky-search-inner button span{color:#bceaff;margin-left:7px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.legal-link,.footer-terms{display:inline-flex;margin-top:4px;color:var(--brand);font-size:10px;font-weight:700}
.legal-link:hover,.footer-terms:hover{text-decoration:underline}
footer .footer-terms{margin:0;color:#d4ebf7}
.live-results-table{min-width:900px}
@media(max-width:1080px){
  .main-nav{display:none}
  .menu-toggle{display:grid}
  .site-header{min-height:72px}
  .help-link{display:none}
  .header-actions{gap:12px}
}
@media(max-width:800px){
  .site-header{min-height:66px;padding-left:5vw;padding-right:5vw}
  .brand-logo{height:45px;max-width:170px}
  .currency-select{display:grid;grid-template-columns:auto;row-gap:0}
  .currency-select>span,.currency-select small{display:none}
  .currency-select select{grid-column:1;grid-row:1;min-width:54px;height:38px;padding:0 8px;border-radius:10px;font-size:12px}
  .cart-button{height:38px;padding:0 9px;border-radius:10px}
  .main-nav.mobile-open{top:calc(100% - 1px);left:0;right:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;padding:14px 5vw}
  .main-nav.mobile-open a{font-size:12px}
  .sticky-search-dock.is-visible{padding:8px 4vw}
  .sticky-search-inner{grid-template-columns:minmax(0,1fr) auto;gap:7px 9px}
  .sticky-search-label{grid-column:1/-1;font-size:9px}
  .sticky-search-inner input,.sticky-search-inner button{height:39px}
  .sticky-search-inner input{font-size:13px}
  .sticky-search-inner button{padding:0 12px}
  .live-list-wrap{overflow:hidden}
  .live-results-table,.live-results-table tbody{display:block;width:100%;min-width:0!important}
  .live-results-table thead{display:none}
  .live-results-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 13px;border-top:1px solid #e7eef2}
  .live-results-table td{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 0;border:0;text-align:right;font-size:10px}
  .live-results-table td:before{content:attr(data-label);color:#718a9a;font-size:8px;font-weight:600;text-align:left}
  .live-results-table td.quote-brand{grid-column:1;grid-row:1;display:grid;justify-content:start;text-align:left;align-content:center}
  .live-results-table td.quote-brand:before,.live-results-table td.quote-action:before{display:none}
  .live-results-table td.quote-brand strong{font-size:11px}
  .live-results-table td.quote-brand small{font-size:8px}
  .live-results-table td.quote-price{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;text-align:right}
  .live-results-table td.quote-price:before{font-size:8px}
  .live-results-table td.quote-price>div{justify-items:end;gap:2px}
  .live-results-table td.quote-price strong{font-size:15px;line-height:1.2;color:#103b5b}
  .live-results-table td.quote-price small{font-size:7px;max-width:140px;text-align:right}
  .live-results-table td.quote-description{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;text-align:left}
  .live-results-table td.quote-description>div{min-width:0}
  .live-results-table td.quote-description span{font-size:10px;overflow-wrap:anywhere}
  .live-results-table td[data-label="Наявність"]{grid-column:1;grid-row:3;justify-content:flex-start;text-align:left}
  .live-results-table td.quote-delivery{grid-column:2;grid-row:3;justify-content:flex-end;text-align:right}
  .live-results-table td.quote-warehouse{grid-column:1;grid-row:4;justify-content:flex-start;text-align:left}
  .live-results-table td.quote-warehouse>div{display:block}
  .live-results-table td.quote-action{grid-column:2;grid-row:4;align-self:center}
  .live-results-table td.quote-action .add-button{width:31px;height:31px}
  .quote-description{min-width:0}
  .live-results-table tbody tr.delivery-in-stock{background:#e2f3dc;box-shadow:inset 3px 0 0 #6eae70}
  .live-results-table tbody tr.delivery-one-two-days{background:#f5faef}
  .live-results-table tbody tr.delivery-three-days{background:#edf7fc}
}
@media(max-width:430px){
  .brand-logo{height:42px;max-width:154px}
  .header-actions{gap:7px}
  .menu-toggle{width:37px;height:37px}
  .cart-button{width:39px;justify-content:center;padding:0}
  .cart-button span{display:none}
  .sticky-search-dock.is-visible{padding:7px 4vw}
  .sticky-search-inner{gap:5px 8px}
  .live-results-table tr{padding:11px 10px;gap:4px 8px}
  .live-results-table td.quote-price strong{font-size:14px}
  .live-results-table td.quote-price small{max-width:118px}
  .business-grid{grid-template-columns:1fr}
  footer .footer-terms{font-size:9px}
}
@media(max-width:380px){
  .site-header{padding-left:12px;padding-right:12px}
  .brand{min-width:0}
  .brand-logo{height:37px;max-width:126px}
  .header-actions{gap:5px}
  .currency-select select{min-width:46px}
  .menu-toggle{width:34px;height:34px}
  .cart-button{width:35px;height:35px}
}

/* Owner-only wholesale prices and the private CRM shortcut */
.owner-crm-link{min-height:36px;padding:8px 11px;border-color:#cfe3ef;background:#f1f8fc;color:#0879be;font-weight:800;letter-spacing:.02em}
.owner-crm-link:hover{border-color:#8cc9e8;background:#e8f5fc;color:#075f97}
.purchase-price{display:block;margin-top:1px;color:#648298!important;font-size:8px!important;font-weight:650;line-height:1.25;white-space:nowrap}
.product-price-stack{display:grid;gap:2px;min-width:0}
.product-price-stack .purchase-price{white-space:normal}
@media(max-width:520px){.owner-crm-link{width:37px;height:37px;min-height:37px;justify-content:center;padding:0;font-size:8px}.live-results-table td.quote-price .purchase-price{max-width:150px;font-size:7px!important;text-align:right}}
@media(max-width:380px){.owner-crm-link{width:34px;height:34px;min-height:34px;font-size:7px}}

/* Terms page */
.legal-main{max-width:900px;margin:0 auto;padding:58px 24px 86px}
.legal-kicker{display:flex;align-items:center;gap:9px;color:var(--brand);font-size:9px;font-weight:800;letter-spacing:1.3px}

/* Product photos are supplied for the exact article returned by a provider. */
.photo-products-grid{margin:0 0 14px;align-items:stretch}
.product-visual.has-product-photo{height:178px;padding:14px;background:linear-gradient(145deg,#f5f9fc,#eaf3f8)}
.product-visual.has-product-photo:before,.product-visual.has-product-photo:after{display:none}
.product-visual.has-product-photo .product-image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.product-photo-empty{grid-column:1/-1;min-height:90px;display:flex;align-items:center;justify-content:center;padding:20px;border:1px solid #dce8f0;border-radius:12px;background:#fff;color:#718696;text-align:center;font-size:11px;line-height:1.6}
.photo-products-grid .product-card{border-color:#e0ebf1;border-radius:14px;box-shadow:0 8px 24px rgba(20,70,100,.05)}
.photo-products-grid .product-card:hover{border-color:#b6d9ec;box-shadow:0 12px 28px rgba(20,70,100,.1)}
.photo-products-grid .product-info h3{min-height:2.7em}
.photo-products-grid .product-bottom strong{color:#103b5b}
@media(max-width:520px){.product-visual.has-product-photo{height:145px;padding:10px}.product-photo-empty{min-height:78px;padding:15px;font-size:10px}.photo-products-grid .product-info h3{min-height:0}}
.legal-main h1{margin:13px 0 9px;color:#123a56;font:800 clamp(32px,5vw,48px)/1.1 'Manrope';letter-spacing:-1.8px}
.legal-lead{max-width:720px;color:var(--muted);font-size:14px;line-height:1.75}
.legal-alert{margin:24px 0;padding:16px 18px;border:1px solid #efd7a0;border-radius:12px;background:#fff9e9;color:#765b20;font-size:12px;line-height:1.65}
.legal-alert strong{display:block;margin-bottom:4px}
.legal-card{margin-top:16px;padding:22px 24px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 23px rgba(24,68,96,.04)}
.legal-card h2{margin:0 0 10px;color:#153b55;font:700 18px 'Manrope'}
.legal-card h3{margin:17px 0 7px;color:#1d4b68;font:700 13px 'Manrope'}
.legal-card p,.legal-card li{color:#536d7f;font-size:12px;line-height:1.75}
.legal-card p{margin:7px 0}
.legal-card ul,.legal-card ol{padding-left:20px}
.legal-card li+li{margin-top:4px}
.legal-meta{color:#8094a2!important;font-size:10px!important}
.legal-placeholders{padding:13px 15px;border-radius:10px;background:#f1f7fa;color:#315c76!important;font-weight:600}
.legal-footer{margin-top:27px;color:#8293a0;font-size:10px;line-height:1.6}
.legal-back{padding:10px 13px;border:1px solid #d7e6ef;border-radius:10px;color:#17628f;font-size:11px;font-weight:700}
.legal-back:hover{background:#f0f8fc}
.legal-header{position:sticky;top:0;z-index:10}
@media(max-width:760px){.legal-main{padding:36px 5vw 60px}.legal-card{padding:18px}.legal-lead{font-size:12px}.legal-card p,.legal-card li{font-size:11px}}

/* Refined top bar and stronger brand mark. */
.announcement{height:auto;min-height:42px;padding:5px max(calc((100vw - 1240px)/2),5.5vw);display:flex;align-items:center;justify-content:space-between;gap:18px}
.announcement-copy{min-width:0;display:flex;align-items:center;gap:9px;font-size:10px;white-space:nowrap}
.announcement-copy .pulse{flex:none}
.announcement-currency{margin:0 0 0 auto;display:flex;align-items:center;gap:8px;white-space:nowrap;color:#fff;font-size:9px;font-weight:700}
.announcement-currency>span{opacity:.95}
.announcement-currency small{font-size:8px;font-weight:500;opacity:.88}
.announcement-currency select{height:27px;min-width:48px;padding:0 7px;border:1px solid #ffffff70;border-radius:6px;background:#ffffff18;color:#fff;font-weight:700;outline:none}
.announcement-currency option{color:#173b55;background:#fff}
.site-header .brand-logo{height:62px;max-width:248px;filter:drop-shadow(0 3px 7px rgba(11,53,85,.14))}
.steps-intro h2 em{font-size:clamp(27px,3.3vw,40px);letter-spacing:-2px}
@media(max-width:1180px){.announcement{padding-left:5vw;padding-right:5vw}.announcement-copy{font-size:9px}.announcement-currency small{max-width:270px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:800px){.announcement{align-items:stretch;flex-direction:column;gap:6px;padding:8px 5vw}.announcement-copy{white-space:normal;flex-wrap:wrap;gap:6px;font-size:9px}.announcement-currency{align-self:flex-end;gap:7px}.site-header .brand-logo{height:55px;max-width:220px}}
@media(max-width:520px){.announcement{padding:7px 5vw}.announcement-copy{font-size:8px;line-height:1.35}.announcement-currency{font-size:8px}.announcement-currency small{max-width:min(62vw,225px);font-size:7px}.announcement-currency select{height:25px;min-width:44px;padding:0 5px}.site-header .brand-logo{height:49px;max-width:188px}}
@media(max-width:390px){.announcement-copy{gap:5px}.announcement-currency>span{display:none}.announcement-currency small{max-width:220px}.site-header .brand-logo{height:46px;max-width:174px}}

/* Approved double-P PartPrice logo */
:root{--header-height:80px}
.site-header .brand{flex:none}
.site-header .brand-logo{display:block;width:244px;height:auto;max-width:100%}
.footer-brand{background:#fff;padding:5px 9px;border-radius:9px}
footer .brand-logo{display:block;width:172px;height:auto;max-width:100%}
@media(max-width:800px){:root{--header-height:72px}.site-header .brand-logo{width:208px}}
@media(max-width:520px){:root{--header-height:66px}.site-header .brand-logo{width:180px}footer .brand-logo{width:156px}}
@media(max-width:390px){.site-header .brand-logo{width:154px}}

.cabinet-order-total{display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:#173d58;font:800 14px 'Manrope',sans-serif;white-space:nowrap}
.cabinet-order-total>small{color:#728897;font:700 9px 'DM Sans',sans-serif;letter-spacing:.08em}
.cabinet-order-item{display:grid;grid-template-columns:minmax(90px,1fr) auto auto auto;align-items:center;gap:10px}
.cabinet-order-item>.cabinet-order-item-name{min-width:0;color:#496b80;font-size:11px;font-weight:700;line-height:1.4}
.cabinet-order-item-prices{display:grid;grid-template-columns:repeat(2,max-content);gap:12px}
.cabinet-order-item-prices>span{display:grid;gap:2px}
.cabinet-order-item-prices>span>small{color:#728897;font-size:8px;line-height:1.2;white-space:nowrap}
.cabinet-order-item-prices>span>strong{color:#31566f;font:700 10px 'Manrope',sans-serif;white-space:nowrap}
.cabinet-order-item>.cabinet-order-status{justify-self:end}
@media(max-width:520px){
  .cabinet-order-item{grid-template-columns:minmax(0,1fr) auto;gap:7px 8px}
  .cabinet-order-item>.cabinet-order-item-name{grid-column:1/-1}
  .cabinet-order-item-prices{grid-column:1;grid-row:2;gap:10px}
  .cabinet-order-item>.cabinet-order-status{grid-column:2;grid-row:2;max-width:145px;white-space:normal;text-align:center}
}

/* Local account, registration certificate and footer details */
.is-hidden{display:none!important}
.account-open{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d9e7ef;border-radius:10px;background:#fff;color:#315c76;font-size:10px;font-weight:700;white-space:nowrap}
.account-open:hover{border-color:#a9d3e8;background:#f4fbfe;color:#0879be}
.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid #d6e5ee;border-radius:9px;background:#fff;color:#315c76;font-size:10px;font-weight:700;transition:background .16s,border-color .16s,color .16s}
.secondary-button:hover{border-color:#9ecbe1;background:#f2f9fc;color:#0879be}
.account-avatar{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#eaf6fc;color:#0879be;font-size:15px}
.account-card{width:min(510px,100%);max-height:90vh;overflow:auto;border:1px solid #e1ebf0;border-radius:18px;padding:32px;background:#fff}
.account-card h2,.certificate-card h2{margin:10px 38px 7px 0;color:#153b55;font:800 25px/1.15 'Manrope';letter-spacing:-.8px}
.account-intro{margin:0;color:#698090;font-size:11px;line-height:1.6}
.account-tabs,.cabinet-tabs{display:flex;gap:5px;margin:18px 0 13px;padding:4px;border-radius:10px;background:#edf5f9}
.account-tabs button,.cabinet-tabs button{flex:1;padding:9px 8px;border:0;border-radius:8px;background:transparent;color:#658091;font-size:10px;font-weight:700}
.account-tabs button.active,.cabinet-tabs button.active{background:#fff;color:#0879be;box-shadow:0 2px 7px #183d5610}
#accountForm>label,.cabinet-form>label,.password-form>label{display:block;margin:10px 0;color:#536f81;font-size:10px;font-weight:650}
#accountForm input:not([type=checkbox]),.cabinet-form input,.password-form input{display:block;width:100%;height:41px;margin-top:5px;padding:0 11px;border:1px solid #dbe7ee;border-radius:9px;background:#fbfdff;color:#153b55;font-size:12px;outline:none}
#accountForm input:focus,.cabinet-form input:focus,.password-form input:focus{border-color:#7abfe0;box-shadow:0 0 0 3px #e5f5fc}
.auth-consent{display:flex!important;align-items:flex-start;gap:8px;line-height:1.5}
.auth-consent.is-hidden{display:none!important}
.auth-consent input{width:15px!important;height:15px;flex:0 0 15px;margin:2px 0;accent-color:#0879be}
.auth-consent span{flex:1;min-width:0;line-height:1.55}
.auth-consent a{color:#0879be;text-decoration:underline}
#accountSubmit{width:100%;margin-top:5px}
.account-security-note,.local-demo-note,.cabinet-privacy-note{margin:12px 0 0;color:#8294a0;font-size:9px;line-height:1.6}
.local-demo-note{padding-top:10px;border-top:1px solid #edf1f4}
.cabinet-discount{display:flex;align-items:center;gap:11px;margin:15px 0;padding:11px 13px;border:1px solid #d3ebd8;border-radius:11px;background:#f2faf3;color:#416c4b;font-size:10px}
.cabinet-discount strong{color:#25834a;font:800 21px 'Manrope'}
.cabinet-discount{display:block;padding:12px;border-radius:18px;background:rgba(239,249,241,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.cabinet-financial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cabinet-financial-grid article{display:flex;min-width:0;min-height:54px;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border:1px solid rgba(205,230,211,.92);border-radius:15px;background:rgba(255,255,255,.72);box-shadow:inset 0 1px rgba(255,255,255,.9)}
.cabinet-financial-grid article span{color:#52765d;font-size:10px;line-height:1.4}
.cabinet-financial-grid article strong{flex:0 0 auto;color:#315d3d;font:750 13px 'Manrope',sans-serif;text-align:right}
.cabinet-financial-grid article .cabinet-financial-discount{color:#25834a;font-size:20px}
.cabinet-financial-note{display:block;margin:8px 3px 0;color:#6e8a74;font-size:9px;line-height:1.45}
@media(max-width:600px){.cabinet-financial-grid{grid-template-columns:1fr}.cabinet-financial-grid article{min-height:48px;padding:9px 12px}}
.cabinet-content{max-height:43vh;overflow:auto;padding:2px 1px 7px}
.cabinet-form{margin:12px 0;padding:13px;border:1px solid #e4edf2;border-radius:11px;background:#fbfdfe}
.cabinet-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cabinet-form .secondary-button,.password-form .secondary-button{width:auto;min-height:36px;padding:0 13px;font-size:10px}
.password-form{display:grid;gap:0}
.password-form>strong{font:700 11px 'Manrope';color:#244e68}
.cabinet-order{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:12px 2px;border-bottom:1px solid #e7eef2;font-size:10px}
.cabinet-order>div{display:grid;gap:3px}.cabinet-order>div span,.cabinet-order small{color:#728897;font-size:9px;line-height:1.5}.cabinet-empty{padding:18px;border-radius:9px;background:#f6fafc;color:#788d9b;font-size:10px;text-align:center}
.cabinet-order-items{grid-column:1/-1;display:grid;gap:7px;margin-top:5px}.cabinet-order-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #e6eef3;border-radius:9px;background:#f8fbfd}.cabinet-order-item>small{margin:0;color:#496b80;font-size:11px;font-weight:650}
.saved-cars{display:grid;gap:7px;margin-top:11px}.saved-cars article{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:10px;border:1px solid #e3edf2;border-radius:9px}.saved-cars article strong{font-size:10px;color:#315c76}.saved-cars article span{font-size:9px;color:#728897}.saved-cars article button{grid-column:2;grid-row:1/3;border:0;background:transparent;color:#9a5555;font-size:9px}
.certificate-card{width:min(560px,100%);max-height:90vh;overflow:auto;border:1px solid #e1ebf0;border-radius:18px;padding:32px;background:#fff}
.certificate-card>p{color:#627c8d;font-size:11px;line-height:1.65}
.registry-number{padding:12px 14px;border-radius:10px;background:#edf7fc;color:#0b659c!important;font:800 15px 'Manrope';letter-spacing:.2px}
.bank-details{margin-top:18px;padding:15px;border:1px solid #e2edf2;border-radius:11px;background:#f9fcfd}
.bank-details h3{margin:0 0 10px;color:#214b67;font:700 12px 'Manrope'}
.bank-details dl{display:grid;grid-template-columns:minmax(150px,.8fr) 1.2fr;gap:8px 14px;margin:0}
.bank-details dt{color:#768b98;font-size:9px}.bank-details dd{margin:0;color:#254e68;font-size:10px;font-weight:700;overflow-wrap:anywhere}
.certificate-card .certificate-footnote{margin:14px 0 0;color:#8999a3;font-size:9px}
footer{justify-content:flex-start;gap:clamp(13px,2.1vw,30px)}
.footer-brand-stack{display:flex;flex:none;flex-direction:column;align-items:flex-start;gap:2px;margin-right:auto}
footer .footer-tagline{color:#e4edf3;font-size:9px;font-weight:600}
footer .footer-certificate{padding:0;border:0;background:transparent;color:#a9cfdf;font-size:8px;text-decoration:underline;text-underline-offset:2px}
footer .footer-certificate:hover{color:#fff}
footer .footer-crm{color:#a9cfdf;font-size:9px}
footer .footer-note{font-size:9px;white-space:nowrap}
@media(max-width:800px){footer{justify-content:flex-start;gap:12px 18px}.footer-brand-stack{width:100%;margin:0 0 3px}footer .footer-note{text-align:left}}
@media(max-width:520px){.account-open{width:37px;height:37px;justify-content:center;padding:0}.account-open>#accountButtonLabel{display:none}.account-card,.certificate-card{padding:25px 19px}.account-card h2,.certificate-card h2{font-size:22px}.cabinet-form-row{grid-template-columns:1fr}.bank-details dl{grid-template-columns:1fr;gap:3px}.bank-details dd{margin-bottom:6px}.cabinet-content{max-height:39vh}footer .footer-note{max-width:none}}

/* Turnstile protection for every message sent from the site. */
.captcha-block{margin:14px 0;padding:12px;border:1px solid #e2edf3;border-radius:10px;background:#f8fbfd;overflow:hidden}
.captcha-status{min-height:13px;margin:7px 0 0;color:#6b8190;font-size:9px;line-height:1.45}
.captcha-status.is-error{color:#ae4438}.captcha-status.is-success{color:#237146}
.captcha-block .cf-turnstile{min-height:65px}
.captcha-retry{margin-top:8px;padding:8px 14px;border:1px solid #b8dcef;border-radius:999px;background:#fff;color:#176ba5;font-size:11px;font-weight:700;box-shadow:0 3px 10px rgba(23,72,105,.08)}.captcha-retry:hover{background:#eef8fd}.captcha-retry:disabled{cursor:wait;opacity:.7}
.chat-panel>form{display:block;padding:0;border-top:1px solid #e3edf2}
.chat-captcha-block{margin:0;padding:9px 10px 5px;border:0;border-radius:0;background:#fff}
.chat-captcha-block .captcha-status{font-size:8px;margin-top:3px}
.chat-compose{display:flex;gap:8px;padding:7px 11px 11px}
.chat-compose input{flex:1;min-width:0;height:40px;padding:0 11px;border:1px solid #dce8ef;border-radius:9px;outline:none;font-size:10px}
.chat-compose button{width:40px;flex:none;border:0;border-radius:9px;background:#0879be;color:#fff;font-size:17px}
.chat-compose button:disabled,.contact-telegram-option:disabled{cursor:not-allowed;opacity:.55}
.contact-choice-card{width:min(440px,100%);border-radius:17px;padding:31px}
.contact-choice-modal [hidden]{display:none!important}
.contact-choice-card h2{margin:12px 36px 8px 0;color:#153b55}
.contact-choice-number{margin:0 0 16px;color:#678093;font:600 13px 'Manrope',sans-serif}
.contact-call-option,.contact-telegram-option{width:100%;text-align:center}
.contact-call-option{margin-bottom:4px}
.contact-captcha-block{margin:13px 0 10px}
.contact-choice-hint{margin:12px 0 0!important;color:#758997!important;font-size:9px!important;line-height:1.5}
.contact-choice-modal .modal-backdrop{display:block;width:100%;height:100%;padding:0;border:0}
@media(max-width:520px){.contact-choice-card{padding:25px 19px}.chat-captcha-block{padding:6px 8px 3px}.chat-captcha-block .cf-turnstile{transform:scale(.94);transform-origin:left top;min-height:62px}}

/* Car-first search handoff to a manager */
.car-search-result{display:block;margin:0 0 18px;overflow:hidden;border:1px solid #d7e6ee;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(22,62,88,.06)}
.car-search-result[hidden],#productGrid[hidden],#livePriceList[hidden]{display:none!important}
.car-search-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);align-items:stretch}
.car-search-vehicle{display:flex;align-items:center;gap:17px;padding:22px 25px;background:linear-gradient(115deg,#f3f9fc,#fff)}
.car-search-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border:1px solid #cfe4ef;border-radius:15px;background:#e8f5fb;color:#0879be}
.car-search-icon svg{width:34px;height:34px;fill:currentColor}
.car-search-vehicle .small-label{margin:0 0 5px;color:#2582b6;font-size:8px}
.car-search-vehicle h3{margin:0;color:#153b55;font:800 22px/1.2 'Manrope',sans-serif;letter-spacing:-.5px}
.car-search-vehicle p{margin:5px 0 0;color:#718899;font-size:12px}
.car-search-help{display:flex;align-items:center;padding:18px 30px;border-left:1px solid #e7eff3;background:#fff}
.car-search-help strong{color:#244e68;font:700 15px 'Manrope',sans-serif}
.car-search-help p{max-width:360px;margin:6px 0 0;color:#718899;font-size:12px;line-height:1.55}
.car-search-action{display:flex;justify-content:center;padding:5px 24px 21px}
.car-search-action .primary-button{width:min(560px,100%);min-height:48px;padding:0 22px;border-radius:10px;font-size:12px;justify-content:center;gap:9px;box-shadow:0 8px 20px rgba(11,53,85,.12)}
.vehicle-inquiry-card{width:min(590px,100%);max-height:90vh;overflow:auto;border:1px solid #dce8ef;border-radius:17px;padding:30px;background:#fff}
.vehicle-inquiry-card h2{color:#153b55}
.vehicle-inquiry-car{margin:0 0 12px!important;color:#0879be!important;font:700 13px 'Manrope',sans-serif}
.vehicle-inquiry-card form>label{display:block;margin:12px 0;color:#536f81;font-size:11px;font-weight:650}
.vehicle-inquiry-card input:not([type=checkbox]),.vehicle-inquiry-card textarea{display:block;width:100%;margin-top:5px;padding:10px 11px;border:1px solid #dbe7ee;border-radius:9px;background:#fbfdff;color:#153b55;font:500 12px 'DM Sans',sans-serif;outline:none}
.vehicle-inquiry-card input:not([type=checkbox]){height:41px}
.vehicle-inquiry-card textarea{min-height:86px;resize:vertical;line-height:1.5}
.vehicle-inquiry-card input:focus,.vehicle-inquiry-card textarea:focus{border-color:#7abfe0;box-shadow:0 0 0 3px #e5f5fc}
.vehicle-inquiry-card #sendVehicleInquiry{width:100%;margin-top:4px}
.vehicle-inquiry-captcha-block{margin:12px 0 10px}
.vehicle-inquiry-success-modal{z-index:35}
@media(max-width:700px){.car-search-top{grid-template-columns:minmax(0,1fr)}.car-search-vehicle{padding:18px}.car-search-help{padding:16px 20px 18px;border-top:1px solid #e7eff3;border-left:0;background:#fbfdfe}.car-search-help p{max-width:none}.car-search-action{padding:2px 18px 18px}.car-search-action .primary-button{width:100%;justify-content:center}}
@media(max-width:620px){.vehicle-inquiry-card{padding:25px 19px}.vehicle-inquiry-card .checkout-fields{grid-template-columns:1fr}}

/* Customer profile fields, operational messages and legal notices */
.account-address-group:not(.is-hidden){display:grid;gap:2px;margin:12px 0;padding:12px;border:1px solid #e1edf3;border-radius:10px;background:#f8fcfe}
.account-address-group>strong,.cabinet-section-label{margin:3px 0;color:#315d77;font:700 10px 'Manrope',sans-serif}
.account-address-group>label{display:block;margin:5px 0;color:#536f81;font-size:10px;font-weight:650}
.footer-copyright,.footer-email{padding:0;border:0;background:none;color:#e4edf3;font:inherit;font-size:9px;text-align:left;cursor:pointer;text-decoration:none}
.footer-copyright:hover,.footer-email:hover{color:#83d3ff;text-decoration:underline}
.copyright-card{width:min(620px,100%);max-height:90vh;overflow:auto;border:1px solid #e1ebf0;border-radius:18px;padding:32px;background:#fff}
.copyright-card h2{margin:10px 38px 7px 0;color:#153b55;font:800 24px/1.15 'Manrope';letter-spacing:-.7px}
.copyright-card p{color:#627c8d;font-size:11px;line-height:1.7}
.copyright-card .legal-sources{padding-top:10px;border-top:1px solid #e8eff3}
.copyright-card a{color:#0879be}
.site-maintenance-screen{display:none;position:fixed;inset:0;z-index:100;place-items:center;padding:22px;background:#f3f8fb;color:#153b55}.site-maintenance-screen.is-active{display:grid}.site-maintenance-screen section{width:min(540px,100%);padding:42px;border:1px solid #dce9f0;border-radius:22px;background:#fff;box-shadow:0 20px 60px #153b5512;text-align:center}.site-maintenance-screen strong{color:#0879be;font-size:12px;letter-spacing:.18em}.site-maintenance-screen h1{font:800 30px/1.15 'Manrope',sans-serif}.site-maintenance-screen p{color:#667e8e;font-size:12px}.site-maintenance-screen a,.contact-email{display:inline-flex;margin-top:8px;color:#0879be;font-size:11px;font-weight:700}
.site-maintenance-screen{z-index:1000;overflow-y:auto;background:radial-gradient(ellipse at 50% 0%,#e4f2fb 0%,#f3f8fb 56%,#f8fafc 100%)}
.site-maintenance-screen .site-maintenance-card{display:flex;width:min(820px,100%);flex-direction:column;align-items:center;padding:clamp(22px,5vw,44px);border:1px solid #dce9f0;border-radius:30px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(21,59,85,.12),inset 0 1px #fff}
.site-maintenance-logo{display:block;width:clamp(150px,22vw,188px);height:auto;object-fit:contain}
.site-maintenance-illustration{display:block;width:min(100%,690px);height:auto;max-height:370px;margin:18px auto 2px;object-fit:contain}
.site-maintenance-label{display:inline-flex;align-items:center;min-height:30px;padding:5px 13px;border:1px solid #d9ebf7;border-radius:999px;background:#eff8fd;color:#1172bf;font-size:12px;font-weight:700;letter-spacing:.02em}
.site-maintenance-screen .site-maintenance-card h1{margin:15px 0 6px;color:#1b2d43;font:800 clamp(24px,4vw,32px)/1.15 'Manrope',sans-serif;letter-spacing:-.035em}
.site-maintenance-screen .site-maintenance-card p{max-width:520px;margin:0;color:#667e8e;font-size:16px;line-height:1.55}
.site-maintenance-screen .site-maintenance-card a{min-height:42px;align-items:center;justify-content:center;margin-top:18px;padding:0 18px;border:1px solid #c8ddec;border-radius:999px;background:#f2f8fc;color:#0879be;font-size:14px;text-decoration:none;box-shadow:0 4px 13px rgba(31,69,101,.08)}
@media(max-width:600px){.site-maintenance-screen{padding:14px}.site-maintenance-screen .site-maintenance-card{padding:22px 16px;border-radius:24px}.site-maintenance-illustration{max-height:250px;margin:16px auto 0}.site-maintenance-screen .site-maintenance-card h1{font-size:25px}.site-maintenance-screen .site-maintenance-card p{font-size:14px}}

/* Comfortable reading size and focused part-number cards */
body{font-size:15px}
@media(min-width:1081px){.hero{min-height:560px;padding-top:68px;padding-bottom:62px}}
.category-number{font-size:10px}
.category-meta{font-size:11px}
.recent-search-copy small{font-size:10px}
.recent-search-copy>span{font-size:11px}
.recent-search-photo-fallback{font-size:10px}
.quote-toolbar>div strong{font-size:14px}
.quote-toolbar>div small,.quote-toolbar label,.quote-toolbar select{font-size:12px}
.quote-group-type{font-size:10px}
.quote-group-head p{font-size:12px}
.quote-group-count{font-size:11px}
.quote-more summary{font-size:12px}
.product-photo-empty{font-size:13px}
@media(max-width:760px){
  .quote-toolbar>div small,.quote-toolbar label,.quote-toolbar select{font-size:12px}
  .quote-group-head h3{font-size:14px}
  .quote-group-head p{font-size:11px}
  .live-results-table td{font-size:11px}
  .live-results-table td:before,.live-results-table td.quote-price:before{font-size:10px}
  .live-results-table td.quote-brand small,.live-results-table td.quote-price small{font-size:10px}
  .live-results-table td.quote-description span{font-size:11px}
}
@media(max-width:520px){.category-number{font-size:9px}.category-meta{font-size:10px}.recent-search-copy small{font-size:9px}.recent-search-copy>span{font-size:10px}.recent-search-photo-fallback{font-size:9px}}

/* Larger default reading sizes, including compact result rows and forms */
body{font-size:16px}
.announcement{font-size:12px}
.eyebrow,.small-label{font-size:10px}
.main-nav{font-size:13px}
.help-link,.cart-button{font-size:13px}
.hero-sub{font-size:16px}
.proof-item{font-size:12px}
.search-tab{font-size:13px}
.search-form label,.modal label,.checkout-fields label{font-size:12px}
.search-form input,.search-form select,.modal input{font-size:14px}
.catalog-badge{font-size:11px}
.live-results-table{font-size:13px}
.live-results-table th{font-size:10px}
.quote-brand small,.quote-delivery small,.quote-price small{font-size:11px}
.quote-price strong{font-size:16px}
.quote-toolbar>div small,.quote-toolbar label,.quote-toolbar select{font-size:13px}
.quote-group-type,.quote-group-count{font-size:12px}
.quote-group-head p{font-size:13px}
.quote-more summary{font-size:13px}
.form-field-note{margin:10px 0;color:#60798a;font-size:13px;line-height:1.55}
.required-mark{color:#c45535;font-weight:800}
.optional-note{color:#7890a0;font-size:11px;font-weight:500}
.account-address-group>label{font-size:12px}
@media(max-width:760px){
  .live-results-table td{font-size:12px}
  .live-results-table td:before,.live-results-table td.quote-price:before{font-size:11px}
  .live-results-table td.quote-brand strong{font-size:13px}
  .live-results-table td.quote-brand small,.live-results-table td.quote-price small{font-size:11px}
  .live-results-table td.quote-price strong{font-size:16px}
  .live-results-table td.quote-description span{font-size:12px}
  .quote-group-head h3{font-size:15px}
  .quote-group-head p{font-size:12px}
}

.order-success-card{text-align:center;width:min(460px,100%);padding:38px 34px 32px}.order-success-card .small-label{justify-content:center;margin-top:17px}.order-success-card h2{max-width:330px;margin:12px auto 10px}.order-success-card>p{max-width:330px;margin:0 auto 10px;font-size:13px;line-height:1.65}.order-success-card .order-success-reference{min-height:0;margin:14px auto 18px;color:#54758b;font-size:11px;font-weight:700}.order-success-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto;border-radius:50%;background:#e4f4eb;color:#21814c;font-size:28px;font-weight:700}.order-success-card .primary-button{justify-content:center;margin-top:18px}

/* Quote result groups, the single brand filter and clickable sort headings */
.quote-filters{display:flex;align-items:center;gap:9px;min-width:0}
.quote-toolbar .quote-brand-filter{display:grid;min-width:250px}
.quote-toolbar .quote-brand-filter select{width:100%;min-width:0;height:40px;font-size:12px}
.quote-toolbar>.quote-filters{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:10px}
.quote-toolbar .quote-stock-filter{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:40px;padding:0 12px;border:1px solid #d8e7ef;border-radius:9px;background:#f7fafc;color:#31566e;font-size:12px;font-weight:700;cursor:pointer}
.quote-toolbar .quote-stock-filter input{width:17px;height:17px;margin:0;accent-color:#0879be;cursor:pointer}
.quote-toolbar .quote-stock-filter:has(input:checked){border-color:#b8dfc1;background:#f0f8f0;color:#236b3a}
.quote-toolbar .quote-stock-filter:focus-within{outline:2px solid #87c5e3;outline-offset:2px}
.quote-sort-button,.mobile-sort-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.quote-sort-button:hover,.mobile-sort-button:hover{color:var(--brand)}
.quote-sort-button[aria-pressed="true"],.mobile-sort-button[aria-pressed="true"]{color:var(--brand);font-weight:800}
.quote-sort-button:focus-visible,.mobile-sort-button:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:3px}
.quote-sort-button .sort-arrow,.mobile-sort-button .sort-arrow{font-size:1.15em}
.mobile-sort-button{display:none}
.quote-category{display:grid;gap:9px}
.quote-category-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#eaf3f8;border:1px solid #d8e7ef;border-radius:12px}
.quote-category-head h3{margin:0;color:#164b6c;font:800 14px/1.3 'Manrope',sans-serif;letter-spacing:.035em}
.quote-category-head span{color:#53758a;font-size:11px;font-weight:700;white-space:nowrap}
.quote-category-groups{display:grid;gap:12px}
.live-results-table tbody tr.delivery-in-stock{background:#c5edc8;box-shadow:inset 4px 0 0 #35934d}
.live-results-table tbody tr.delivery-in-stock:hover{background:#b5e6ba}
.live-results-table tbody tr.delivery-in-stock td[data-label="Наявність"]{color:#17642f;font-weight:750}
.live-results-table tbody tr.delivery-one-two-days{background:#edf7e9}
.live-results-table tbody tr.delivery-one-two-days:hover{background:#e3f1dc}
.live-results-table tbody tr.delivery-three-days{background:#e8f5fb}
.live-results-table tbody tr.delivery-three-days:hover{background:#dceef7}
@media(max-width:700px){
  .quote-toolbar .quote-brand-filter{width:100%;min-width:0}
  .quote-toolbar>.quote-filters{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .quote-toolbar .quote-brand-filter{width:auto;min-width:0;flex:1 1 230px}
  .quote-toolbar .quote-stock-filter{flex:0 0 auto;min-height:40px;white-space:nowrap}
  .quote-toolbar .quote-brand-filter select{height:40px}
  .live-results-table td.quote-delivery:before,.live-results-table td.quote-price:before{display:none}
  .live-results-table td.quote-delivery .mobile-sort-button,.live-results-table td.quote-price .mobile-sort-button{display:inline-flex;flex:none;color:#718a9a;font-size:9px;font-weight:700;white-space:nowrap}
  .live-results-table td.quote-delivery .mobile-sort-button[aria-pressed="true"],.live-results-table td.quote-price .mobile-sort-button[aria-pressed="true"]{color:var(--brand)}
  .live-results-table td.quote-delivery>div{margin-left:auto;text-align:right}
  .live-results-table td.quote-price .mobile-sort-button{align-self:flex-end}
  .quote-category-head{padding:10px 12px}
  .quote-category-head h3{font-size:12px}
  .quote-category-head span{font-size:10px}
}

/* Consistent order status colors in the CRM and customer cabinet */
.order-status-tone--default{--order-status-bg:#f1f5f8;--order-status-color:#526b7d;--order-status-border:#d7e2e9}
.order-status-tone--processing{--order-status-bg:#fff4d8;--order-status-color:#845b08;--order-status-border:#f1d48c}
.order-status-tone--payment-pending{--order-status-bg:#edf3ff;--order-status-color:#3b5f9a;--order-status-border:#c3d3f1}
.order-status-tone--price-adjustment{--order-status-bg:#fff0df;--order-status-color:#9a5510;--order-status-border:#efc48d}
.order-status-tone--price-exceeded{--order-status-bg:#fff0ed;--order-status-color:#a43b30;--order-status-border:#efc0b9}
.order-status-tone--ordered{--order-status-bg:#e7f2ff;--order-status-color:#245d9a;--order-status-border:#b8d5f4}
.order-status-tone--purchased{--order-status-bg:#f0eaff;--order-status-color:#6545a0;--order-status-border:#d5c5f5}
.order-status-tone--transit{--order-status-bg:#e4f6fb;--order-status-color:#176b82;--order-status-border:#b3e2ed}
.order-status-tone--warehouse{--order-status-bg:#e6f5e9;--order-status-color:#286d3b;--order-status-border:#b6dfbf}
.order-status-tone--issued{--order-status-bg:#d8f0df;--order-status-color:#155d2c;--order-status-border:#8dcea0}
.order-status-tone--refused{--order-status-bg:#fff0ed;--order-status-color:#a43b30;--order-status-border:#efc0b9}
.crm-status-flow .order-status-badge,.crm-order-status-summary .order-status-badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--order-status-border,#d7e2e9);border-radius:999px;background:var(--order-status-bg,#f1f5f8);color:var(--order-status-color,#526b7d);font-size:10px;font-weight:750;line-height:1.25;white-space:nowrap}
.crm-status-flow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:14px 0 18px}

/* Clear, truthful recent items, supplier freshness and mobile quote readability */
.recent-search-empty{display:block}
.recent-empty-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px;padding:23px 25px;border:1px solid #dce9f0;border-radius:16px;background:linear-gradient(115deg,#fff,#f2f8fb);box-shadow:0 7px 23px rgba(24,68,96,.045)}
.recent-empty-mark{display:grid;place-items:center;width:52px;height:52px;border:1px solid #b9dcec;border-radius:15px;background:#e8f5fb;color:#0879be;font:800 20px 'Manrope',sans-serif}
.recent-empty-card strong{color:#153b55;font:750 15px 'Manrope',sans-serif}
.recent-empty-card p{margin:5px 0 0;color:#60798a;font-size:13px;line-height:1.55}
.recent-empty-card .outline-button{width:auto;min-height:42px;gap:12px;white-space:nowrap}
.recent-search-card{grid-template-columns:82px minmax(0,1fr);min-height:142px}
.recent-search-copy{gap:5px}
.recent-search-copy .recent-product-details{display:-webkit-box;overflow:hidden;color:#536e7e;font-size:11px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.recent-search-copy .recent-product-price{color:#153b55;font-size:12px;font-weight:750}
.recent-search-copy .recent-product-checked{color:#6d8392;font-size:10px}
.recent-search-copy .recent-search-repeat{color:#0879be;font-size:11px;font-weight:700}
.recent-search-copy .recent-search-repeat b{margin-left:3px}
.quote-toolbar .quote-stock-note{color:#536f80;font-size:11px}
.quote-toolbar .quote-check-time,.no-results .quote-check-time{color:#456c84;font-size:11px;font-weight:700}
.no-results .quote-check-time{display:block;margin-top:9px}
.live-results-table td[data-label="Наявність"]{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#9bbca8;text-underline-offset:3px}
.review-status{margin:9px 0;color:#60798a;font-size:12px;line-height:1.5}
.review-updated{display:block;margin:0 0 8px;color:#60798a;font-size:11px}
@media(max-width:800px){
  .recent-empty-card{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:17px}
  .recent-empty-mark{width:44px;height:44px}
  .recent-empty-card>div{min-width:0}
  .recent-empty-card .outline-button{grid-column:1/-1;width:100%;justify-content:space-between}
  .recent-search-card{grid-template-columns:64px minmax(0,1fr);min-height:138px;padding:12px}
  .recent-search-copy .recent-product-details{-webkit-line-clamp:1}
}
@media(max-width:760px){
  .live-results-table tr{padding:15px 14px;gap:7px 12px}
  .live-results-table td{font-size:13px;line-height:1.4}
  .live-results-table td:before,.live-results-table td.quote-price:before{font-size:11px;font-weight:700}
  .live-results-table td.quote-brand strong{font-size:14px}
  .live-results-table td.quote-brand small{font-size:12px;line-height:1.45}
  .live-results-table td.quote-description span{font-size:13px;line-height:1.45}
  .live-results-table td.quote-description .quote-kind{font-size:10px}
  .live-results-table td[data-label="Наявність"]{font-size:13px;font-weight:700}
  .live-results-table td.quote-delivery>div span,.live-results-table td.quote-warehouse strong{font-size:13px}
  .live-results-table td.quote-delivery small{font-size:11px}
  .live-results-table td.quote-price strong{font-size:17px}
  .live-results-table td.quote-price small{max-width:180px;font-size:10px;line-height:1.35}
  .live-results-table td.quote-delivery .mobile-sort-button,.live-results-table td.quote-price .mobile-sort-button{font-size:10px}
  .quote-toolbar .quote-stock-note,.quote-toolbar .quote-check-time{font-size:11px;line-height:1.4}
}
@media(max-width:520px){
  .recent-empty-card{padding:14px}
  .recent-empty-card strong{font-size:14px}
  .recent-empty-card p{font-size:12px}
  .recent-search-card{grid-template-columns:58px minmax(0,1fr);min-height:130px;padding:10px;gap:8px}
  .recent-search-photo-shell{width:58px;height:74px}
  .recent-search-copy small{font-size:9px}
  .recent-search-copy strong{font-size:12px}
  .recent-search-copy .recent-product-details{font-size:10px}
  .recent-search-copy .recent-product-price{font-size:11px}
  .recent-search-copy .recent-product-checked,.recent-search-copy .recent-search-repeat{font-size:10px}
  .live-results-table tr{padding:14px 11px;gap:7px 9px}
  .live-results-table td{font-size:12.5px}
  .live-results-table td:before,.live-results-table td.quote-price:before{font-size:10.5px}
  .live-results-table td.quote-brand strong{font-size:13px}
  .live-results-table td.quote-brand small{font-size:11px}
  .live-results-table td.quote-description span{font-size:12px}
  .live-results-table td.quote-price strong{font-size:16px}
  .live-results-table td.quote-price small{max-width:145px;font-size:9px}
  .live-results-table td.quote-action .add-button{width:35px;height:35px}
}
.crm-status-flow>strong{margin-right:2px}
.crm-order-status-summary{display:flex!important;flex-wrap:wrap;gap:5px;margin-top:7px!important}
.crm-table select.order-status-tone{border-color:var(--order-status-border,#d7e2e9);background-color:var(--order-status-bg,#f1f5f8);color:var(--order-status-color,#526b7d);font-weight:750}
.crm-table select.order-status-tone option{background:#fff;color:#263f52}
.cabinet-order-status.order-status-tone{padding:4px 9px;border:1px solid var(--order-status-border,#d7e2e9);border-radius:999px;background:var(--order-status-bg,#f1f5f8);color:var(--order-status-color,#526b7d);font-size:11px;font-weight:750;text-decoration:none;white-space:nowrap}
.cabinet-order-status.order-status-tone:hover,.cabinet-order-status.order-status-tone:focus{filter:brightness(.97)}
.cabinet-status-step.order-status-tone{border-left-color:var(--order-status-border,#c8dce8);color:var(--order-status-color,#567286)}
.cabinet-status-step.order-status-tone b{color:var(--order-status-color,#315c76)}
.cabinet-status-step.order-status-tone.is-current{padding-top:4px;padding-bottom:4px;border-radius:0 7px 7px 0;background:var(--order-status-bg,#f1f5f8);font-weight:700}
.vehicle-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;align-items:start}
.vehicle-catalog-grid label{min-width:0}
.vehicle-catalog-status{margin:-2px 0 12px;line-height:1.5}
@media(max-width:520px){.vehicle-catalog-grid{grid-template-columns:minmax(0,1fr);column-gap:0}}

/* Full-row add-to-cart button in the rightmost offer column. */
.live-results-table th:nth-child(1){width:15%}
.live-results-table th:nth-child(2){width:22%}
.live-results-table th:nth-child(3){width:14%}
.live-results-table th:nth-child(4){width:14%}
.live-results-table th:nth-child(5){width:13%}
.live-results-table th:nth-child(6){width:18%}
.live-results-table th:nth-child(7){width:4%}
.live-results-table td.quote-action{position:relative;width:4%;min-width:48px;padding:0!important;text-align:center}
.live-results-table td.quote-action .add-button{position:absolute;inset:0;display:grid;place-items:center;width:auto;height:auto;min-height:0;padding:0;border:0;border-left:1px solid #a9c5d4;border-radius:0;background:transparent;color:#0879be;line-height:1;transition:background .2s,border-color .2s}
.live-results-table td.quote-action .add-button:hover{background:transparent;border-left-color:#a9c5d4}
.live-results-table td.quote-action .add-button:focus-visible{z-index:1;outline:2px solid #0879be;outline-offset:-3px}
.live-results-table td.quote-action .add-button svg{width:21px;height:21px;transition:transform .18s ease}
.live-results-table td.quote-action .add-button:hover svg{transform:scale(1.14)}
@media(max-width:760px){
  .live-results-table tr{grid-template-columns:minmax(0,1fr) 42px}
  .live-results-table td.quote-brand{grid-column:1;grid-row:1}
  .live-results-table td.quote-description{grid-column:1;grid-row:2}
  .live-results-table td[data-label="Наявність"]{grid-column:1;grid-row:3}
  .live-results-table td.quote-delivery{grid-column:1;grid-row:4;justify-content:flex-start;text-align:left}
  .live-results-table td.quote-warehouse{grid-column:1;grid-row:5;justify-content:flex-start;text-align:left}
  .live-results-table td.quote-price{grid-column:1;grid-row:6;align-items:flex-start;text-align:left}
  .live-results-table td.quote-price .mobile-sort-button{align-self:flex-start}
  .live-results-table td.quote-price>div{justify-items:start}
  .live-results-table td.quote-price small{max-width:100%;text-align:left}
  .live-results-table td.quote-action{grid-column:2;grid-row:1 / span 6;align-self:stretch;min-height:100%;}
  .live-results-table td.quote-action .add-button svg{width:19px;height:19px}
}

/* Official manufacturer reading carousel */
.manufacturer-news{padding:10px 0 55px}.news-intro{color:var(--muted);font-size:16px;margin:12px 0 0;max-width:680px}.news-window{overflow:hidden}.news-track{display:flex;gap:18px;transition:transform .45s ease}.news-card{flex:0 0 calc((100% - 36px)/3);min-width:0;background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden}.news-card a{display:flex;flex-direction:column;height:100%}.news-card:hover{border-color:var(--brand)}.news-art{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e9f4fa;padding:14px 22px;color:var(--brand);min-height:128px}.news-art strong{font:800 21px 'Manrope',sans-serif}.news-art svg{width:95px;height:95px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.news-body{padding:22px;display:flex;flex-direction:column;flex:1}.news-body>span{font-size:11px;letter-spacing:1px;color:var(--brand);font-weight:700}.news-body h3{font-size:21px;line-height:1.35;margin:12px 0;color:var(--dark)}.news-body p{font-size:16px;color:var(--muted);line-height:1.6;margin:0 0 24px}.news-body b{margin-top:auto;color:var(--brand);font-size:15px}.news-controls{display:flex;align-items:center;gap:10px;margin-top:20px}.news-controls button{border:1px solid var(--line);background:var(--white);color:var(--brand);border-radius:12px;min-width:44px;min-height:44px;padding:8px 14px;font-weight:700}.news-controls button:hover{border-color:var(--brand);background:#e9f4fa}.news-controls button:disabled{opacity:.35;cursor:default}.news-count{color:var(--muted);font-size:14px;margin:0 5px}.news-pause{margin-left:auto}@media(max-width:980px){.news-card{flex-basis:calc((100% - 18px)/2)}}@media(max-width:600px){.news-card{flex-basis:100%}.news-art{min-height:110px}.news-body{padding:20px}.news-body h3{font-size:21px}.news-controls{gap:6px}.news-controls button{padding:8px 10px}.news-count{margin:0;font-size:12px}}@media(prefers-reduced-motion:reduce){.news-track{transition:none}}
.news-art{position:relative}.news-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--white)}
.news-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.news-page-filters{display:flex;gap:16px;flex-wrap:wrap;margin:26px 0}.news-page-filters label{display:grid;gap:7px;color:var(--muted)}.news-page-filters select{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--dark);min-width:190px}.news-materials-page{padding-top:40px;padding-bottom:60px}.news-related{margin-top:22px;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px;font-size:15px}.news-related a{display:block;color:var(--brand);margin-top:10px}.manufacturer-news .section-heading>div{width:100%}.manufacturer-news .text-link{float:right;margin-top:8px}@media(max-width:980px){.news-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.news-page-grid{grid-template-columns:1fr}.manufacturer-news .text-link{float:none;display:block;margin-top:14px}.news-page-filters label,.news-page-filters select{width:100%}}
.news-page-group{margin:34px 0 46px}.news-page-group[hidden]{display:none}.news-page-group h2{margin:0 0 6px;color:var(--dark)}.news-page-group>p{margin:0 0 22px;color:var(--muted)}

.quote-delivery .quote-delivery-note{display:block;font-size:11px;line-height:1.4;margin-top:5px;white-space:normal;max-width:220px;color:var(--muted,#718a9a)}

.article-history-field{position:relative;display:block;width:100%}
.article-history-field #partQuery{padding-right:54px;width:100%;box-sizing:border-box}
.article-history-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--brand,#087ebd);cursor:pointer}
.article-history-toggle:hover{background:#e7f3fa}
.article-history-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.article-history-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;border:1px solid #d6e6ef;border-radius:14px;box-shadow:0 12px 35px #173c5526;padding:16px;z-index:30}
.article-history-panel[hidden]{display:none}
.article-history-panel>strong{display:block;margin-bottom:10px;font-size:15px}
#articleHistoryItems{display:block;max-height:260px;overflow:auto}
#articleHistoryItems button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:10px;border-radius:7px;color:#17445f;font-size:16px;cursor:pointer}
#articleHistoryItems button:hover,#articleHistoryItems button:focus-visible{background:#eaf5fb}
.article-history-empty{display:block;font-size:14px;font-weight:400;padding:8px 0;color:#718a9a}
#articleHistoryClear{margin-top:10px;padding:8px 0;border:0;background:transparent;color:#087ebd;cursor:pointer;font-size:13px}

.news-language-note{display:block;font-size:12px;line-height:1.5;color:#718a9a;margin:8px 0}

.news-art:has(.news-photo){height:170px;padding:0;min-height:170px}.news-photo{object-position:center}

.news-photo-credit{padding:0 20px 16px;color:#6b8190;font-size:11px;line-height:1.5}.news-photo-credit a{display:inline!important;color:inherit;text-decoration:underline}.news-photo{object-fit:contain;background:#f4f8fa}

/* PartPrice — quantity controls */
.quote-purchase-controls {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  white-space: nowrap;
}

.quote-quantity {
  display: grid;
  grid-template-rows: 22px 22px 22px;
  width: 30px;
  overflow: hidden;
  border: 1px solid #c6e3f2;
  border-radius: 10px;
  background: #edf7fc;
  color: var(--brand);
  text-align: center;
}

.quote-quantity button {
  display: grid;
  place-items: center;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}

.quote-quantity output {
  display: grid;
  place-items: center;
  border-top: 1px solid #c6e3f2;
  border-bottom: 1px solid #c6e3f2;
  background: #fff;
  color: #143e5c;
  font-size: 11px;
  font-weight: 700;
}

.quote-quantity button:hover:not(:disabled),
.cart-quantity-controls button:hover:not(:disabled) {
  background: var(--brand);
  color: #fff;
}

.quote-quantity button:disabled,
.cart-quantity-controls button:disabled,
.quote-purchase-controls .add-button:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.cart-quantity-controls {
  display: inline-flex;
  align-items: center;
  width: max-content;
  overflow: hidden;
  border: 1px solid #c6e3f2;
  border-radius: 9px;
  background: #edf7fc;
}

.cart-quantity-controls button {
  display: grid;
  place-items: center;
  width: 30px;
  height: 29px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--brand);
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.cart-quantity-controls span {
  min-width: 30px;
  padding: 0 5px;
  color: #143e5c;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.cart-item .cart-quantity-controls button {
  grid-column: auto;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
}

@media (max-width: 520px) {
  .quote-purchase-controls { gap: 5px; }
  .quote-quantity {
    width: 28px;
    grid-template-rows: 20px 20px 20px;
  }
  .quote-quantity button { font-size: 14px; }
  .quote-action .add-button {
    flex: none;
    width: 28px;
    height: 28px;
  }
}

/* modern.css */
/* PartPrice, 04.10.2026: shared reading scale and the approved split search layout. */
:root{--ink:#17334d;--muted:#586e80;--line:#dfe7ed;--paper:#f5f7fa;--white:#fff;--brand:#1377bd;--dark:#17334d;--accent:#3eb1eb}
body{font-family:'Manrope',sans-serif;font-size:16px;line-height:1.55;background:var(--paper);color:var(--ink)}
[hidden]{display:none!important}
button,input,select,textarea{font-family:inherit}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #69b5e7;outline-offset:3px}
.primary-button{min-height:48px;height:auto;border-radius:10px;background:var(--brand);box-shadow:none;font-size:15px;padding:13px 18px;gap:14px}
.primary-button:hover{background:#0866a8}
.secondary-button,.outline-button{border-radius:10px;min-height:44px;font-size:14px;box-shadow:none}
.eyebrow,.small-label{font-size:11px;letter-spacing:1.5px;font-weight:750;color:var(--muted)}
.modal label{font-size:13px;color:var(--muted)}
.modal input,.modal select,.modal textarea{font-size:16px;min-height:46px}
.modal-card{border-radius:14px;box-shadow:0 16px 60px #17334d24}
.modal-card>p,.modal-footnote,.checkout-info,.checkout-summary{font-size:14px;line-height:1.6}
.modern-platform .announcement{height:auto;min-height:32px;padding:5px 24px;background:#eef5fb;color:#385f7c;justify-content:space-between;font-size:11px}
.modern-platform .announcement-copy{gap:8px;font-size:11px}
.modern-platform .announcement-currency{color:#385f7c;font-size:11px}
.modern-platform .announcement-currency small{font-size:11px;color:#586e80}
.modern-platform .site-header{height:82px;padding:0 max(24px,calc((100vw - 1160px)/2));gap:24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none}
.modern-platform .brand-logo{width:181px;height:auto;max-width:none}
.modern-platform .main-nav{display:flex;gap:24px;flex:1;justify-content:center;font-size:13px;font-weight:650;color:var(--muted)}
.modern-platform .header-actions{gap:10px}
.modern-platform .help-link{display:none}
.modern-platform .account-open,.modern-platform .cart-button{min-height:44px;padding:10px 13px;gap:8px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:13px}
.modern-platform .account-avatar{background:none;border:0;width:19px;height:20px;border-radius:0;padding:0;display:block}
.modern-platform .account-avatar svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.modern-platform .cart-button svg{width:19px;height:19px}
.modern-platform .cart-button b{border-radius:6px;background:#eef5fb;color:var(--brand);font-size:12px}
.modern-platform .hero{min-height:0;height:auto;max-width:none;margin:0;padding:48px max(24px,calc((100vw - 1160px)/2)) 42px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;background:#fff;overflow:visible}
.modern-platform .hero:before,.modern-platform .hero:after{display:none}
.modern-platform .hero-copy{max-width:480px}
.modern-platform .hero h1{font:800 clamp(34px,3.6vw,48px)/1.15 'Manrope',sans-serif;letter-spacing:-1.8px;margin:18px 0 18px}
.modern-platform .hero h1 em{font-family:inherit;font-weight:800;letter-spacing:inherit;color:var(--brand)}
.modern-platform .hero-sub{max-width:420px;margin:0;font-size:16px;line-height:1.7;color:var(--muted)}
.modern-platform .hero-proof{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:24px;font-size:13px;color:var(--muted)}
.modern-platform .hero-proof>span{display:inline-flex;gap:8px;align-items:center}
.modern-platform .hero-proof svg{width:19px;height:19px;fill:none;stroke:var(--brand);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.modern-platform .hero-help-link{display:inline-flex;gap:8px;margin-top:21px;color:var(--brand);font-size:14px;font-weight:650}
.modern-platform .search-card{width:100%;min-width:0;padding:24px;border:1px solid var(--line);border-radius:12px;box-shadow:none;background:#fff;scroll-margin-top:112px}
.modern-platform .search-card-top{gap:12px}
.modern-platform .search-card-top .small-label{font-size:10px;letter-spacing:1px}
.modern-platform .catalog-badge{font-size:11px;background:#eef5fb;color:#426985;padding:6px 9px;white-space:nowrap}
.modern-platform .catalog-badge span{background:#18b66a;box-shadow:0 0 6px rgba(24,182,106,.62),0 0 12px rgba(24,182,106,.34)}
.modern-platform .search-tabs{display:flex;justify-content:flex-start;gap:22px;margin-top:14px}
.modern-platform .search-tab{flex:0 1 auto;font-size:14px;font-weight:650;color:var(--muted);padding:12px 0 14px;white-space:nowrap}
.modern-platform .search-tab.active{color:var(--brand)}
.modern-platform .search-tab.active:after{height:3px;background:var(--brand)}
.modern-platform .search-form{padding-top:18px}
.modern-platform .search-form label{font-size:13px;color:var(--muted);margin-bottom:14px}
.modern-platform .search-form input:not([type=checkbox]),.modern-platform .search-form select{font-size:16px;min-height:50px;background:#f7f9fc;border:1px solid var(--line);border-radius:10px;color:var(--ink)}
.modern-platform .search-form input:not([type=checkbox]){padding-right:44px}
.modern-platform .article-history-toggle{width:40px;height:40px;right:5px}
.modern-platform .article-history-toggle:hover{transform:translateY(-50%) !important}
.modern-platform .article-history-panel{z-index:35;font-size:14px;border-radius:10px;box-shadow:0 12px 35px #17334d1c}
.modern-platform .search-form .analogs-option{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:500;margin-bottom:15px}
.modern-platform .search-form .analogs-option input{width:17px;height:17px;min-height:0;accent-color:var(--brand);margin:0}
.modern-platform .search-form .primary-button{font-size:16px;min-height:52px;justify-content:space-between}
.modern-platform .field-hint{font-size:12px;line-height:1.6;color:var(--muted)}
.modern-platform .section,.modern-platform .results-section,.modern-platform .steps-section,.modern-platform .vin-banner,.modern-platform .business-section{width:calc(100% - 48px);max-width:1160px;margin-left:auto;margin-right:auto}
.modern-platform .section-heading h2,.modern-platform .results-head h2{font-size:27px;letter-spacing:-.8px;margin-top:8px}
.modern-platform .section-heading{margin-bottom:21px}
.modern-platform .text-link{font-size:14px;color:var(--brand)}
.modern-platform .results-section{padding:30px 0 38px;scroll-margin-top:100px}
.modern-platform .results-head{margin-bottom:7px}
.modern-platform .result-message{font-size:14px;color:var(--muted);min-height:0;padding:6px 0 15px}
.modern-platform .product-grid.is-live-list{gap:18px}
.modern-platform .quote-toolbar{padding:0 0 18px;border:0;border-radius:0;background:none;box-shadow:none;align-items:center;gap:20px;overflow:visible}
.modern-platform .quote-toolbar>div strong{font-size:14px;font-weight:650}
.modern-platform .quote-toolbar .quote-check-time{font-size:12px;font-weight:500;line-height:1.55;color:var(--muted)}
.modern-platform .quote-toolbar .quote-brand-filter{min-width:190px}
.modern-platform .quote-toolbar .quote-brand-filter select{height:36px;border-radius:8px;background:#fff;font-size:12px;padding:0 10px}
.modern-platform .quote-toolbar .quote-stock-filter{height:36px;min-height:36px;border:0;background:none;padding:0;font-weight:600;font-size:12px}
.modern-platform .quote-toolbar .quote-stock-filter:has(input:checked){background:none;color:#28673b}
.modern-platform .quote-category-head{padding:4px 1px;background:none;border:0;border-radius:0}
.modern-platform .quote-category-head h3{font-size:13px;letter-spacing:.8px;color:var(--brand)}
.modern-platform .quote-category-head span{font-size:12px;color:var(--muted)}
.modern-platform .quote-category-groups{gap:12px}
.modern-platform .quote-groups{gap:24px}
.modern-platform .quote-group{border-radius:12px;border:1px solid var(--line);box-shadow:none;overflow:hidden}
.modern-platform .quote-group-head{padding:18px 20px;background:#fff;border-bottom:0}
.modern-platform .quote-group-head h3{font-size:18px;letter-spacing:-.4px;margin:0}
.modern-platform .quote-group-head h3 small{font-family:inherit;font-size:17px;margin-left:10px}
.modern-platform .quote-group-head p{font-size:14px;margin-top:4px}
.modern-platform .quote-group-type{display:none}
.modern-platform .quote-group-count{font-size:12px;border:0;background:#eef5fb;border-radius:7px;padding:6px 9px}
.modern-platform .live-results-table{width:100%;min-width:900px;font-size:14px;table-layout:fixed}
.modern-platform .live-results-table th{font-size:11px;letter-spacing:.7px;font-weight:750;background:#f5f7fa;color:var(--muted);padding:12px 14px}
.modern-platform .live-results-table td{padding:19px 14px;border-top:1px solid #17334d0e;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.modern-platform .live-results-table th:nth-child(1){width:17%}
.modern-platform .live-results-table th:nth-child(2){width:20%}
.modern-platform .live-results-table th:nth-child(3){width:11%}
.modern-platform .live-results-table th:nth-child(4){width:16%}
.modern-platform .live-results-table th:nth-child(5){width:12%}
.modern-platform .live-results-table th:nth-child(6){width:19%}
.modern-platform .live-results-table th:nth-child(7){width:5%}
.modern-platform .quote-brand strong{font-size:15px}
.modern-platform .quote-brand small,.modern-platform .quote-price small,.modern-platform .quote-delivery small{font-size:12px;line-height:1.5;color:var(--muted)}
.modern-platform .quote-description span{font-size:14px}
.modern-platform .quote-kind{font-size:10px;letter-spacing:.3px;line-height:1.5}
.modern-platform .quote-warehouse strong{font-size:13px;color:#345970}
.modern-platform .quote-price strong{font:800 22px/1.3 'Manrope',sans-serif;letter-spacing:-.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.modern-platform .live-results-table td[data-label="Наявність"]{font-weight:700}
.modern-platform .live-results-table tbody tr.delivery-in-stock{background:#b8e4ba;box-shadow:none}
.modern-platform .live-results-table tbody tr.delivery-in-stock:hover{background:#ace0b0}
.modern-platform .live-results-table tbody tr.delivery-one-two-days{background:#eef7e9;box-shadow:none}
.modern-platform .live-results-table tbody tr.delivery-one-two-days:hover{background:#e3f1dd}
.modern-platform .live-results-table tbody tr.delivery-three-days{background:#eaf4fc;box-shadow:none}
.modern-platform .live-results-table tbody tr.delivery-three-days:hover{background:#dfedf8}
.modern-platform .live-results-table td.quote-action{width:5%;padding:0!important}
.modern-platform .live-results-table td.quote-action .add-button{border-left:1px solid #17334d24;background:transparent;color:var(--brand)}
.modern-platform .live-results-table td.quote-action .add-button:hover{background:transparent;border-left-color:#17334d24}
.modern-platform .live-results-table td.quote-action .add-button svg{width:23px;height:23px}
.modern-platform .live-results-table td.quote-action .add-button:hover svg{transform:scale(1.16)}
.modern-platform .quote-more summary{padding:15px 20px;font-size:14px}
.modern-platform .quote-analog-group{min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.modern-platform .quote-analog-group>summary{list-style:none;display:flex;align-items:center;gap:18px;padding:18px 20px;cursor:pointer}
.modern-platform .quote-analog-group>summary::-webkit-details-marker{display:none}
.modern-platform .quote-analog-copy{flex:1;min-width:0;display:grid;gap:4px}
.modern-platform .quote-analog-copy>strong{font-size:16px}
.modern-platform .quote-analog-code{color:var(--brand);margin-left:8px}
.modern-platform .quote-analog-copy>small,.modern-platform .quote-analog-meta>small{font-size:13px;color:var(--muted);line-height:1.5}
.modern-platform .quote-analog-meta{display:grid;gap:4px;text-align:right;min-width:130px}
.modern-platform .quote-analog-meta>strong{font-size:19px;color:var(--ink);font-variant-numeric:tabular-nums}
.modern-platform .quote-analog-toggle{font-size:23px;color:var(--brand)}
.modern-platform .quote-analog-group[open] .quote-analog-toggle{font-size:0}
.modern-platform .quote-analog-group[open] .quote-analog-toggle:after{content:'−';font-size:23px}
.modern-platform .quote-analog-group[open]>summary{border-bottom:1px solid var(--line)}
.modern-platform .quote-analog-group>.quote-group{border:0;border-radius:0}
.modern-platform .quote-analog-group .quote-group-head{display:none}
.modern-platform .quote-information,.modern-platform .quote-photo-panel{padding:15px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.modern-platform .quote-information summary,.modern-platform .quote-photo-panel summary{cursor:pointer;color:var(--brand);font-weight:650}
.modern-platform .quote-information p{max-width:840px;line-height:1.7;margin:10px 0 0}
.modern-platform .quote-photo-panel .product-grid{margin-top:15px}
.modern-platform .price-notice{margin:16px 0 0;font-size:12px;color:var(--muted);line-height:1.6}
.modern-platform .car-search-result{border-radius:12px;box-shadow:none}
.modern-platform .car-search-top{padding:24px;gap:30px;grid-template-columns:1.2fr 1fr}
.modern-platform .car-search-vehicle h3{font-size:25px}
.modern-platform .car-search-help strong{font-size:17px}
.modern-platform .car-search-help p{font-size:14px}
.modern-platform .popular-section{padding:35px 0 40px}
.modern-platform .recent-search-card{border-radius:12px;box-shadow:none;background:#fff;min-height:132px;grid-template-columns:64px minmax(0,1fr);justify-items:start;text-align:left}
.modern-platform .recent-search-card:hover{transform:none;box-shadow:none;border-color:#8bc0e1}
.modern-platform .recent-search-copy strong{font-size:14px}
.modern-platform .recent-search-copy small{font-size:11px}
.modern-platform .recent-empty-card{border-radius:12px;box-shadow:none;background:#fff}
.modern-platform .manufacturer-news{padding:20px 0 45px}
.modern-platform .news-intro{font-size:15px;line-height:1.6;margin-top:10px}
.modern-platform .news-card{border-radius:12px;box-shadow:none;display:flex;flex-direction:column}
.modern-platform .news-card>a{height:auto;flex:1}
.modern-platform .news-art{padding:0;min-height:0;height:180px;background:#fff}
.modern-platform .news-body{padding:20px}
.modern-platform .news-body h3{font:750 19px/1.4 'Manrope',sans-serif;margin:10px 0 12px;letter-spacing:-.3px}
.modern-platform .news-body p{font-size:14px;line-height:1.65;margin-bottom:20px}
.modern-platform .news-body b{font-size:14px}
.modern-platform .news-body>span{font-size:10px;letter-spacing:.5px}
.modern-platform .news-photo-credit{font-size:10px;padding:0 20px 15px;color:var(--muted);line-height:1.55}
.modern-platform .news-photo-credit a{display:inline;height:auto;color:var(--brand);text-decoration:underline}
.modern-platform .news-controls button{border-radius:9px;box-shadow:none}
.modern-platform .news-related{border:0;border-top:1px solid var(--line);border-radius:0;background:none;padding:20px 0;line-height:1.6;font-size:14px}
.modern-platform .vin-banner{margin-top:10px;margin-bottom:50px;padding:25px 30px;background:#eef5fb;border:1px solid var(--line);border-radius:12px}
.modern-platform .vin-banner:after{display:none}
.modern-platform .vin-banner h2{font-size:25px;letter-spacing:-.5px}
.modern-platform .vin-banner p{font-size:14px;line-height:1.6;max-width:620px}
.modern-platform .steps-section{padding:20px 0 50px;gap:45px}
.modern-platform .steps-intro h2{font-size:32px;line-height:1.25;letter-spacing:-1px}
.modern-platform .steps-intro h2 em{letter-spacing:inherit;font-family:inherit;font-style:normal;color:var(--brand)}
.modern-platform .steps-intro p,.modern-platform .step p{font-size:14px;line-height:1.65}
.modern-platform .step h3{font-size:18px}
.modern-platform .business-section{margin-bottom:50px}
.modern-platform .business-card{border-radius:12px;background:#fff;box-shadow:none;padding:24px}
.modern-platform .contacts-card{grid-column:1 / -1;padding:28px 30px}
.modern-platform .contacts-layout{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,2fr);gap:clamp(28px,4vw,60px);align-items:stretch}
.modern-platform .contact-location{padding-top:8px}
.modern-platform .contact-location h3{margin:0 0 9px}
.modern-platform .contact-location address{margin:0 0 12px}
.modern-platform .contact-location .contact-map{margin:0}
.modern-platform .contact-info{min-width:0;border-left:1px solid rgba(127,163,186,.28);padding-left:clamp(24px,3vw,44px);display:flex;flex-direction:column;justify-content:center}
.modern-platform .contact-group-label{display:block;margin:0 0 10px;color:#7890a0;font-size:10px;font-weight:700;letter-spacing:.09em}
.modern-platform .contact-info .contact-phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;margin:0}
.modern-platform .contact-info-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(127,163,186,.22)}
.modern-platform .contact-info-extra .contact-email,.modern-platform .contact-info-extra .contact-extra-item>p{margin:0}
@media(max-width:900px){.modern-platform .contacts-layout{grid-template-columns:1fr;gap:22px}.modern-platform .contact-info{border-left:0;border-top:1px solid rgba(127,163,186,.28);padding:20px 0 0}.modern-platform .contact-info .contact-phones{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}
@media(max-width:650px){.modern-platform .contacts-card{padding:22px 20px}.modern-platform .contact-info .contact-phones{grid-template-columns:1fr;gap:8px}.modern-platform .contact-info-extra{grid-template-columns:1fr;gap:14px;margin-top:17px;padding-top:15px}}

.modern-platform .business-card h3{font-size:21px;letter-spacing:-.4px}
.modern-platform .business-card p,.modern-platform .business-card address{font-size:14px;line-height:1.75}
.modern-platform .business-index{font-size:11px}
.modern-platform .business-callout{background:#eef5fb;border-left:2px solid #8ac3e7;border-radius:0;padding:10px 12px}
.modern-platform .contact-phones a,.modern-platform .contact-email{font-size:16px}
.modern-platform footer{padding:26px max(24px,calc((100vw - 1160px)/2));gap:24px;box-shadow:none}
.modern-platform footer .brand-logo{width:165px;height:auto}
.modern-platform .chat-launcher{border-radius:12px;box-shadow:0 5px 20px #17334d18;font-size:14px}
.modern-platform .sticky-search-inner{max-width:1160px}
.modern-platform .sticky-search-inner input{font-size:16px}
.cabinet-order-item{border-radius:10px;padding:15px;gap:15px}
.cabinet-order-item-name{font-size:14px;line-height:1.5}
.cabinet-order-item-prices strong{font-size:15px}
.cabinet-order-item-prices small,.cabinet-order-total small{font-size:11px}
.cabinet-order-status.order-status-tone{font-size:12px;padding:6px 10px}
.cabinet-tabs button,.account-tabs button{font-size:15px}
.cabinet-form label{font-size:13px}
.saved-cars article{border-radius:10px;box-shadow:none}
.saved-cars strong{font-size:16px}
.saved-cars span,.saved-cars button{font-size:13px}

/* CRM uses the same type scale and calmer surfaces; each position has its own row. */
.modern-crm .crm-header{height:82px;background:#fff;border-bottom:1px solid var(--line);box-shadow:none;padding:0 max(24px,calc((100vw - 1240px)/2))}
.modern-crm .crm-brand .brand-logo{width:181px;height:auto}
.modern-crm .crm-main{width:calc(100% - 48px);max-width:1240px;margin:32px auto 60px}
.modern-crm .crm-app{gap:20px}
.modern-crm .crm-title-row h1{font-size:31px;letter-spacing:-1px}
.modern-crm .crm-title-row p{font-size:14px}
.modern-crm .crm-currency-rate{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:none;flex-wrap:wrap}
.modern-crm .crm-currency-rate strong{font-size:13px}
.modern-crm .crm-title-actions{flex-wrap:wrap}
.modern-crm .crm-stat{border-radius:12px;min-height:130px;padding:20px;box-shadow:none}
.modern-crm .crm-stat:hover{transform:none;box-shadow:none;border-color:#8bc0e1}
.modern-crm .crm-stat strong{font-size:32px}
.modern-crm .crm-stat span{font-size:14px}
.modern-crm .crm-stat small{font-size:12px}
.modern-crm .crm-tabs{background:#eef2f6;border:0;border-radius:10px;padding:10px;gap:5px;flex-wrap:wrap;overflow:visible}
.modern-crm .crm-tabs button{border-radius:8px;font-size:13px;min-height:44px;padding:10px 12px}
.modern-crm .crm-tabs button.active{box-shadow:none;background:#fff}
.modern-crm .crm-tab-badge{top:-5px;right:-4px;border-color:#eef2f6;box-shadow:none}
.modern-crm .crm-panel{padding:24px;border-radius:12px;box-shadow:none;border-color:var(--line)}
.modern-crm .crm-panel h2{font-size:24px;letter-spacing:-.5px}
.modern-crm .crm-panel p{font-size:14px;line-height:1.7}
.modern-crm .crm-table th{font-size:11px;background:#f5f7fa;letter-spacing:.4px}
.modern-crm .crm-table td,.modern-crm .crm-table td strong{font-size:13px}
.modern-crm .crm-table td small{font-size:12px}
.modern-crm .crm-table tbody tr[data-user-row]:hover{background:#e1e8ef}
.modern-crm .crm-order-cards{display:grid;gap:20px}
.modern-crm .crm-order-card{border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0;overflow:hidden}
.modern-crm .crm-order-card[hidden]{display:none}
.modern-crm .crm-order-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px;background:#f8fafc;border-bottom:1px solid var(--line)}
.modern-crm .crm-order-heading{display:grid;gap:8px;min-width:0}
.modern-crm .crm-order-heading>strong{font-size:15px;color:var(--ink)}
.modern-crm .crm-order-heading>small{color:var(--muted);font-size:12px}
.modern-crm .crm-order-client{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;font-size:13px}
.modern-crm .crm-order-client>span{color:var(--muted);overflow-wrap:anywhere}
.modern-crm .crm-order-contact-details{font-size:12px;color:var(--muted)}
.modern-crm .crm-order-contact-details summary{cursor:pointer;color:var(--brand)}
.modern-crm .crm-order-contact-details p{font-size:12px;margin:6px 0}
.modern-crm .crm-order-card-total{display:grid;gap:5px;min-width:200px;text-align:right}
.modern-crm .crm-order-card-total>strong{font-size:23px;color:var(--ink);font-variant-numeric:tabular-nums}
.modern-crm .crm-order-card-total>small{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.5px}
.modern-crm .crm-order-card-total .crm-order-discount{margin:0;display:grid;grid-template-columns:auto 80px;align-items:center;gap:8px;font-size:11px}
.modern-crm .crm-order-card-total select{font-size:12px;height:38px!important;border:1px solid var(--line);background:#fff;border-radius:8px;min-width:80px}
.modern-crm .crm-order-card .crm-table-wrap{border:0;border-radius:0}
.modern-crm .crm-item-table{min-width:990px;table-layout:fixed}
.modern-crm .crm-item-table th:nth-child(1){width:18%}
.modern-crm .crm-item-table th:nth-child(2){width:19%}
.modern-crm .crm-item-table th:nth-child(3),.modern-crm .crm-item-table th:nth-child(4){width:11%}
.modern-crm .crm-item-table th:nth-child(5){width:10%}
.modern-crm .crm-item-table th:nth-child(6){width:11%}
.modern-crm .crm-item-table th:nth-child(7){width:20%}
.modern-crm .crm-item-table td{padding:16px 13px;overflow-wrap:anywhere;vertical-align:top}
.modern-crm .crm-item-table td>strong{font-size:14px;line-height:1.6;font-variant-numeric:tabular-nums}
.modern-crm .crm-item-table td>.is-positive{color:#28774a}
.modern-crm .crm-item-table td>.is-negative{color:#a43b30}
.modern-crm .crm-item-table td>.is-unknown{color:#8795a1}
.modern-crm .crm-item-table .crm-item-status{border:0;background:none;padding:0;margin:0}
.modern-crm .crm-item-table .crm-item-status select{min-width:0;max-width:100%;font-size:12px;min-height:40px}
.modern-crm .crm-item-table .crm-item-discount{font-size:11px;margin-top:6px}
.modern-crm .crm-settings-section,.modern-crm .crm-user-profile-form,.modern-crm .crm-user-email-form,.modern-crm .crm-user-discount-form{background:#f8fafc;border-radius:10px;box-shadow:none}
.modern-crm .crm-settings-section h3,.modern-crm .crm-user-profile-form h3{font-size:16px}
.modern-crm .crm-settings-form label,.modern-crm .crm-login-card label{font-size:13px}
.modern-crm .crm-settings-form input,.modern-crm .crm-settings-form select,.modern-crm .crm-settings-form textarea,.modern-crm .crm-login-card input{font-size:16px;min-height:46px;border-radius:9px}
.modern-crm .crm-provider-info strong,.modern-crm .crm-provider-row strong{font-size:14px}
.modern-crm .crm-provider-info small,.modern-crm .crm-provider-row{font-size:12px}
.modern-crm .crm-notification{background:#f8fafc;border-radius:10px;box-shadow:none}
.modern-crm .crm-notification header{font-size:13px}
.modern-crm .crm-notification p{font-size:13px}
.modern-crm .news-admin-row>button,.modern-crm .news-admin-editor{border-radius:10px;background:#f8fafc;box-shadow:none}
.modern-crm .news-admin-row>button{font-size:14px}
.modern-crm .crm-action{font-size:12px;min-height:36px;border-radius:8px}

@media(max-width:1100px){
  .modern-platform .main-nav{display:none}
  .modern-platform .menu-toggle{display:grid}
  .modern-platform .main-nav.mobile-open{display:flex;top:100%;font-size:14px;background:#fff;box-shadow:0 10px 20px #17334d10;white-space:normal}
  .modern-platform .hero{gap:30px}
  .modern-platform .hero h1{font-size:40px}
  .modern-platform .search-card{padding:22px}
  .modern-platform .search-tabs{gap:17px}
  .modern-platform .search-tab{font-size:13px}
  .modern-platform .quote-toolbar{flex-wrap:wrap}
  .modern-platform .live-results-table{min-width:800px}
  .modern-platform .live-results-table th,.modern-platform .live-results-table td{padding-left:11px;padding-right:11px}
  .modern-platform .quote-price strong{font-size:20px}
}
@media(max-width:850px){
  .modern-platform .hero{grid-template-columns:1fr;gap:26px;padding-top:32px;padding-bottom:32px}
  .modern-platform .hero-copy{max-width:650px}
  .modern-platform .hero h1{font-size:38px}
  .modern-platform .hero h1 br{display:none}
  .modern-platform .hero h1 em:before{content:' '}
  .modern-platform .hero-sub{max-width:570px}
  .modern-platform .hero-proof{margin-top:18px}
  .modern-platform .hero-help-link{margin-top:15px}
  .modern-platform .search-card{padding:22px}
  .modern-platform .search-tab{font-size:15px}
  .modern-platform .live-list-wrap{overflow:visible}
  .modern-platform .live-results-table,.modern-platform .live-results-table tbody{display:block;width:100%;min-width:0;table-layout:auto}
  .modern-platform .live-results-table thead{display:none}
  .modern-platform .live-results-table tbody tr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px;padding:10px 0 10px 6px;gap:0;align-items:start}
  .modern-platform .live-results-table tbody td{display:flex;align-items:center;min-width:0;border:0;padding:8px 12px;font-size:14px;text-align:left;gap:8px}
  .modern-platform .live-results-table td:before{font-size:11px;color:var(--muted);content:attr(data-label);font-weight:650}
  .modern-platform .live-results-table td.quote-brand{grid-column:1;grid-row:1}
  .modern-platform .live-results-table td.quote-price{grid-column:2;grid-row:1;justify-content:flex-end;text-align:right;align-items:flex-start}
  .modern-platform .live-results-table td.quote-price>div{justify-items:end}
  .modern-platform .live-results-table td.quote-price:before,.modern-platform .live-results-table td.quote-brand:before,.modern-platform .live-results-table td.quote-description:before,.modern-platform .live-results-table td.quote-action:before{display:none}
  .modern-platform .live-results-table td.quote-description{grid-column:1/3;grid-row:2;padding-top:0;padding-bottom:3px}
  .modern-platform .live-results-table td[data-label="Наявність"]{grid-column:1;grid-row:3}
  .modern-platform .live-results-table td.quote-delivery{grid-column:2;grid-row:3;justify-content:flex-end;text-align:right}
  .modern-platform .live-results-table td.quote-delivery>div{margin:0;text-align:right}
  .modern-platform .live-results-table td.quote-delivery:before{display:none}
  .modern-platform .live-results-table .mobile-sort-button{display:inline-flex!important;font-size:10px;color:var(--brand)}
  .modern-platform .live-results-table td.quote-price{flex-direction:column;align-items:flex-end;gap:3px}
  .modern-platform .live-results-table td.quote-price .mobile-sort-button{display:inline-flex!important;align-self:flex-end}
  .modern-platform .live-results-table td.quote-warehouse{grid-column:1/3;grid-row:4;padding-top:2px}
  .modern-platform .live-results-table td.quote-action{grid-column:3;grid-row:1/5;width:100%;height:100%;min-height:100%;padding:0!important;align-self:stretch}
  .modern-platform .live-results-table td.quote-action .add-button{inset:-10px 0}
  .modern-platform .quote-price strong{font-size:21px}
  .modern-platform .quote-price small{font-size:11px;max-width:220px}
  .modern-platform .quote-brand strong,.modern-platform .quote-description span,.modern-platform .quote-warehouse strong{font-size:14px}
  .modern-platform .quote-toolbar>.quote-filters{justify-content:flex-start;width:100%;flex-wrap:wrap}
  .modern-platform .vin-banner{flex-wrap:wrap;padding:23px}
  .modern-platform .vin-banner .outline-button{margin-left:0;min-width:240px}
  .modern-crm .crm-title-row{align-items:flex-start;flex-direction:column}
  .modern-crm .crm-title-actions{justify-content:flex-start;width:100%}
  .modern-crm .crm-item-table{min-width:0}
  .modern-crm .crm-item-table,.modern-crm .crm-item-table tbody{display:block;width:100%}
  .modern-crm .crm-item-table thead{display:none}
  .modern-crm .crm-item-table tbody tr{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;padding:20px;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}
  .modern-crm .crm-item-table td{display:grid;min-width:0;gap:4px;padding:0;border:0}
  .modern-crm .crm-item-table td:before{content:attr(data-label);font-size:11px;color:var(--muted);font-weight:650}
  .modern-crm .crm-item-table td:nth-child(1){grid-column:1/3}
  .modern-crm .crm-item-table td:nth-child(2){grid-column:3}
  .modern-crm .crm-item-table td:nth-child(7){grid-column:1/4}
  .modern-crm .crm-item-table .crm-item-status{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
  .modern-crm .crm-table-wrap:has(.crm-item-table){overflow:visible}
}
@media(max-width:600px){
  .modern-platform .announcement{padding:5px 16px;justify-content:flex-end}
  .modern-platform .announcement-copy{display:none}
  .modern-platform .announcement-currency small{font-size:10px}
  .modern-platform .site-header{height:70px;padding:0 16px;gap:10px}
  .modern-platform .brand-logo{width:145px}
  .modern-platform .header-actions{gap:6px}
  .modern-platform .account-open{padding:10px;min-width:40px}
  .modern-platform #accountButtonLabel,.modern-platform .cart-button>span{display:none}
  .modern-platform .account-open.owner-crm-link{font-size:11px;min-width:0;padding:8px}
  .modern-platform .cart-button{padding:10px 8px;gap:4px}
  .modern-platform .menu-toggle{width:34px;height:40px;min-width:34px;padding:0;border-radius:9px;font-size:19px}
  .modern-platform .hero{padding:28px 16px;gap:22px}
  .modern-platform .hero h1{font-size:34px;letter-spacing:-1.2px}
  .modern-platform .hero h1 br{display:block}
  .modern-platform .hero h1 em:before{content:''}
  .modern-platform .hero-sub{font-size:15px;line-height:1.65}
  .modern-platform .hero-proof{gap:12px;font-size:12px}
  .modern-platform .search-card{padding:18px}
  .modern-platform .search-card-top .small-label{font-size:9px;letter-spacing:.5px}
  .modern-platform .catalog-badge{font-size:10px;padding:5px 7px}
  .modern-platform .search-tabs{gap:14px}
  .modern-platform .search-tab{font-size:12px}
  .modern-platform .section,.modern-platform .results-section,.modern-platform .steps-section,.modern-platform .vin-banner,.modern-platform .business-section{width:calc(100% - 32px)}
  .modern-platform .results-section{padding-top:24px}
  .modern-platform .section-heading h2,.modern-platform .results-head h2{font-size:23px}
  .modern-platform .quote-toolbar{gap:12px;padding-bottom:14px}
  .modern-platform .quote-toolbar>div strong{font-size:13px}
  .modern-platform .quote-toolbar .quote-check-time{font-size:11px}
  .modern-platform .quote-toolbar .quote-brand-filter{flex:1 1 180px;min-width:0}
  .modern-platform .quote-toolbar .quote-stock-filter{font-size:12px;height:36px;min-height:36px}
  .modern-platform .quote-group-head{padding:15px}
  .modern-platform .quote-group-head h3{font-size:16px}
  .modern-platform .quote-group-head h3 small{font-size:15px}
  .modern-platform .quote-group-count{font-size:11px}
  .modern-platform .quote-category-head h3{font-size:11px;letter-spacing:.5px}
  .modern-platform .quote-category-head span{font-size:11px}
  .modern-platform .live-results-table tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;padding-left:0}
  .modern-platform .live-results-table tbody td{padding-left:10px;padding-right:10px;font-size:13px}
  .modern-platform .live-results-table td[data-label="Наявність"]{grid-column:1/3;grid-row:3}
  .modern-platform .live-results-table td.quote-delivery{grid-column:1/3;grid-row:4;justify-content:space-between;text-align:left}
  .modern-platform .live-results-table td.quote-warehouse{grid-column:1/3;grid-row:5}
  .modern-platform .live-results-table td.quote-action{grid-row:1/6}
  .modern-platform .quote-brand small{font-size:11px}
  .modern-platform .quote-price strong{font-size:19px}
  .modern-platform .quote-price small{max-width:145px;font-size:10px}
  .modern-platform .quote-description span{font-size:13px}
  .modern-platform .quote-analog-group>summary{gap:10px;padding:15px}
  .modern-platform .quote-analog-copy>strong{font-size:14px}
  .modern-platform .quote-analog-code{display:block;margin:2px 0 0}
  .modern-platform .quote-analog-copy>small,.modern-platform .quote-analog-meta>small{font-size:11px}
  .modern-platform .quote-analog-meta{min-width:90px}
  .modern-platform .quote-analog-meta>strong{font-size:16px}
  .modern-platform .recent-search-card{min-height:132px;padding:12px;grid-template-columns:48px minmax(0,1fr);gap:9px}
  .modern-platform .recent-search-copy strong{font-size:12px}
  .modern-platform .recent-search-copy .recent-product-details,.modern-platform .recent-search-copy .recent-search-repeat{font-size:11px}
  .modern-platform .recent-search-photo-shell{width:48px}
  .modern-platform .news-art{height:175px}
  .modern-platform .news-body h3{font-size:19px}
  .modern-platform .car-search-top{padding:20px;grid-template-columns:1fr;gap:20px}
  .modern-platform .car-search-vehicle h3{font-size:23px}
  .modern-platform .steps-section{padding-bottom:35px}
  .modern-platform .steps-intro h2{font-size:29px}
  .modern-platform footer{padding:25px 16px;flex-wrap:wrap;gap:20px}
  .cabinet-order-item{flex-wrap:wrap;gap:12px}
  .cabinet-order-item-prices{gap:20px}
  .modern-crm .crm-header{height:70px;padding:0 16px}
  .modern-crm .crm-brand .brand-logo{width:145px}
  .modern-crm .crm-top-actions{font-size:11px;gap:10px}
  .modern-crm .crm-main{width:calc(100% - 32px);margin-top:24px}
  .modern-crm .crm-panel{padding:16px}
  .modern-crm .crm-stats{grid-template-columns:1fr 1fr;gap:10px}
  .modern-crm .crm-stat{padding:14px;min-height:130px}
  .modern-crm .crm-stat span{font-size:12px}
  .modern-crm .crm-stat small{font-size:11px}
  .modern-crm .crm-tabs{gap:4px;padding:10px 6px}
  .modern-crm .crm-tabs button{font-size:12px;padding:10px}
  .modern-crm .crm-tabs #crmNewsQuickRefresh{margin-left:0}
  .modern-crm .crm-order-card-head{flex-direction:column;padding:16px;gap:18px}
  .modern-crm .crm-order-card-total{width:100%;text-align:left;grid-template-columns:1fr auto;gap:8px;min-width:0;align-items:center}
  .modern-crm .crm-order-card-total>small{grid-column:1;grid-row:1}
  .modern-crm .crm-order-card-total>strong{grid-column:1;grid-row:2;font-size:23px}
  .modern-crm .crm-order-card-total .crm-order-discount{grid-column:2;grid-row:1/3;grid-template-columns:1fr;gap:4px}
  .modern-crm .crm-item-table tbody tr{grid-template-columns:1fr 1fr;padding:16px;gap:14px}
  .modern-crm .crm-item-table td:nth-child(1),.modern-crm .crm-item-table td:nth-child(2),.modern-crm .crm-item-table td:nth-child(7){grid-column:1/3}
  .modern-crm .crm-item-table .crm-item-status{grid-template-columns:1fr}
}
@media(max-width:370px){.modern-platform .brand-logo{width:127px}.modern-platform .account-open{padding:8px;min-width:34px}.modern-platform .site-header{gap:7px}.modern-platform .search-card{padding:16px}.modern-platform .search-tabs{gap:12px}.modern-platform .search-tab{font-size:11px}.modern-platform .catalog-badge{display:none}.modern-platform .quote-price strong{font-size:17px}.modern-platform .quote-group-head{gap:8px}.modern-platform .quote-group-count{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.modern-platform *, .modern-crm *{animation:none!important;transition:none!important}}

@media(max-width:600px){.modern-platform #ownerCrmLink{font-size:10px;padding:4px}.modern-platform .header-inner{gap:8px}.modern-platform .header-actions{gap:6px}}

/* Keep the owner shortcut with the currency controls at every viewport width. */
.modern-platform .announcement-currency{display:flex;align-items:center;justify-content:flex-end;gap:clamp(6px,1vw,12px);margin-left:auto;min-width:0;white-space:nowrap}
.modern-platform .announcement-currency .owner-crm-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:32px;padding:5px 13px;border:1px solid #bfd2e0;border-radius:9px;background:#1377bd;color:#fff;font-size:12px;font-weight:750;line-height:1;text-decoration:none}
.modern-platform .announcement-currency .owner-crm-link:hover{background:#f2f8fc;color:#17334d;border-color:#9fc9e2}
.modern-platform .announcement-currency .owner-crm-link.is-hidden{display:none!important}
@media(max-width:800px){.modern-platform .announcement{flex-direction:row;align-items:center;justify-content:flex-end;gap:0;padding:5px 16px}.modern-platform .announcement-copy{display:none}.modern-platform .announcement-currency{width:auto;max-width:100%;gap:7px}.modern-platform .announcement-currency small{max-width:min(42vw,220px);overflow:hidden;text-overflow:ellipsis}.modern-platform .announcement-currency .owner-crm-link{min-height:30px;padding:5px 10px}}
@media(max-width:430px){.modern-platform .announcement-currency{gap:5px}.modern-platform .announcement-currency>span{display:none}.modern-platform .announcement-currency small{max-width:36vw;font-size:9px}.modern-platform .announcement-currency select{min-width:44px;padding:0 4px}.modern-platform .announcement-currency .owner-crm-link{min-height:28px;padding:4px 8px;font-size:10px}}

/* Account cabinet starts below the sticky header and uses the viewport more efficiently. */
.modern-platform .account-modal.open{align-items:start;overflow-y:auto;padding:136px 20px 20px;overscroll-behavior:contain}
.modern-platform .account-modal .account-card{width:min(510px,100%);max-height:calc(100dvh - 156px);margin:0 auto;padding:24px 28px;overflow:auto}
.modern-platform .account-modal .account-card:has(#accountCabinetView:not(.is-hidden)){width:min(720px,100%)}
.modern-platform .account-modal .account-card h2{margin-top:7px;margin-bottom:5px}
.modern-platform .account-modal .cabinet-discount{display:block;margin:9px 0;padding:12px;border-radius:18px;gap:0}
.modern-platform .account-modal .cabinet-tabs{margin:9px 0 8px;padding:3px;gap:4px}
.modern-platform .account-modal .cabinet-tabs button{min-height:40px;padding:7px 9px}
.modern-platform .account-modal .cabinet-content{max-height:min(52vh,520px);padding:2px 1px 5px}
.modern-platform .account-modal .cabinet-form{margin:8px 0;padding:10px}
.modern-platform .account-modal .cabinet-form>label,.modern-platform .account-modal .password-form>label{margin:7px 0}
.modern-platform .account-modal .cabinet-form input,.modern-platform .account-modal .password-form input{min-height:42px;height:42px}
@media(max-width:600px){.modern-platform .account-modal.open{padding:116px 12px 12px}.modern-platform .account-modal .account-card{max-height:calc(100dvh - 128px);padding:18px 16px}.modern-platform .account-modal .cabinet-content{max-height:52vh}.modern-platform .account-modal .cabinet-tabs{flex-wrap:wrap}.modern-platform .account-modal .cabinet-tabs button{min-width:0;min-height:38px;padding:6px 7px}}
.modern-crm #crmNewsQuickRefresh[hidden]{display:none!important}

/* Group customer return, claim and inquiry screens under one branded control. */
.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle {
  display: inline-flex;
  flex: 1 1 130px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid #cfe5f3;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff, #f1f8fd);
  color: #315f7c;
  box-shadow: 0 3px 10px rgba(34, 87, 121, .08);
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle:hover {
  border-color: #9bcce7;
  background: #eaf6fd;
  color: #176da5;
}
.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle.active {
  border-color: #1879bd;
  background: linear-gradient(135deg, #2589c7, #1375b7);
  color: #fff;
  box-shadow: 0 5px 14px rgba(24, 121, 189, .2);
}
.modern-platform .cabinet-client-work-chevron {
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .2s ease;
}
.modern-platform .cabinet-client-work-toggle[aria-expanded="true"] .cabinet-client-work-chevron {
  transform: rotate(225deg) translate(-1px, -1px);
}
.modern-platform .cabinet-client-work-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid #d6e8f3;
  border-radius: 16px;
  background: linear-gradient(135deg, #f5fbff, #ebf6fd);
  box-shadow: 0 6px 18px rgba(34, 87, 121, .07);
}
.modern-platform .cabinet-client-work-menu[hidden] { display: none !important; }
.modern-platform .account-modal .cabinet-client-work-menu > button {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  min-width: 112px;
  min-height: 40px;
  padding: 7px 17px;
  border: 1px solid #d0e5f2;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  color: #315f7c;
  box-shadow: 0 3px 9px rgba(34, 87, 121, .08);
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.modern-platform .account-modal .cabinet-client-work-menu > button:hover {
  border-color: #9bcce7;
  background: #eaf6fd;
  color: #176da5;
}
.modern-platform .account-modal .cabinet-client-work-menu > button.active {
  border-color: #1879bd;
  background: linear-gradient(135deg, #2589c7, #1375b7);
  color: #fff;
  box-shadow: 0 4px 11px rgba(24, 121, 189, .2);
}
@media(max-width:600px) {
  .modern-platform .account-modal .cabinet-client-work-menu { gap: 7px; padding: 8px; }
  .modern-platform .account-modal .cabinet-client-work-menu > button { flex: 1 1 100px; min-width: 0; padding: 7px 10px; }
}

/* Center short labels consistently, including form actions and CRM controls. */
:is(.modern-platform,.modern-crm) :is(.primary-button,.secondary-button,.outline-button,.crm-action,.crm-tabs button,#crmRefresh,#crmNewsQuickRefresh){text-align:center;justify-content:center}
.modern-platform #accountSubmit{justify-content:center;text-align:center}
.modern-platform .forgot-password-link{width:max-content;max-width:100%;box-shadow:none!important;outline:none!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;filter:none!important;transform:none!important;text-decoration:none}
.modern-platform .forgot-password-link:hover,.modern-platform .forgot-password-link:focus,.modern-platform .forgot-password-link:focus-visible,.modern-platform .forgot-password-link:active{color:#075f96;text-shadow:0 0 6px rgba(19,128,207,.45),0 0 13px rgba(19,128,207,.28);box-shadow:none!important;outline:none!important;background:transparent!important;filter:none!important;transform:none!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.modern-platform .owner-crm-link:hover{color:#17334d!important}

/* Keep the owner CRM shortcut's inverted state explicit above shared button effects. */
.modern-platform .announcement-currency .owner-crm-link:is(:hover,:focus-visible,:active) {
  background-color: #f2f8fc !important;
  background-image: none !important;
  border-color: #9fc9e2 !important;
  color: #075f96 !important;
}

/* Restore a text-only halo on active links and link-like controls. */
:is(.modern-platform,.modern-crm) :is(.text-link,.hero-help-link,.legal-link,.next-link,.main-nav a,.news-related a,.vehicle-manual-toggle,.choice-search,.photo-inquiry-link,.article-link,.quote-sort-button,.mobile-sort-button,.search-tab,.forgot-password-link,.crm-back-platform,.crm-public-source a):is(:hover,:focus-visible,:active,.active,[aria-current],[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"]){text-shadow:0 0 6px rgba(19,128,207,.42),0 0 13px rgba(19,128,207,.24)}
.cabinet-form select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit;padding:10px}

.modern-platform .vehicle-catalog-status{font-size:12px;line-height:1.6;color:var(--muted);min-height:38px}
.modern-platform .vehicle-manual-toggle{display:inline-flex;align-items:center;vertical-align:middle;width:auto;border:0;background:none;color:var(--brand);font:600 13px 'Manrope',sans-serif;padding:4px 0;cursor:pointer;text-align:left;min-height:44px}
.modern-platform .vehicle-manual-fields{border:0;padding:0;margin:0;min-width:0}
.modern-platform .vehicle-manual-fields legend{font-size:14px;font-weight:700;margin-bottom:15px}
.modern-platform .vehicle-manual-fields[hidden],.modern-platform #vehicleCatalogFields[hidden]{display:none!important}
.modern-platform .car-search-vehicle{min-width:0;padding:0;background:none}
.modern-platform .car-search-vehicle h3,.modern-platform .car-search-vehicle p{overflow-wrap:anywhere}
.modern-platform .car-search-help{padding:0 0 0 24px}
.modern-platform .car-search-action .primary-button{font-size:14px;white-space:normal;min-height:52px;line-height:1.5}
@media(max-width:600px){.modern-platform .vehicle-catalog-grid{grid-template-columns:1fr}.modern-platform .search-form select{width:100%;text-overflow:ellipsis;min-width:0}.modern-platform .car-search-help{padding:15px 0 0}.modern-platform .car-search-action{padding:0 20px 20px}.modern-platform .vehicle-inquiry-card input:not([type=checkbox]),.modern-platform .vehicle-inquiry-card textarea{font-size:16px}.modern-platform .vehicle-inquiry-card{max-height:calc(100dvh - 24px)}}

#accountForm label{font-size:13px;line-height:1.5;color:var(--muted)}
#accountForm input:not([type=checkbox]),.cabinet-form input,.password-form input{font-size:16px;min-height:46px}
#accountForm .auth-extra-details{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}
#accountForm .auth-extra-details summary{cursor:pointer;font-size:13px;font-weight:650;color:var(--brand);min-height:24px}
#accountForm .auth-extra-details label{display:block;margin-top:12px}
#accountForm .auth-consent{font-size:12px}
#accountForm .auth-consent input{width:18px!important;height:18px;flex-basis:18px;min-height:18px}
.account-card{max-height:min(90vh,calc(100dvh - 24px));overscroll-behavior:contain;scroll-padding:20px}
@media(max-width:600px){.account-modal{padding:12px}.account-card{padding:24px 18px}.account-card h2{font-size:25px}.account-intro{font-size:13px}#accountForm .primary-button{min-height:48px;font-size:16px}.auth-extra-details .account-address-group{grid-template-columns:1fr}.captcha-block{max-width:100%}}

/* Currency and mobile assistance, 04.10.2026. */
.modern-platform .announcement-currency>span{opacity:1}
.modern-platform .announcement-currency select{color:inherit;border-color:#bfd2e0;background:transparent;height:32px;min-width:52px;font-size:13px;cursor:pointer}
.modern-platform .announcement-currency select:hover{background:#e2edf6}
.modern-platform .chat-panel{height:550px;max-height:calc(100dvh - 110px);grid-template-rows:auto minmax(0,1fr) auto}
.modern-platform .chat-message{font-size:14px;line-height:1.6}
.modern-platform .chat-panel>header strong{font-size:14px}
.modern-platform .chat-panel>header small,.modern-platform .chat-hours-note{font-size:12px}
.modern-platform .chat-panel>header button{height:44px;width:44px}
.modern-platform .chat-compose input{font-size:16px;min-height:46px}
.modern-platform .chat-compose button{min-height:46px;min-width:46px}
.chat-shortcuts{display:flex;flex-wrap:wrap;gap:6px;padding:8px 11px 0}
.modern-platform .chat-panel .chat-shortcuts button,.chat-message-action{width:auto;min-height:36px;border:1px solid #c9dcea;border-radius:8px;background:#eef5fb;color:#1377bd;font-size:12px;font-weight:650;padding:6px 9px;cursor:pointer}
.chat-mode-note{padding:0 11px;font-size:11px;color:#586e80;margin:7px 0;line-height:1.5}
.chat-message-action{display:block;margin-top:9px;background:#fff}
.modern-platform .chat-captcha-block .captcha-status{font-size:11px}
.modern-platform .vehicle-inquiry-card #sendVehicleInquiry{min-height:48px}
@media(max-width:600px){.modern-platform .chat-widget{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.modern-platform .chat-panel{width:min(360px,calc(100vw - 24px));height:min(570px,calc(100dvh - 100px))}.modern-platform .vehicle-inquiry-card input:not([type=checkbox]){min-height:46px}.modern-platform .vehicle-inquiry-card{overscroll-behavior:contain;scroll-padding:20px}}
@media(prefers-reduced-motion:reduce){.chat-panel *{scroll-behavior:auto!important}}
@media(max-width:600px){.modern-platform .chat-widget{bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--mobile-keyboard-offset,0px))}.modern-platform .chat-panel{height:min(570px,calc(var(--mobile-visible-height,100dvh) - 100px));max-height:calc(var(--mobile-visible-height,100dvh) - 100px)}.modern-platform .vehicle-inquiry-modal{bottom:var(--mobile-keyboard-offset,0px)}.modern-platform .vehicle-inquiry-card{max-height:calc(var(--mobile-visible-height,100dvh) - 24px)}}
/* Customer services: saved details, comparison and private inquiries. */
.photo-inquiry-link{border:0;background:none;color:var(--brand);padding:8px 0;text-align:left;font-size:13px;font-weight:700;cursor:pointer}
.modern-platform #numberForm>.photo-inquiry-link{display:block;width:100%;max-width:100%;margin:2px 0 6px;text-align:center;line-height:1.5}
.detail-favorite,.compare-choice{border:1px solid #bcd5e5;background:#fff9;color:#1478b6;border-radius:7px;font-weight:700;cursor:pointer;padding:7px 10px;font-size:12px;min-height:36px;white-space:nowrap}
.detail-favorite[aria-pressed=true],.compare-choice[aria-pressed=true]{background:#e4f2fc;border-color:#1377bd}
.compare-choice{display:block;margin-top:9px;background:transparent}
.quote-group-head{flex-wrap:wrap}.detail-favorite{margin-left:auto}
.compare-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:14px;padding:10px 14px;background:#17334d;color:#fff;border-radius:12px;box-shadow:0 5px 25px #17334d40;font-size:13px;max-width:calc(100vw - 24px)}
.compare-bar button{min-height:40px;padding:8px 14px;border:0;border-radius:8px;background:#fff;color:#1377bd;font-weight:700;cursor:pointer}
.service-card{width:min(940px,calc(100vw - 24px));max-width:940px;max-height:calc(100dvh - 24px);overflow:auto;padding:32px}.service-card h2{font-size:28px;margin:10px 0 18px}.service-card h3{font-size:16px;margin:0 0 8px}.service-note{font-size:14px;color:var(--muted);line-height:1.6}
.service-list{display:grid;gap:14px;margin:18px 0}.service-list>article{border:1px solid var(--line);border-radius:10px;padding:18px;background:#f8fbfd}.service-list p{margin:5px 0 12px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.service-actions{display:flex;gap:10px;flex-wrap:wrap}.service-list button{font-size:13px;min-height:42px}.service-list input,.service-list textarea,.service-list select{width:100%;margin:6px 0 12px;min-height:44px;font-size:16px;padding:10px;border:1px solid #bfd5e4;border-radius:8px;background:#fff}.service-list label{display:block}
.offer-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.offer-comparison article{padding:18px;border:1px solid var(--line);border-radius:10px;min-width:0}.offer-comparison h3{overflow-wrap:anywhere}.offer-comparison p{font-size:13px;color:var(--muted)}.offer-comparison dl div{border-top:1px solid var(--line);padding:10px 0}.offer-comparison dt{font-size:12px;color:var(--muted)}.offer-comparison dd{margin:3px 0;font-size:15px;font-weight:700}.offer-comparison button{width:100%;margin-top:10px}.offer-comparison small{font-size:11px;color:var(--muted)}
.vehicle-inquiry-card .inquiry-photo-label{display:flex;flex-direction:column;gap:8px;margin:16px 0}.inquiry-photo-label input{max-width:100%;font-size:13px!important}.inquiry-photo-label img,.inquiry-photo{max-width:240px;width:100%;height:160px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}.inquiry-photo-label button{align-self:flex-start;border:1px solid var(--line);padding:8px 12px;border-radius:8px;background:#fff;cursor:pointer}.inquiry-photo-label small,.inquiry-photo-label span{font-size:12px;color:var(--muted)}
.inquiry-history header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:10px}.inquiry-history header strong{color:#1478b6;background:#e5f3fc;border-radius:6px;padding:4px 8px;font-size:12px}.inquiry-history time{font-size:12px;color:var(--muted)}.inquiry-message{margin:12px 0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px}.inquiry-message.from-manager{background:#ecf6ff;border-color:#c4e0f2}.inquiry-message strong{font-size:12px}.inquiry-message small{font-size:11px;color:var(--muted)}.inquiry-followup{border-top:1px solid var(--line);padding-top:14px}.cabinet-tabs{display:flex;flex-wrap:wrap}.cabinet-tabs button{flex:1;min-width:100px;font-size:13px}.cabinet-order>.secondary-button{grid-column:1/-1;justify-self:start;margin-top:8px}
.crm-inquiry-list{display:grid;gap:20px}.crm-inquiry{padding:22px;border:1px solid #d9e7f0;border-radius:12px;background:#fff}.crm-inquiry header{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.crm-inquiry header span{background:#e6f4fe;padding:5px 9px;border-radius:6px;font-size:13px}.crm-inquiry time{font-size:12px;color:#627d91}.crm-inquiry p{white-space:pre-wrap;overflow-wrap:anywhere}.crm-inquiry-photo{max-width:280px;width:100%;height:180px;object-fit:contain}.crm-inquiry-messages>div{padding:14px;background:#f5f9fc;border-radius:8px;margin:10px 0}.crm-inquiry-messages .from-manager{background:#eaf5ff}.crm-inquiry-reply{display:grid;gap:10px;margin-top:18px}.crm-inquiry-reply label{display:grid;gap:5px;font-size:13px}.crm-inquiry-reply input,.crm-inquiry-reply select,.crm-inquiry-reply textarea{width:100%;min-height:44px;border:1px solid #c7dce9;border-radius:8px;background:#fff;padding:10px;font-size:16px}.crm-inquiry-proposal{display:grid;grid-template-columns:1fr 1fr;gap:14px}.crm-inquiry-reply small{color:#627d91}.crm-inquiry-reply button{justify-self:start}
@media(max-width:600px){.service-card{padding:24px 18px}.service-card h2{font-size:23px;margin-right:20px}.offer-comparison{grid-template-columns:1fr}.compare-bar{bottom:12px;gap:8px;font-size:12px;width:max-content}.service-list>article{padding:14px}.modern-platform #favoritesOpen{padding:8px;font-size:20px}.modern-platform #favoritesOpen>span{display:none}.modern-platform .header-actions{gap:5px}.cabinet-tabs button{min-width:85px;padding:10px 6px}.crm-inquiry-proposal{grid-template-columns:1fr}}
body:has(.modal.open) .chat-widget,body:has(.modal.open) .compare-bar{visibility:hidden}
.vehicle-inquiry-card .consent-choice{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:13px;line-height:1.5}
.vehicle-inquiry-card .consent-choice input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin-top:2px;accent-color:#1377bd}
.photo-file-control{display:flex}.photo-file-control button{min-height:44px!important;background:#eaf5fd!important;border-color:#bad8ee!important;color:#1377bd!important;font-size:14px;font-weight:700;cursor:pointer}

.forgot-password-link{display:block;margin:4px 0 14px;padding:2px 0;border:0;background:transparent;color:#0879be;font:700 13px 'DM Sans',Arial,sans-serif;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.forgot-password-link:hover,.forgot-password-link:focus-visible{color:#075f96}.forgot-password-link:disabled{opacity:.65;cursor:wait}.compare-instruction{position:fixed;z-index:120;max-width:calc(100vw - 24px);padding:11px 14px;border:1px solid #b8d4e8;border-radius:12px;background:rgba(247,252,255,.96);color:#214960;box-shadow:0 8px 28px rgba(23,61,86,.2);font-size:13px;line-height:1.45;opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.compare-instruction.is-visible{opacity:1;transform:translateY(0)}.compare-choice:focus-visible{outline:3px solid rgba(8,121,190,.38);outline-offset:3px}

/* The password recovery control is text-only; underline marks focus/activation. */
.modern-platform .forgot-password-link,
.modern-platform .forgot-password-link:hover,
.modern-platform .forgot-password-link:focus,
.modern-platform .forgot-password-link:focus-visible,
.modern-platform .forgot-password-link:active {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none;
}
.modern-platform .forgot-password-link:hover,
.modern-platform .forgot-password-link:focus,
.modern-platform .forgot-password-link:focus-visible,
.modern-platform .forgot-password-link:active {
  color: #075f96;
  text-shadow: 0 0 6px rgba(19,128,207,.45), 0 0 13px rgba(19,128,207,.28);
}
.modern-platform .forgot-password-link:focus,
.modern-platform .forgot-password-link:focus-visible,
.modern-platform .forgot-password-link:active,
.modern-platform .forgot-password-link.active,
.modern-platform .forgot-password-link[aria-expanded="true"] {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* The photo inquiry modal must clear both the announcement strip and header. */
.modern-platform .vehicle-inquiry-modal.open {
  align-items: start;
  overflow-y: auto;
  padding: 136px 20px 20px;
  overscroll-behavior: contain;
}
.modern-platform .vehicle-inquiry-modal .vehicle-inquiry-card {
  max-height: calc(100dvh - 156px);
  margin: 0 auto;
  overflow: auto;
}
@media (max-width: 600px) {
  .modern-platform .vehicle-inquiry-modal.open { padding: 116px 12px 12px; }
  .modern-platform .vehicle-inquiry-modal .vehicle-inquiry-card { max-height: calc(100dvh - 128px); }
}

/* Footer: information links run right-to-left beside the centered brand mark. */
.modern-platform footer.pp-footer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.modern-platform .footer-links {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px clamp(14px, 2vw, 28px);
  min-width: 0;
  text-align: right;
}
.modern-platform .footer-links > :is(a, button, [role="button"]) {
  display: inline-flex;
  align-items: center;
  width: auto;
  max-width: 100%;
  min-height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  color: #d4ebf7;
  box-shadow: none !important;
  font: 600 12px/1.45 'DM Sans', sans-serif;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.modern-platform .footer-links > :is(a, button, [role="button"]):hover {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.modern-platform .footer-links .footer-note { max-width: none; }
.modern-platform .footer-links .footer-copyright { font-size: 12px; }
.modern-platform .footer-brand-stack {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-end;
  gap: 7px;
  width: max-content;
  max-width: 100%;
  margin: 0;
}
.modern-platform .footer-brand,
.modern-platform .footer-brand:hover,
.modern-platform .footer-brand:focus-visible {
  flex: 0 0 auto;
  padding: 5px 9px;
  border-radius: 9px;
  background: #fff !important;
  box-shadow: none !important;
}
.modern-platform .footer-brand-stack .footer-certificate {
  position: absolute;
  right: 24px;
  bottom: 5px;
  display: block;
  width: max-content;
  max-width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #a9cfdf;
  font: 500 10px/1.4 'DM Sans', sans-serif;
  text-align: right;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.modern-platform .footer-brand-stack .footer-certificate:hover { color: #fff; }
.cooperation-card { width: min(500px, 100%); }
.cooperation-card .cooperation-email-link {
  min-height: 48px;
  margin-top: 18px;
  justify-content: center;
  text-decoration: none;
}
.cooperation-card .cooperation-email-address {
  margin: 10px 0 0;
  color: #58758a;
  font-size: 13px;
  text-align: center;
}
@media (max-width: 800px) {
  .modern-platform footer.pp-footer {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
  }
  .modern-platform .footer-links {
    flex: 0 1 auto;
    justify-content: flex-start;
  }
  .modern-platform .footer-brand-stack { align-self: flex-end; }
}


/* Prefer clear text affordances over decorative arrow glyphs. */
.modern-platform .arrow-icon,
.modern-platform .icon-arrow,
.modern-crm .arrow-icon,
.modern-crm .icon-arrow { display: none !important; }
.modern-platform :is(.text-link,.hero-help-link,.legal-link,.next-link,.owner-crm-link,.main-nav a,.news-related a),
.modern-crm :is(.crm-back-platform,.crm-public-source a) {
  text-decoration: none;
}
.modern-platform :is(.text-link,.hero-help-link,.legal-link,.next-link,.owner-crm-link,.main-nav a,.news-related a,.vehicle-manual-toggle,.choice-search,.photo-inquiry-link,.article-link,.quote-sort-button,.mobile-sort-button,.search-tab),
.modern-crm :is(.crm-back-platform,.crm-public-source a) {
  text-underline-offset: 3px;
}
.modern-platform :is(.text-link,.hero-help-link,.legal-link,.next-link,.owner-crm-link,.main-nav a,.news-related a,.vehicle-manual-toggle,.choice-search,.photo-inquiry-link,.article-link,.quote-sort-button,.mobile-sort-button,.search-tab):is(:active,:focus-visible,.active,[aria-current],[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"]),
.modern-crm :is(.crm-back-platform,.crm-public-source a):is(:active,:focus-visible,.active,[aria-current]) {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

/* Cart item selection for partial order requests */
.modern-platform .cart-selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}
.modern-platform .cart-selection-toolbar label{display:inline-flex;align-items:center;gap:9px;margin:0;color:var(--ink);font-size:12px;font-weight:650;cursor:pointer}
.modern-platform .cart-selection-toolbar input,.modern-platform .cart-item-select input{width:17px;height:17px;min-height:17px;margin:0;accent-color:var(--brand);cursor:pointer}
.modern-platform .cart-item{width:100%;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;padding:14px 0}
.modern-platform .cart-item-select{grid-column:1;grid-row:1 / span 2;display:grid;place-items:center;margin:0;cursor:pointer}
.modern-platform .cart-item-main{grid-column:2;grid-row:1;min-width:0}
.modern-platform .cart-item-actions{grid-column:2 / -1;grid-row:2;justify-self:stretch;align-self:stretch;display:grid;grid-template-columns:max-content 80px minmax(96px,1fr) 40px;align-items:center;justify-content:stretch;gap:8px;width:100%;min-width:0}
.modern-platform .cart-item-actions>*{grid-column:auto;min-width:0}
.modern-platform .cart-unit-price,.modern-platform .cart-line-total{display:flex;min-width:0;flex-direction:column;align-items:flex-start;line-height:1.2}
.modern-platform .cart-line-total{width:auto;margin:0 -4px 0 0;align-items:flex-end;text-align:right;justify-self:stretch}
.modern-platform .cart-unit-price>small,.modern-platform .cart-line-total>small{color:var(--muted);font-size:10px;white-space:nowrap}
.modern-platform .cart-unit-price>strong,.modern-platform .cart-line-total>strong{color:var(--ink);font-size:13px;font-weight:700;white-space:nowrap}
.modern-platform .cart-line-total .discount-caption{font-size:9px}
.modern-platform .drawer-footer .cart-total{justify-content:flex-end;align-items:baseline;gap:8px}
.modern-platform .drawer-footer .cart-total>span,.modern-platform .drawer-footer .cart-total>strong{font:700 17px 'Manrope',sans-serif;color:var(--ink)}
.modern-platform .cart-item .cart-quantity-controls{display:grid;grid-template-columns:25px 28px 25px;width:80px;height:30px;max-width:100%;overflow:hidden;border-radius:9px}
.modern-platform .cart-item .cart-quantity-controls button{grid-column:auto;width:25px;min-width:25px;height:28px;flex:0 0 25px;padding:0;font-size:16px}
.modern-platform .cart-item .cart-quantity-controls span{display:grid;place-items:center;min-width:28px;height:28px;padding:0;font-size:13px}
.modern-platform .cart-item .cart-remove-icon{grid-column:auto;justify-self:end;align-self:center;display:grid;place-items:center;width:28px;height:28px;min-width:28px;margin:0 4px 0 0;padding:2px;border:0;background:transparent;color:#758b9b;text-decoration:none}
.modern-platform .cart-item .cart-remove-icon svg{width:22px;height:22px}
.modern-platform .cart-item .cart-remove-icon:hover{color:#b43b3b}
.modern-platform .cart-item:has(.cart-item-select input:not(:checked)) .cart-item-main{opacity:.62}
.modern-platform #checkoutButton:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
@media(max-width:520px){.modern-platform .cart-selection-toolbar{font-size:11px}.modern-platform .cart-item{grid-template-columns:20px minmax(0,1fr);gap:8px 6px}.modern-platform .cart-item-actions{grid-template-columns:max-content 74px minmax(92px,1fr) 36px;gap:6px;width:100%}.modern-platform .cart-item .cart-quantity-controls{grid-template-columns:23px 26px 23px;width:74px;height:28px}.modern-platform .cart-item .cart-quantity-controls button{grid-column:auto;width:23px;min-width:23px;height:26px;flex-basis:23px;font-size:15px}.modern-platform .cart-item .cart-quantity-controls span{min-width:26px;height:26px;font-size:12px}.modern-platform .cart-unit-price>small,.modern-platform .cart-line-total>small{font-size:9px}.modern-platform .cart-unit-price>strong,.modern-platform .cart-line-total>strong{font-size:11px}.modern-platform .cart-line-total{margin-right:-4px}.modern-platform .cart-item .cart-remove-icon{width:26px;height:26px;min-width:26px;justify-self:end;margin:0 4px 0 0;padding:2px}}

.modern-platform .vin-photo-inquiry-link{display:block;width:100%;max-width:100%;margin:4px 0 10px;text-align:center;line-height:1.5}
.return-request-form{display:grid;gap:10px;margin:14px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.return-request-form label{display:block;color:#536f81;font-size:12px;font-weight:700}.return-request-form select,.return-request-form input,.return-request-form textarea{display:block;width:100%;margin-top:6px;min-height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit;padding:9px 11px}.return-request-form textarea{resize:vertical}.return-request-form .consent-choice{display:flex;align-items:flex-start;gap:9px;font-weight:500;line-height:1.55}.return-request-form .consent-choice input{width:18px;min-height:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:#0879be}.cabinet-return-history h3{margin:22px 0 10px;color:var(--ink);font:700 16px 'Manrope',sans-serif}.cabinet-return-list{display:grid;gap:8px}.cabinet-return-list article{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.cabinet-return-list article strong{color:var(--ink);font-size:12px}.cabinet-return-list article span,.cabinet-return-list article small{color:var(--muted);font-size:11px;line-height:1.45}

/* claims.css */
.cabinet-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.claim-request-form fieldset{min-width:0;margin:2px 0;padding:14px;border:1px solid var(--line);border-radius:12px}
.claim-request-form legend{padding:0 7px;color:var(--ink);font-weight:700}
.claim-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.claim-field-grid .wide{grid-column:1/-1}
.claim-installed-choice{display:flex!important;align-items:center;gap:8px;margin-top:10px}
.claim-installed-choice input{width:18px!important;min-height:18px!important;height:18px;flex:0 0 18px;margin:0!important;accent-color:#0879be}
.claim-request-note{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.cabinet-claim-list{display:grid;gap:10px}
.cabinet-claim-card{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.cabinet-claim-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.cabinet-claim-card header strong{color:var(--ink);font-size:12px}
.cabinet-claim-status{flex:0 0 auto;padding:5px 9px;border:1px solid #c8e2f1;border-radius:999px;background:#eff8fd;color:#176ba5;font-size:10px;font-weight:700}
.cabinet-claim-card p,.cabinet-claim-card small{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.cabinet-claim-events{display:grid;gap:7px;margin:5px 0;padding:0;list-style:none}
.cabinet-claim-events li{display:grid;gap:2px;padding-left:10px;border-left:2px solid #c7e3f4;font-size:11px}
.cabinet-claim-events time{color:var(--muted);font-size:10px}
.cabinet-claim-events strong{color:var(--ink)}
.cabinet-claim-events span{color:var(--muted)}
.cabinet-claim-files{display:flex;flex-wrap:wrap;gap:8px}
.cabinet-claim-files a{color:#0879be;font-size:11px;font-weight:700}
.cabinet-claim-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding-top:8px;border-top:1px solid var(--line)}
.cabinet-claim-upload label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}
.cabinet-claim-upload input{max-width:100%;font:inherit;font-size:11px}
.cabinet-claim-upload .form-status{grid-column:1/-1;margin:0}
@media(max-width:620px){.claim-field-grid{grid-template-columns:1fr}.claim-field-grid .wide{grid-column:auto}.cabinet-claim-card header{display:grid}.cabinet-claim-upload{grid-template-columns:1fr}.cabinet-claim-upload button{width:100%}}

.claim-terms-embed{margin:12px 0 16px;border:1px solid var(--line);border-radius:12px;background:#f5fafe;overflow:hidden}
.claim-terms-embed>summary{padding:12px 14px;color:var(--ink);font-weight:700;cursor:pointer}
.claim-terms-content{padding:0 14px 14px;max-height:62vh;overflow:auto}
.claim-terms-content .pp-claim-terms{font-size:13px}
.cabinet-order-seller{margin:8px 0;color:var(--muted);font-size:11px;line-height:1.5}
.cabinet-order-seller a{color:var(--blue);font-weight:700}

/* password-visibility.css */
.pp-password-field{position:relative;display:block;width:100%;min-width:0;margin-top:7px}
.pp-password-field>input[data-pp-password]{box-sizing:border-box;width:100%;min-height:44px;margin:0!important;padding-right:52px!important}
.pp-password-field>.pp-password-toggle{position:absolute;inset:0 0 0 auto;display:flex;align-items:center;justify-content:center;width:46px;min-width:44px;height:100%;min-height:44px;margin:0;padding:0;border:0;border-radius:0 9px 9px 0;background:transparent;color:#547184;box-shadow:none;cursor:pointer;touch-action:manipulation}
.pp-password-field>.pp-password-toggle:hover{background:#0879be0c;color:#0879be}
.pp-password-field>.pp-password-toggle:focus-visible{outline:2px solid #0879be;outline-offset:-3px}
.pp-password-toggle>svg{display:block;width:21px;height:21px;pointer-events:none}
.pp-password-toggle .pp-password-slash{display:none}
.pp-password-toggle[aria-pressed="true"] .pp-password-slash{display:block}
.pp-password-field>input:disabled+.pp-password-toggle{opacity:.45;cursor:default}
.pp-password-field>input::-ms-reveal,.pp-password-field>input::-ms-clear{display:none}

/* experience.css */
/* Soft section landmarks; existing stock/delivery colour classes remain authoritative. */
.modern-platform{--search-surface:#edf5fc;--vehicle-surface:#eef2f8;--news-surface:#faf6ef;--section-radius:20px;background:#fff}
.modern-platform .hero{background:var(--search-surface);border-bottom:1px solid #dae8f4;padding-top:40px;padding-bottom:40px}
.modern-platform .search-card{box-shadow:0 8px 28px #17334d08;border:1px solid #d8e6f2;border-radius:18px;background:#fff}

/* Fix: Ensure background remains consistent across tabs */
.modern-platform .search-card:has([data-tab=car].active),
.modern-platform .search-card:has([data-tab=vin].active),
.modern-platform .search-card:has([data-tab=number].active) {
  background:#fff;
}

.modern-platform .main-nav a{padding:10px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.modern-platform .main-nav a[aria-current]{color:var(--brand);border-color:var(--brand)}
.modern-platform .results-section{background:#fff;padding-bottom:28px}
.modern-platform .result-message:empty{display:none}
.modern-platform .popular-section{background:#f5f7fa;padding:28px;border-radius:var(--section-radius)}
.modern-platform .manufacturer-news{background:var(--news-surface);padding:32px;border-radius:var(--section-radius)}
.modern-platform .vin-banner,.modern-platform .car-search-result{background:var(--vehicle-surface);border:1px solid #dde4f0}
.modern-platform .steps-section{background:#f5f7fa;padding:28px;border-radius:var(--section-radius)}
.modern-platform .account-card{background:#f7f9fc}
.modern-platform .cabinet-tabs{background:#e9eff6}
.modern-platform .cabinet-tabs button.active{background:#fff;box-shadow:0 2px 8px #17334d10;color:var(--brand)}
.modern-platform #accountLogout{
  display:flex;
  width:min(100%,280px);
  min-height:48px;
  margin:24px auto 0;
  align-items:center;
  justify-content:center;
  border:1px solid #0879be;
  border-radius:10px;
  background:#0879be;
  color:#fff;
  box-shadow:0 5px 14px rgba(8,121,190,.18);
}
.modern-platform #accountLogout:hover{border-color:#066ba9;background:#066ba9;color:#fff}
.modern-platform .section-heading h2{letter-spacing:-.7px}
.modern-platform .news-art{aspect-ratio:16/9;height:auto;overflow:hidden}
.modern-platform .news-photo{width:100%;height:100%;object-fit:cover}
.modern-platform .recent-search-card{grid-template-columns:64px minmax(0,1fr);gap:16px;background:#fff;text-align:left;justify-items:stretch;box-shadow:none}
.modern-platform .recent-search-photo-shell{width:64px;height:76px;min-width:0}
.modern-platform .recent-search-copy{min-width:0;overflow-wrap:anywhere}
.modern-platform .recent-search-card.without-photo{grid-template-columns:minmax(0,1fr)}
.modern-platform .recent-search-card.without-photo .recent-search-photo-shell{display:none}
.modern-platform .recent-search-copy strong{font-size:16px}
.modern-platform .quote-toolbar{padding-bottom:8px;gap:12px}
.modern-platform .quote-check-time{max-width:580px}
.quote-view-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.quote-sort-tools{display:flex;gap:8px;margin-right:auto}
.quote-view-tools button,.filter-chip,.filter-reset,.choice-search{font:inherit;font-size:12px;font-weight:650;min-height:44px;padding:10px 14px;border:1px solid #dce5ed;border-radius:10px;background:#fff;color:#28618a;cursor:pointer}
.quote-view-tools button[aria-pressed=true],.filter-chip{background:#eaf3fc;border-color:#b5d7ee;color:#1265a3}
.applied-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.applied-filters:empty{display:none}
.filter-reset{border-color:transparent;text-decoration:underline}
.mobile-filter-open{display:none}
.modern-platform .live-results-table td{padding-top:12px;padding-bottom:12px}
.modern-platform .quote-group-head{padding:16px 18px}
.modern-platform .quote-description span{font-size:13px}
.offer-details{font-size:11px;font-weight:500;text-align:left;max-width:260px;margin-top:5px;color:#486477}
.offer-details summary{cursor:pointer;min-height:28px;padding:5px 0;color:#28618a;list-style:revert}
.offer-details>div{padding:8px 0;display:grid;gap:5px;line-height:1.5}
.offer-details p{margin:0}
.modern-platform .offer-details small{font-size:11px}
.compact-results .live-results-table td.quote-description,.compact-results .live-results-table th:nth-child(2){display:none}
.compact-results .live-results-table td{padding-top:8px;padding-bottom:8px}
.compact-results .quote-group-head{padding:12px 16px}
.compact-results .quote-group-head p{display:none}
.vehicle-step{color:#466480;font-size:12px;margin:0 0 12px;font-weight:650}
.vehicle-selection{background:#fff;border:1px solid #d5e0ed;border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:13px;font-weight:700}
.choice-search{display:block;width:fit-content;padding:3px 0;min-height:30px;background:none;border:0;font-size:12px;text-align:left;text-decoration:underline}
.modern-platform .vehicle-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:24px;row-gap:2px;margin:2px 0 8px;min-width:0;text-align:center}
.modern-platform .vehicle-actions .vehicle-manual-toggle,.modern-platform .vehicle-actions .garage-shortcut{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:0 1 auto;max-width:100%;width:auto;margin:0;padding:4px 0;min-height:44px;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center;text-decoration:none;white-space:normal}
.modern-platform .vehicle-actions .vehicle-manual-toggle{color:var(--brand);font:600 13px 'Manrope',sans-serif;cursor:pointer}
.modern-platform .vehicle-actions .garage-shortcut{color:var(--brand);font:600 13px 'Manrope',sans-serif;cursor:pointer}
.modern-platform .garage-shortcut:hover{color:#0879be;text-shadow:0 0 8px rgba(24,121,189,.35)}
.modern-platform .garage-shortcut:focus-visible{outline:none;text-decoration:underline;text-underline-offset:3px;text-shadow:0 0 6px rgba(19,128,207,.42),0 0 13px rgba(19,128,207,.24)}
.experience-sheet{width:min(480px,calc(100% - 32px));max-height:85dvh;max-height:min(85dvh,800px);margin:auto;border:1px solid #dce6ed;border-radius:20px;padding:0;color:var(--ink);background:#fff;box-shadow:0 20px 80px #17334d30;overscroll-behavior:contain}
.experience-sheet::backdrop{background:#122b4466}
.experience-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #e4ebf0;position:sticky;top:0;background:#fff;z-index:1}
.experience-sheet h2{font-size:19px;margin:0}
.experience-sheet header button{width:44px;height:44px;font-size:25px;background:#f2f6fa;border:0;border-radius:10px;color:var(--ink)}
.experience-sheet-body{display:grid;gap:16px;padding:20px}
.experience-sheet-body label{display:grid;gap:10px;font-size:14px;font-weight:650}
.experience-sheet input[type=search],.experience-sheet select{width:100%;min-height:48px;font:inherit;font-size:16px;border:1px solid #cddce8;border-radius:10px;padding:12px;background:#fff;color:var(--ink)}
.experience-sheet .sheet-stock{display:flex;align-items:center;gap:12px;min-height:48px}
.sheet-stock input{width:20px;height:20px;accent-color:var(--brand)}
.choice-list{display:grid;gap:5px}
.choice-item{min-height:46px;text-align:left;border:0;background:#f5f8fb;color:var(--ink);font:inherit;font-size:14px;border-radius:8px;padding:10px 14px;cursor:pointer}
.choice-item:hover,.choice-item[aria-pressed=true]{background:#dfedf9;color:#1265a3}
.choice-count{font-size:12px;margin:0;color:var(--muted)}
body.experience-sheet-open{overflow:hidden}
.mobile-bottom-nav{display:none}
.quote-skeleton{height:92px;margin:12px 0;border-radius:12px;background:linear-gradient(100deg,#f1f5f8 25%,#e4edf5 45%,#f1f5f8 65%);background-size:220% 100%;animation:quote-loading 1.7s ease-in-out infinite}
@keyframes quote-loading{to{background-position:-220% 0}}
@media(min-width:851px){.quote-sort-tools{display:none}.quote-view-tools{justify-content:flex-end}.compact-results .live-results-table .quote-brand{width:21%}.compact-results .live-results-table .quote-price{width:23%}}
@media(max-width:850px){
 .modern-platform{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
 .modern-platform .hero{padding:20px 16px 26px;gap:16px}
 .modern-platform .hero-copy{display:contents}
 .modern-platform .hero .eyebrow,.modern-platform .hero-sub,.modern-platform .hero-proof,.modern-platform .hero-help-link{display:none}
 .modern-platform .hero h1{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:0}
 .modern-platform .hero h1 br{display:none}
 .modern-platform .hero h1 em:before{content:' '}
 .modern-platform .hero .search-card{margin:0;padding:18px;width:100%;min-width:0}
 .modern-platform .search-card .eyebrow{display:block}
 .modern-platform .site-header{height:62px;padding:0 16px;gap:10px}
 .modern-platform .brand-logo{width:142px}
 .modern-platform .header-actions{margin-left:auto}
 .modern-platform #accountOpen,.modern-platform #cartOpen{display:none}
 .modern-platform .menu-toggle{min-width:44px;min-height:44px}
 .modern-platform .sticky-search-label{display:none}
 .modern-platform .sticky-search-inner{padding-top:7px;padding-bottom:7px}
 .modern-platform .sticky-search-dock{top:62px}
 .modern-platform .popular-section,.modern-platform .manufacturer-news,.modern-platform .steps-section{padding:20px 16px;border-radius:16px}
 .modern-platform .recent-search-grid{grid-template-columns:1fr 1fr}
 .modern-platform .recent-search-card{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:12px}
 .modern-platform .recent-search-photo-shell{width:48px;height:58px}
 .modern-platform .recent-search-copy strong{font-size:14px}
 .modern-platform .quote-toolbar>.quote-filters{display:none}
 .modern-platform .quote-check-time{display:none}
 .mobile-filter-open{display:block}
 .quote-view-tools{gap:6px}
 .quote-view-tools button{font-size:12px;padding:9px 10px}
 .quote-sort-tools{gap:6px}
 .quote-view-tools .compact-toggle{font-size:0;width:44px;padding:8px}
 .quote-view-tools .compact-toggle:before{content:'≡';font-size:24px;line-height:1}
 .modern-platform .quote-group-head{padding:14px}
 .modern-platform .quote-group-head h3,.modern-platform .quote-group-head h3 small{font-size:16px}
 .modern-platform .quote-group-head p{font-size:12px}
 .modern-platform .live-results-table tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;padding:10px 0 10px 8px;row-gap:2px;align-items:center}
 .modern-platform .live-results-table tbody td{padding:5px 8px;font-size:13px;gap:5px}
 .modern-platform .live-results-table td.quote-brand,.modern-platform .live-results-table td.quote-description{display:none}
 .modern-platform .live-results-table td.quote-price{grid-column:1/3;grid-row:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;gap:12px}
 .modern-platform .live-results-table td.quote-price>div{justify-items:start;min-width:0}
 .modern-platform .live-results-table td.quote-price strong{font-size:22px}
 .modern-platform .live-results-table td[data-label="Наявність"]{grid-column:1;grid-row:2;flex-wrap:wrap}
 .modern-platform .live-results-table td.quote-delivery{grid-column:2;grid-row:2;text-align:right}
 .modern-platform .live-results-table td.quote-warehouse{grid-column:1/3;grid-row:3}
 .modern-platform .live-results-table td.quote-action{grid-column:3;grid-row:1/4;align-self:stretch}
 .modern-platform .live-results-table td.quote-action .add-button{inset:-10px 0}
 .modern-platform .live-results-table .mobile-sort-button,.modern-platform .live-results-table td.quote-price .mobile-sort-button{display:none!important}
 .modern-platform .quote-delivery-note{font-size:10px}
 .modern-platform .offer-details{max-width:100%;font-size:11px}
 .modern-platform .quote-price .compare-choice{font-size:11px}
 .compact-results .live-results-table tbody tr{padding-top:6px;padding-bottom:6px}
 .compact-results .live-results-table tbody td{padding-top:3px;padding-bottom:3px}
 .compact-results .live-results-table td.quote-action .add-button{inset:-6px 0}
 .mobile-bottom-nav{position:fixed;z-index:40;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce7f0;box-shadow:0 -4px 18px #17334d08}
 .mobile-bottom-nav button{position:relative;display:grid;place-items:center;gap:4px;min-height:52px;border:0;border-radius:10px;background:transparent;color:#536b7f;font:inherit;font-size:10px;font-weight:650;padding:5px 2px;cursor:pointer}
 .mobile-bottom-nav button[aria-current]{background:#eaf3fc;color:#1265a3}
 .mobile-bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .mobile-cart-count{position:absolute;top:0;left:55%;background:#1377bd;color:white;font-size:10px;border-radius:12px;min-width:17px;padding:1px 4px}
 .modern-platform .chat-launcher{display:none}
 .modern-platform .chat-widget{bottom:calc(74px + env(safe-area-inset-bottom) + var(--mobile-keyboard-offset,0px));right:12px;z-index:45}
 .modern-platform .chat-panel{max-height:calc(var(--mobile-visible-height,100dvh) - 150px);width:min(360px,calc(100vw - 24px))}
 .compare-bar{bottom:calc(78px + env(safe-area-inset-bottom));z-index:42}
 body:has(.modal.open) .mobile-bottom-nav,body:has(.cart-drawer.open) .mobile-bottom-nav,body.experience-sheet-open .mobile-bottom-nav,body:has(input:focus) .mobile-bottom-nav,body:has(textarea:focus) .mobile-bottom-nav{visibility:hidden}
 body:has(.modal.open) .chat-widget,body.experience-sheet-open .chat-widget{visibility:hidden}
 .experience-sheet{width:100%;max-width:600px;max-height:85dvh;margin:auto auto 0;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}
 .experience-sheet header{padding:12px 18px}
 .experience-sheet-body{padding:18px;gap:14px}
 #catalog,#results,#manufacturerNews,#vin{scroll-margin-top:128px}
}
@media(max-width:380px){.modern-platform .recent-search-grid{grid-template-columns:1fr}.quote-view-tools{gap:4px}.quote-view-tools button{padding:9px 8px;font-size:11px}.modern-platform .hero h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.modern-platform *, .modern-platform *:before,.modern-platform *:after{animation:none!important;transition:none!important}}
/* Tighter rows requested on 08.10: reduce whitespace, retain readable numbers. */
@media(min-width:851px){
 .modern-platform .live-results-table td{padding:9px 12px}
 .modern-platform .quote-price strong{font-size:20px}
 .modern-platform .quote-price .compare-choice{margin-top:3px;font-size:11px;padding:3px 6px;min-height:26px}
 .modern-platform .offer-details{margin-top:2px}
 .modern-platform .offer-details summary{padding:3px 0;min-height:24px}
 .modern-platform.compact-results .live-results-table td{padding-top:5px;padding-bottom:5px}
 .modern-platform.compact-results .live-results-table th:nth-child(1){width:24%}
 .modern-platform.compact-results .live-results-table th:nth-child(3){width:14%}
 .modern-platform.compact-results .live-results-table th:nth-child(4){width:20%}
 .modern-platform.compact-results .live-results-table th:nth-child(5){width:15%}
 .modern-platform.compact-results .live-results-table th:nth-child(6){width:21%}
 .modern-platform.compact-results .live-results-table th:nth-child(7){width:6%}
}
@media(max-width:850px){
 .modern-platform .live-results-table tbody tr{padding-top:7px;padding-bottom:7px}
 .modern-platform .live-results-table td.quote-action .add-button{inset:-7px 0}
 .modern-platform.compact-results .live-results-table td.quote-action .add-button{inset:-6px 0}
 .modern-platform .toast{bottom:calc(82px + env(safe-area-inset-bottom));max-width:calc(100vw - 28px);z-index:90}
 .modern-platform:has(.cart-drawer.open) .chat-widget, .modern-platform:has(.cart-drawer.open) .compare-bar { visibility: hidden; }
 .modern-platform .quote-toolbar .quote-check-time{display:block;font-size:11px}
}

/* Full-width colour bands with seamless transitions between visible sections. */
.modern-platform #top > section{
  --section-surface:#fff;
  --previous-surface:#fff;
  --section-blend:72px;
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:0;
  padding:calc(var(--section-blend) + 16px) max(24px,calc((100% - 1160px)/2)) 36px;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(to bottom,var(--previous-surface),var(--section-surface) var(--section-blend));
}
.modern-platform #top > .hero{
  --section-surface:var(--search-surface);
  padding-top:40px;
  padding-bottom:36px;
}
.modern-platform #top > .results-section{
  --previous-surface:var(--search-surface);
  --section-surface:#fff;
}
.modern-platform #top > .popular-section{
  --previous-surface:#fff;
  --section-surface:#f5f7fa;
}
.modern-platform #results[hidden] + .popular-section{--previous-surface:var(--search-surface)}
.modern-platform #top > .manufacturer-news{
  --previous-surface:#f5f7fa;
  --section-surface:var(--news-surface);
}
.modern-platform #top > .vin-banner{
  --previous-surface:var(--news-surface);
  --section-surface:var(--vehicle-surface);
  --next-surface:#f5f7fa;
  --section-blend:112px;
  background:linear-gradient(
    to bottom,
    var(--previous-surface) 0,
    var(--section-surface) var(--section-blend),
    var(--section-surface) calc(100% - var(--section-blend)),
    var(--next-surface) 100%
  );
}
.modern-platform #manufacturerNews[hidden] + .vin-banner{--previous-surface:#f5f7fa}
.modern-platform #top > .steps-section{
  --previous-surface:#f5f7fa;
  --section-surface:#f5f7fa;
}
.modern-platform #top > .business-section{
  --previous-surface:#f5f7fa;
  --section-surface:#edf3f8;
}
@media(max-width:850px){
 .modern-platform #top > section{
   --section-blend:48px;
   padding:64px 16px 26px;
 }
 .modern-platform #top > .hero{padding:20px 16px 26px}
 .modern-platform #top > .vin-banner{gap:16px}
}

/* IMPROVEMENTS FOR HOME PAGE FIRST SCREEN */

/* 1. Search Form Visual Hierarchy */
.modern-platform .search-form {
  margin-bottom: 20px;
  padding: 24px 0;
}

/* Ensure labels are prominent and inputs aligned */
.modern-platform .search-form label {
  font-weight: 500;
  color: var(--ink);
  display: block;
  margin-bottom: 8px;
}

/* 2. Reduce vertical space before "Recent Articles" */
.modern-platform #top > .popular-section {
  --previous-surface: #fff;
  --section-surface: #f5f7fa;
  padding-top: 40px;
}

/* 3. Refine search card inner elements */
.modern-platform .search-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.modern-platform .search-tabs {
  border-bottom: 1px solid var(--line);
  margin-bottom: 20px;
  display: flex;
  overflow-x: auto;
}

.modern-platform .search-tab {
  padding: 12px 20px;
  border-radius: 0;
  border: none;
  border-bottom: 3px solid transparent;
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}

.modern-platform .search-tab.active {
  border-bottom-color: var(--brand);
  color: var(--brand);
  background: transparent;
}

/* MOBILE-SPECIFIC UI FIXES (iPhone/Mobile) */


/* 1. Tabs: Fit all on screen, remove horizontal scroll on mobile */
@media(max-width: 600px) {
  .modern-platform .search-tabs {
    overflow-x: visible;
    justify-content: stretch;
  }
  .modern-platform .search-tab {
    flex: 1;
    text-align: center;
    padding: 10px 4px;
    font-size: 11px;
    white-space: normal;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* 2. CRM Button in Header */
.modern-platform .owner-crm-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  background: #eef5fb;
  border: 1px solid #bfd2e0;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--brand);
  text-decoration: none;
}
.modern-platform .owner-crm-link.is-hidden { display: none; }
.modern-platform .owner-crm-link:hover {
  background: #e2edf6;
}

/* 3. Search Card: Reduce space under button */
.modern-platform .search-form { padding-bottom: 8px; }
.modern-platform .search-form .primary-button {
  margin-bottom: 0;
}

@media(max-width: 430px) {
  .modern-platform .search-tab {
    font-size: 10px;
    padding: 10px 2px;
  }
}




/* Consistent text arrows */
.arrow-icon {
  display: inline-block;
  margin-left: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  vertical-align: baseline;
}

.arrow-icon::before {
  content: "↗︎";
}

.arrow-icon::after {
  content: none;
}

/* Fix article search history icon */
.modern-platform .article-history-toggle svg {
  display: block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
  flex: 0 0 24px;
}


/* Consistent SVG arrows */
.icon-arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  color: currentColor;
  flex-shrink: 0;
}

.primary-button:has(.icon-arrow),
.outline-button:has(.icon-arrow),
.text-link:has(.icon-arrow),
.owner-crm-link:has(.icon-arrow) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

/* PartPrice: quantity picker in mobile quotation */
@media (max-width:850px) {
  .modern-platform .live-results-table tbody tr {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 78px;
  }
  .modern-platform .live-results-table td.quote-action {
    grid-column:3;
    grid-row:1/4;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:4px 2px;
  }
  .modern-platform .quote-purchase-controls {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:100%;
  }
  .modern-platform .quote-quantity {
    flex:none;
    width:28px;
  }
  .modern-platform .live-results-table td.quote-action .add-button {
    position:relative;
    inset:auto;
    flex:none;
    width:31px;
    height:31px;
  }
}

/* PartPrice quantity controls — layout fix */

/* Quote: compact vertical quantity selector next to cart icon */
.modern-platform .live-results-table td.quote-action {
  min-width: 82px;
  width: 82px;
  padding: 4px !important;
  vertical-align: middle;
}

.modern-platform .live-results-table td.quote-action .quote-purchase-controls {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto;
  height: auto;
  margin: 0 auto;
}

/* Price information floats above the results and never changes row height. */
.modern-platform .quote-group:has(.offer-details[open]),
.modern-platform .quote-analog-group:has(.offer-details[open]) {
  position: relative;
  z-index: 50;
  overflow: visible !important;
}

.modern-platform .live-list-wrap:has(.offer-details[open]) {
  overflow: visible !important;
}

.modern-platform .live-results-table td.quote-price,
.modern-platform .live-results-table td.quote-price .quote-price-wrap {
  overflow: visible !important;
}

.modern-platform .live-results-table td.quote-price:has(.offer-details[open]) {
  position: relative;
  z-index: 20;
}

.modern-platform .live-results-table .quote-price .offer-details {
  position: static;
  display: inline-block;
  max-width: none;
}

.modern-platform .live-results-table .quote-price .offer-details[open] {
  position: relative;
  z-index: 21;
}

.modern-platform .live-results-table .quote-price .offer-details[open] > div {
  position: fixed;
  z-index: 2147483647;
  inset: 12px auto auto 12px;
  box-sizing: border-box;
  width: min(290px, calc(100vw - 32px));
  max-height: min(260px, 45vh);
  overflow: auto;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #d7e4ee;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(20, 55, 80, .2);
  text-align: left;
  white-space: normal;
}

.modern-platform .live-results-table .quote-price .offer-details[open] > div p {
  margin: 0 0 6px;
  overflow-wrap: anywhere;
}

.modern-platform .live-results-table td.quote-action .quote-quantity {
  display: grid;
  grid-template-columns: 30px;
  grid-template-rows: repeat(3, 22px);
  width: 30px;
  height: 66px;
  min-width: 30px;
  flex: none;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #d8e2e9;
  border-radius: 9px;
  background: #fff;
}

.modern-platform .live-results-table td.quote-action .quote-quantity button {
  position: static;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #294b62;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
}

.modern-platform .live-results-table td.quote-action .quote-quantity output {
  display: grid;
  place-items: center;
  padding: 0;
  background: #fff;
  color: #142b3b;
  font-size: 12px;
  line-height: 1;
}

.modern-platform .live-results-table td.quote-action .add-button {
  position: relative;
  inset: auto;
  display: grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 40px;
  min-height: 0;
  padding: 0;
  border: 1px solid #d8e2e9;
  border-radius: 9px;
  background: #fff;
  color: #0879be;
}

/* Cart: horizontal selector matching the provided example */
.cart-item .cart-quantity-controls {
  display: inline-grid;
  grid-template-columns: 56px 62px 56px;
  align-items: stretch;
  width: 174px;
  height: 62px;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #e1e5e9;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(25, 45, 65, .07);
}

.cart-item .cart-quantity-controls button {
  position: static;
  grid-column: auto;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #59616d;
  font-size: 27px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
}

.cart-item .cart-quantity-controls span {
  display: grid;
  place-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  border-left: 1px solid #e1e5e9;
  border-right: 1px solid #e1e5e9;
  background: #fff;
  color: #171b20;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}

.cart-item .cart-quantity-controls button:disabled {
  color: #c5cbd1;
  opacity: 1;
}

.cart-item .cart-quantity-controls button:hover:not(:disabled) {
  background: #f3f7fa;
  color: #0879be;
}

@media (max-width: 850px) {
  .modern-platform .live-results-table tbody tr {
    grid-template-columns: minmax(0, 1fr) 82px;
  }

  .modern-platform .live-results-table td.quote-action {
    grid-column: 2;
    grid-row: 1 / 4;
    align-self: stretch;
    width: 82px;
    min-width: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .modern-platform .live-results-table td.quote-action .add-button {
    position: relative;
    inset: auto;
    width: 32px;
    height: 40px;
  }
}

@media (max-width: 520px) {
  .cart-item .cart-quantity-controls {
    grid-template-columns: 44px 48px 44px;
    width: 136px;
    height: 48px;
    border-radius: 13px;
  }

  .cart-item .cart-quantity-controls button {
    font-size: 23px;
  }

  .cart-item .cart-quantity-controls span {
    font-size: 19px;
  }
}


/* PartPrice approved compact quote design */
@media (min-width: 851px) {
  .modern-platform .live-results-table {
    table-layout: fixed;
    width: 100%;
  }

  .modern-platform .live-results-table th:nth-child(1) { width: 12%; }
  .modern-platform .live-results-table th:nth-child(2) { width: 16%; }
  .modern-platform .live-results-table th:nth-child(3) { width: 11%; }
  .modern-platform .live-results-table th:nth-child(4) { width: 13%; }
  .modern-platform .live-results-table th:nth-child(5) { width: 10%; }
  .modern-platform .live-results-table th:nth-child(6) { width: 12%; }
  .modern-platform .live-results-table th:nth-child(7) { width: 26%; }
}

.modern-platform .live-results-table tr.quote-redesigned-row {
  background: #fff;
}

.modern-platform .live-results-table tr.quote-redesigned-row td {
  padding-top: 9px;
  padding-bottom: 9px;
  vertical-align: middle;
}

.modern-platform .live-results-table td.quote-availability {
  font-weight: 750;
}

.availability-with-dot {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.availability-with-dot i {
  display: inline-block;
  width: 10px;
  height: 10px;
  flex: none;
  border-radius: 50%;
  background: #a7b4c1;
  box-shadow: 0 0 7px #a7b4c166;
}

.quote-availability.available-now {
  color: #087d39;
}

.quote-availability.available-now .availability-with-dot i {
  background: #00a84e;
  box-shadow: 0 0 10px #00a84eaa;
}

.quote-availability.available-soon {
  color: #31964c;
}

.quote-availability.available-soon .availability-with-dot i {
  background: #63cf70;
  box-shadow: 0 0 10px #63cf70aa;
}

.quote-availability.available-three {
  color: #72b88b;
}

.quote-availability.available-three .availability-with-dot i {
  background: #b5e6c4;
  box-shadow: 0 0 10px #b5e6c4aa;
}

.quote-availability.available-later {
  color: #61778a;
}

.modern-platform .live-results-table .quote-price .offer-details {
  margin: 0;
}

.modern-platform .live-results-table .quote-price .offer-details summary {
  display: inline-block;
  padding: 0;
  min-height: 0;
  color: #143e5c;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.3;
  cursor: pointer;
  list-style: none;
}

.modern-platform .live-results-table .quote-price .offer-details summary::-webkit-details-marker {
  display: none;
}
.modern-platform .live-results-table .quote-price .offer-details summary::marker {
  content: "";
  font-size: 0;
}

.modern-platform .live-results-table .quote-price .offer-details summary:hover {
  color: #0879be;
}

.modern-platform .live-results-table td.quote-action {
  position: static;
  width: auto;
  min-width: 0;
  padding: 8px 10px !important;
  vertical-align: middle;
}

.modern-platform .live-results-table td.quote-action .quote-purchase-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  width: 100%;
  height: auto;
  margin: 0;
}

.modern-platform .live-results-table td.quote-action .quote-compare-button {
  position: static;
  flex: none;
  min-height: 34px;
  margin: 0;
  padding: 6px 8px;
  border: 1px solid #d6e3ec;
  border-radius: 8px;
  background: #fff;
  color: #0879be;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.modern-platform .live-results-table td.quote-action .quote-quantity {
  display: grid;
  grid-template-columns: 28px 30px 28px;
  grid-template-rows: 34px;
  flex: none;
  width: 86px;
  height: 34px;
  min-width: 86px;
  border: 1px solid #d9e4ed;
  border-radius: 9px;
  background: #fff;
  box-sizing: border-box;
}

.modern-platform .live-results-table td.quote-action .quote-quantity button {
  position: static;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  background: #fff;
  color: #24465e;
  font-size: 16px;
  line-height: 1;
}

.modern-platform .live-results-table td.quote-action .quote-quantity output {
  display: grid;
  place-items: center;
  padding: 0;
  border-top: 0;
  border-bottom: 0;
  border-left: 1px solid #e0e7ee;
  border-right: 1px solid #e0e7ee;
  color: #143e5c;
  background: #fff;
  font-size: 13px;
  font-weight: 700;
}

.modern-platform .live-results-table td.quote-action .add-button {
  position: static;
  inset: auto;
  display: grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: #0879be;
  color: #fff;
}

.modern-platform .live-results-table td.quote-action .add-button svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
}

.modern-platform .live-results-table td.quote-action .add-button:hover:not(:disabled) {
  background: #07679f;
}

.cart-item h3 {
  font-size: 17px;
}

.cart-item p {
  font-size: 14px;
}

.cart-item > strong {
  font-size: 17px;
}

.cart-item .cart-quantity-controls {
  grid-template-columns: 38px 42px 38px;
  width: 118px;
  height: 38px;
  border-radius: 10px;
}

.cart-item .cart-quantity-controls button {
  font-size: 20px;
}

.cart-item .cart-quantity-controls span {
  font-size: 16px;
}

@media (max-width: 850px) {
  .modern-platform .live-results-table td.quote-action {
    grid-column: 2;
    grid-row: 1 / 4;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px !important;
  }

  .modern-platform .live-results-table td.quote-action .quote-purchase-controls {
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
  }

  .modern-platform .live-results-table td.quote-action .quote-compare-button {
    order: 3;
    font-size: 10px;
  }

  .modern-platform .live-results-table td.quote-action .quote-quantity {
    grid-template-columns: 24px 25px 24px;
    width: 73px;
    min-width: 73px;
  }

  .modern-platform .live-results-table td.quote-action .add-button {
    width: 34px;
    height: 34px;
    min-width: 34px;
  }

  .modern-platform .live-results-table tbody tr {
    grid-template-columns: minmax(0, 1fr) 126px;
  }
}


/* Quote rows stay white; delivery status is indicated only by text and dot. */
.modern-platform .live-results-table tbody tr.quote-redesigned-row,
.modern-platform .live-results-table tbody tr.quote-redesigned-row:hover {
  background: #fff !important;
  box-shadow: none !important;
}

.modern-platform .live-results-table td.quote-availability.available-now {
  color: #087d39 !important;
}
.modern-platform .live-results-table td.quote-availability.available-soon {
  color: #31964c !important;
}
.modern-platform .live-results-table td.quote-availability.available-three {
  color: #72b88b !important;
}


/* Delivery indicator belongs to delivery time, not stock quantity. */
.modern-platform .live-results-table td.quote-availability,
.modern-platform .live-results-table tr.delivery-in-stock td.quote-availability {
  color: #345d73 !important;
  font-weight: 600 !important;
}

.modern-platform .live-results-table .delivery-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 750;
  white-space: nowrap;
}

.modern-platform .live-results-table .delivery-status-dot {
  display: inline-block;
  flex: none;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #a7b4c1;
}

.modern-platform .live-results-table .delivery-status.available-now {
  color: #087d39;
}
.modern-platform .live-results-table .delivery-status.available-now .delivery-status-dot {
  background: #00a84e;
  box-shadow: 0 0 10px #00a84eaa;
}

.modern-platform .live-results-table .delivery-status.available-soon {
  color: #31964c;
}
.modern-platform .live-results-table .delivery-status.available-soon .delivery-status-dot {
  background: #63cf70;
  box-shadow: 0 0 10px #63cf70aa;
}

.modern-platform .live-results-table .delivery-status.available-three {
  color: #72b88b;
}
.modern-platform .live-results-table .delivery-status.available-three .delivery-status-dot {
  background: #b5e6c4;
  box-shadow: 0 0 10px #b5e6c4aa;
}

.modern-platform .live-results-table .delivery-status.available-later {
  color: #61778a;
}
.modern-platform .live-results-table .delivery-status.available-later .delivery-status-dot {
  display: none;
}

/* PartPrice quote table — compact alignment */
@media (min-width: 851px) {
  .modern-platform .live-results-table {
    table-layout: fixed;
    width: 100%;
  }

  .modern-platform .live-results-table th:nth-child(1) { width: 12%; }
  .modern-platform .live-results-table th:nth-child(2) { width: 16%; }
  .modern-platform .live-results-table th:nth-child(3) { width: 11%; }
  .modern-platform .live-results-table th:nth-child(4) { width: 13%; }
  .modern-platform .live-results-table th:nth-child(5) { width: 10%; }
  .modern-platform .live-results-table th:nth-child(6) { width: 15%; }
  .modern-platform .live-results-table th:nth-child(7) { width: 23%; }

  .modern-platform .live-results-table td.quote-action .quote-purchase-controls {
    justify-content: flex-end;
    gap: 6px;
  }
}

/* Flat grey table header */
.modern-platform .live-results-table thead,
.modern-platform .live-results-table thead tr,
.modern-platform .live-results-table thead th,
.modern-platform .quote-group-head {
  border-radius: 0 !important;
}

/* Only one compare button — in the action column */
.modern-platform .live-results-table td.quote-price .compare-choice,
.modern-platform .live-results-table td.quote-price [data-compare-index],
.modern-platform .live-results-table td.quote-price .quote-compare-button {
  display: none !important;
}

/* Quote table: wider description and aligned columns */
@media (min-width: 851px) {
  .modern-platform .live-results-table {
    table-layout: fixed !important;
    width: 100%;
  }

  .modern-platform .live-results-table th:nth-child(1),
  .modern-platform .live-results-table td:nth-child(1) { width: 12% !important; }

  .modern-platform .live-results-table th:nth-child(2),
  .modern-platform .live-results-table td:nth-child(2) { width: 26% !important; }

  .modern-platform .live-results-table th:nth-child(3),
  .modern-platform .live-results-table td:nth-child(3) { width: 10% !important; }

  .modern-platform .live-results-table th:nth-child(4),
  .modern-platform .live-results-table td:nth-child(4) { width: 12% !important; }

  .modern-platform .live-results-table th:nth-child(5),
  .modern-platform .live-results-table td:nth-child(5) { width: 9% !important; }

  .modern-platform .live-results-table th:nth-child(6),
  .modern-platform .live-results-table td:nth-child(6) { width: 11% !important; }

  .modern-platform .live-results-table th:nth-child(7),
  .modern-platform .live-results-table td:nth-child(7) { width: 20% !important; }

  .modern-platform .live-results-table td.quote-brand > div {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }

  .modern-platform .live-results-table td.quote-brand strong,
  .modern-platform .live-results-table td.quote-brand small {
    display: inline-block !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .modern-platform .live-results-table td.quote-description {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .modern-platform .live-results-table td.quote-action .quote-purchase-controls {
    gap: 5px !important;
    justify-content: flex-end !important;
  }
}

/* Remove rounded corners from the grey header background */
.modern-platform .live-results-table,
.modern-platform .live-results-table thead,
.modern-platform .live-results-table thead tr,
.modern-platform .live-results-table thead th,
.modern-platform .live-results-table thead th:first-child,
.modern-platform .live-results-table thead th:last-child {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* Quote table: uppercase, larger, centered column headers */
.modern-platform .live-results-table thead th {
  text-align: center !important;
  text-transform: uppercase !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
}

/* Center column contents */
.modern-platform .live-results-table tbody td {
  text-align: center !important;
  vertical-align: middle !important;
}

/* Center content wrappers */
.modern-platform .live-results-table tbody td > div {
  justify-content: center !important;
}

/* Brand and article remain on the same line */
.modern-platform .live-results-table td.quote-brand > div {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

/* Center delivery status and its indicator */
.modern-platform .live-results-table .delivery-status {
  justify-content: center !important;
}

/* Center price */
.modern-platform .live-results-table td.quote-price .quote-price-wrap {
  display: flex !important;
  justify-content: center !important;
}

/* Keep purchase controls together */
.modern-platform .live-results-table td.quote-action .quote-purchase-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
}

/* Unified column header typography, including sorting buttons */
.modern-platform .live-results-table thead th,
.modern-platform .live-results-table thead th button,
.modern-platform .live-results-table tbody td .sort-button,
.modern-platform .live-results-table tbody td [data-sort] {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* Sort labels rendered inside offer rows */
.modern-platform .live-results-table .quote-delivery > button,
.modern-platform .live-results-table .quote-price > button {
  text-transform: uppercase !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* Unified typography for description, stock, delivery and warehouse */
.modern-platform .live-results-table tbody td.quote-description,
.modern-platform .live-results-table tbody td.quote-availability,
.modern-platform .live-results-table tbody td.quote-delivery,
.modern-platform .live-results-table tbody td.quote-warehouse {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

/* Apply consistent typography to nested text elements */
.modern-platform .live-results-table tbody td.quote-description span,
.modern-platform .live-results-table tbody td.quote-availability,
.modern-platform .live-results-table tbody td.quote-delivery .delivery-status,
.modern-platform .live-results-table tbody td.quote-delivery .delivery-status span,
.modern-platform .live-results-table tbody td.quote-warehouse strong {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

/* PartPrice — subtle interactive button glow */
.modern-platform button:not(:disabled):not(.drawer-close):not(.modal-close):not(.quote-product-image-close):not(.admin-calculator-close):not(.plain-window-close),
.modern-platform .button,
.modern-platform .btn {
  transition:
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    filter 180ms ease;
}


/* Pressed button */
.modern-platform button:not(:disabled):not(.drawer-close):not(.modal-close):not(.quote-product-image-close):not(.admin-calculator-close):not(.plain-window-close):active,
.modern-platform .button:active,
.modern-platform .btn:active {
  box-shadow:
    0 0 0 2px rgba(19, 128, 207, 0.18),
    0 0 16px 4px rgba(19, 128, 207, 0.25) !important;
}

/* Selected / active state */
.modern-platform button[aria-pressed="true"]:not(.quote-sort-button):not(.mobile-sort-button),
.modern-platform button[aria-selected="true"],
.modern-platform button[aria-expanded="true"]:not(.quote-sort-button):not(.mobile-sort-button) {
  box-shadow:
    0 0 0 1px rgba(19, 128, 207, 0.14),
    0 0 11px 2px rgba(19, 128, 207, 0.13);
}

/* Keyboard accessibility */
.modern-platform button:focus-visible {
  outline: 2px solid #1683ce;
  outline-offset: 3px;
  box-shadow: 0 0 12px rgba(19, 128, 207, 0.20);
}

/* No glow for disabled buttons */
.modern-platform button:disabled {
  box-shadow: none !important;
}

/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
  .modern-platform button,
  .modern-platform .button,
  .modern-platform .btn {
    transition: none !important;
  }
}

/* PartPrice: glow on interactive text, not button boxes */
.modern-platform button,
.modern-platform a,
.modern-platform .button,
.modern-platform .btn {
  transition:
    color 180ms ease,
    text-shadow 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease;
}

/* Remove previously added rectangular glow */
.modern-platform button:not(:disabled):not(.drawer-close):not(.modal-close):not(.quote-product-image-close):not(.admin-calculator-close):not(.plain-window-close):hover,
.modern-platform button:not(:disabled):not(.drawer-close):not(.modal-close):not(.quote-product-image-close):not(.admin-calculator-close):not(.plain-window-close):active,
.modern-platform button[aria-pressed="true"],
.modern-platform button[aria-selected="true"],
.modern-platform button[aria-expanded="true"],
.modern-platform .button:hover,
.modern-platform .button:active,
.modern-platform .btn:hover,
.modern-platform .btn:active {
  box-shadow: none !important;
}

/* Subtle glow directly around letters */
@media (hover: hover) and (pointer: fine) {
  .modern-platform button:not(:disabled):not(.drawer-close):not(.modal-close):not(.quote-product-image-close):not(.admin-calculator-close):not(.plain-window-close):hover,
  .modern-platform a:hover,
  .modern-platform .button:hover,
  .modern-platform .btn:hover {
    text-shadow:
      0 0 5px rgba(19, 128, 207, 0.35),
      0 0 12px rgba(19, 128, 207, 0.22) !important;
  }
}

/* Active and selected text */
.modern-platform button:not(:disabled):not(.drawer-close):not(.modal-close):not(.quote-product-image-close):not(.admin-calculator-close):not(.plain-window-close):active,
.modern-platform button[aria-pressed="true"],
.modern-platform button[aria-selected="true"],
.modern-platform a:active {
  text-shadow:
    0 0 5px rgba(19, 128, 207, 0.45),
    0 0 14px rgba(19, 128, 207, 0.28) !important;
}

/* Preserve accessible keyboard focus */
.modern-platform button:focus-visible,
.modern-platform a:focus-visible {
  outline: 2px solid #1683ce;
  outline-offset: 3px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .modern-platform button,
  .modern-platform a,
  .modern-platform .button,
  .modern-platform .btn {
    transition: none !important;
  }
}

/* PartPrice: distinct glow for buttons and text links */

/* No text glow inside buttons */
.modern-platform button,
.modern-platform .button,
.modern-platform .btn,
.modern-platform button *,
.modern-platform .button *,
.modern-platform .btn * {
  text-shadow: none !important;
}


/* Pressed buttons */
.modern-platform button:not(:disabled):not(.drawer-close):not(.modal-close):not(.quote-product-image-close):not(.admin-calculator-close):not(.plain-window-close):not(.article-link):not([data-sort]):not(.sort-button):not(.quote-sort-button):not(.mobile-sort-button):active,
.modern-platform .button:active,
.modern-platform .btn:active {
  box-shadow:
    0 0 0 1px rgba(19, 128, 207, 0.22),
    0 0 15px 4px rgba(19, 128, 207, 0.28) !important;
}

/* Selected buttons */
.modern-platform button[aria-pressed="true"]:not(.article-link):not([data-sort]):not(.sort-button):not(.quote-sort-button):not(.mobile-sort-button),
.modern-platform button[aria-selected="true"]:not(.article-link):not([data-sort]):not(.sort-button):not(.quote-sort-button):not(.mobile-sort-button) {
  box-shadow:
    0 0 0 1px rgba(19, 128, 207, 0.14),
    0 0 11px 2px rgba(19, 128, 207, 0.16) !important;
}

/* Interactive text without button-like appearance */
@media (hover: hover) and (pointer: fine) {
  .modern-platform a:not(.button):not(.btn):hover,
  .modern-platform button.article-link:hover,
  .modern-platform button[data-sort]:hover,
  .modern-platform button.sort-button:hover {
    box-shadow: none !important;
    text-shadow:
      0 0 5px rgba(19, 128, 207, 0.40),
      0 0 12px rgba(19, 128, 207, 0.25) !important;
  }
}

/* Active sorting text */
.modern-platform button[data-sort][aria-pressed="true"],
.modern-platform button.sort-button[aria-pressed="true"] {
  box-shadow: none !important;
  text-shadow:
    0 0 5px rgba(19, 128, 207, 0.35),
    0 0 10px rgba(19, 128, 207, 0.20) !important;
}

/* Sorting headers: text glow only, never a glowing box */
.modern-platform .live-results-table thead th button,
.modern-platform .live-results-table thead th button:hover,
.modern-platform .live-results-table thead th button:active,
.modern-platform .live-results-table thead th button:focus,
.modern-platform .live-results-table thead th button:focus-visible,
.modern-platform .live-results-table .quote-delivery > button,
.modern-platform .live-results-table .quote-delivery > button:hover,
.modern-platform .live-results-table .quote-price > button,
.modern-platform .live-results-table .quote-price > button:hover {
  box-shadow: none !important;
  outline: none !important;
  border-color: transparent !important;
  background: transparent !important;
}

/* Glow on letters and sorting arrows */
@media (hover: hover) and (pointer: fine) {
  .modern-platform .live-results-table thead th button:hover,
  .modern-platform .live-results-table .quote-delivery > button:hover,
  .modern-platform .live-results-table .quote-price > button:hover {
    text-shadow:
      0 0 5px rgba(19, 128, 207, 0.55),
      0 0 12px rgba(19, 128, 207, 0.30) !important;
  }
}

/* Keyboard focus: text glow without rectangular outline */
.modern-platform .live-results-table thead th button:focus-visible,
.modern-platform .live-results-table .quote-delivery > button:focus-visible,
.modern-platform .live-results-table .quote-price > button:focus-visible {
  text-shadow:
    0 0 5px rgba(19, 128, 207, 0.55),
    0 0 12px rgba(19, 128, 207, 0.30) !important;
}

/* Text-only interactive elements: no rectangular highlight */
.modern-platform .live-results-table thead button,
.modern-platform .live-results-table .sort-button,
.modern-platform .live-results-table [data-sort],
.modern-platform .article-link,
.modern-platform a:not(.button):not(.btn),
.modern-platform button.article-link {
  box-shadow: none !important;
  outline: none !important;
}

/* Remove rectangular hover/focus/active effects */
.modern-platform .live-results-table thead button:is(:hover, :focus, :focus-visible, :active),
.modern-platform .live-results-table .sort-button:is(:hover, :focus, :focus-visible, :active),
.modern-platform .live-results-table [data-sort]:is(:hover, :focus, :focus-visible, :active),
.modern-platform .article-link:is(:hover, :focus, :focus-visible, :active),
.modern-platform a:not(.button):not(.btn):is(:hover, :focus, :focus-visible, :active) {
  box-shadow: none !important;
  outline: none !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

/* Glow only around the letters */
@media (hover: hover) and (pointer: fine) {
  .modern-platform .live-results-table thead button:hover,
  .modern-platform .live-results-table .sort-button:hover,
  .modern-platform .live-results-table [data-sort]:hover,
  .modern-platform .article-link:hover,
  .modern-platform a:not(.button):not(.btn):hover {
    text-shadow:
      0 0 4px rgba(19, 128, 207, 0.65),
      0 0 10px rgba(19, 128, 207, 0.35) !important;
  }
}

/* Keyboard focus remains visually identifiable */
.modern-platform .live-results-table thead button:focus-visible,
.modern-platform .live-results-table .sort-button:focus-visible,
.modern-platform .live-results-table [data-sort]:focus-visible,
.modern-platform .article-link:focus-visible,
.modern-platform a:not(.button):not(.btn):focus-visible {
  text-shadow: 0 0 8px rgba(19, 128, 207, 0.65) !important;
  text-decoration: underline !important;
}

/* Text-only controls: glow letters, never the surrounding box */
.modern-platform .quote-sort-button,
.modern-platform .quote-sort-button:hover,
.modern-platform .quote-sort-button:active,
.modern-platform .quote-sort-button:focus,
.modern-platform .quote-sort-button:focus-visible,
.modern-platform .article-link,
.modern-platform .article-link:hover,
.modern-platform .article-link:focus-visible,
.modern-platform a:not(.button):not(.btn):not([role="button"]):hover,
.modern-platform a:not(.button):not(.btn):not([role="button"]):focus-visible {
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  filter: none !important;
}

/* Subtle blue glow on text */
@media (hover: hover) and (pointer: fine) {
  .modern-platform .quote-sort-button:hover,
  .modern-platform .article-link:hover,
  .modern-platform a:not(.button):not(.btn):not([role="button"]):hover {
    text-shadow:
      0 0 5px rgba(19, 128, 207, .55),
      0 0 12px rgba(19, 128, 207, .30) !important;
  }
}

/* Keyboard focus: visible text emphasis */
.modern-platform .quote-sort-button:focus-visible,
.modern-platform .article-link:focus-visible,
.modern-platform a:not(.button):not(.btn):not([role="button"]):focus-visible {
  text-shadow: 0 0 8px rgba(19, 128, 207, .6) !important;
  text-decoration: underline !important;
}

/* PartPrice: unified glow — real buttons vs sorting text */

/* Real buttons */
@media (hover: hover) and (pointer: fine) {
  body.modern-platform button:not(:disabled):not(.drawer-close):not(.modal-close):not(.quote-product-image-close):not(.admin-calculator-close):not(.plain-window-close):not(.quote-sort-button):not(.mobile-sort-button):not(.article-link):not(.photo-inquiry-link):not(.vehicle-manual-toggle):not(.choice-search):hover {
    box-shadow: 0 0 0 1px rgba(19,128,207,.14),
                0 0 12px 3px rgba(19,128,207,.22) !important;
  }
}

/* Sorting: never show a rectangular glow */
body.modern-platform button.quote-sort-button,
body.modern-platform button.mobile-sort-button {
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

/* Sorting: glow letters only */
body.modern-platform button.quote-sort-button:is(:hover,:focus-visible,[aria-pressed="true"]),
body.modern-platform button.mobile-sort-button:is(:hover,:focus-visible,[aria-pressed="true"]) {
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  text-shadow: 0 0 6px rgba(19,128,207,.65),
               0 0 12px rgba(19,128,207,.30) !important;
}

/* Keep the CRM shortcut's label legible when its button inverts on hover. */
body.modern-platform #ownerCrmLink {
  background: #1377bd !important;
  background-image: none !important;
  border-color: #1377bd !important;
  color: #fff !important;
}
body.modern-platform #ownerCrmLink:is(:hover, :focus-visible, :active) {
  background: #f2f8fc !important;
  background-image: none !important;
  border-color: #9fc9e2 !important;
  color: #075f96 !important;
  text-decoration: none !important;
}

/* partprice-glass.css */

/* ==========================================
   PARTPRICE GLASS — WEBSITE
   ========================================== */

:root {
  --pp-blue: #1879bd;
  --pp-blue-hover: #12649e;
  --pp-glass: rgba(255,255,255,.68);
  --pp-glass-border: rgba(155,200,230,.55);
  --pp-glass-shadow: 0 6px 24px rgba(35,95,145,.09);
  --pp-radius: 18px;
}

/* Фон сайта */
body {
  background:
    radial-gradient(ellipse at 8% 12%, rgba(130,195,240,.25), transparent 42%),
    radial-gradient(ellipse at 92% 72%, rgba(155,205,245,.22), transparent 45%),
    #f0f6fb !important;
  background-attachment: fixed !important;
}

/* Стеклянная шапка */
header,
.site-header,
.main-header {
  background: rgba(255,255,255,.72) !important;
  backdrop-filter: blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
  border-bottom: 1px solid rgba(170,210,235,.5) !important;
}

/* Карточки товаров, поиска и кабинета */
.product-card,
.search-result,
.result-card,
.catalog-card,
.account-card,
.profile-card,
.dashboard-card,
.news-card,
.material-card,
.card {
  background: var(--pp-glass) !important;
  border: 1px solid var(--pp-glass-border) !important;
  border-radius: var(--pp-radius) !important;
  box-shadow: var(--pp-glass-shadow) !important;
  backdrop-filter: blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
  transition:
    background-color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

.product-card:hover,
.search-result:hover,
.result-card:hover,
.catalog-card:hover,
.news-card:hover,
.material-card:hover {
  background: rgba(210,233,248,.78) !important;
  border-color: #83b9da !important;
  box-shadow: 0 10px 28px rgba(35,95,145,.14) !important;
  transform: translateY(-2px);
}

/* Поиск */
.search-container,
.search-panel,
.search-box,
.search-form {
  border-radius: 18px !important;
}

/* Поля */
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  border-radius: 12px !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: #5aa9d8 !important;
  box-shadow: 0 0 0 3px rgba(76,157,202,.14) !important;
}

/* Корпоративные кнопки */
button[type="submit"],
.btn-primary,
.button-primary,
.primary-button {
  background: var(--pp-blue) !important;
  border-color: var(--pp-blue) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(24,121,189,.12);
  transition: background .2s ease, box-shadow .2s ease;
}

button[type="submit"]:hover:not(:disabled),
.btn-primary:hover:not(:disabled),
.button-primary:hover:not(:disabled),
.primary-button:hover:not(:disabled) {
  background: var(--pp-blue-hover) !important;
  border-color: var(--pp-blue-hover) !important;
}

/* Таблицы результатов */
table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 14px;
  overflow: hidden;
}

table thead {
  background: rgba(195,225,244,.55);
}

table tbody tr {
  transition: background .2s ease;
}

table tbody tr:hover {
  background: rgba(195,225,244,.35);
}

/* Модальные окна */
.modal,
.modal-content,
.dialog,
dialog {
  background: rgba(248,252,255,.85) !important;
  border: 1px solid rgba(180,215,235,.65) !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 60px rgba(35,75,115,.18) !important;
  backdrop-filter: blur(30px) saturate(170%);
  -webkit-backdrop-filter: blur(30px) saturate(170%);
}

/* Выпадающие меню */
.dropdown-menu,
.menu-panel,
[role="menu"] {
  background: rgba(255,255,255,.88) !important;
  border: 1px solid var(--pp-glass-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(35,95,145,.12) !important;
  backdrop-filter: blur(24px);
}

/* Мобильная версия */
@media (max-width: 650px) {
  .product-card,
  .search-result,
  .result-card,
  .account-card,
  .modal,
  dialog {
    border-radius: 14px !important;
  }
}

/* Доступность */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .product-card,
  .search-result,
  .result-card,
  .account-card,
  .modal,
  dialog {
    background: #fff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}


/* PARTPRICE GLASS 2.0 — COMPONENT DESIGN */

:root {
  --pp-primary: #1879bd;
  --pp-primary-hover: #12649e;
  --pp-text: #244e68;
  --pp-muted: #6e8798;
  --pp-border: rgba(151, 194, 222, .55);
  --pp-surface: rgba(255, 255, 255, .68);
  --pp-surface-hover: rgba(222, 239, 250, .82);
  --pp-shadow: 0 8px 28px rgba(34, 87, 130, .09);
  --pp-radius: 18px;
}

/* Общая типографика */
.modern-platform {
  color: var(--pp-text);
  -webkit-font-smoothing: antialiased;
}

.modern-platform h1,
.modern-platform h2,
.modern-platform h3 {
  letter-spacing: -.025em;
}

/* Шапка */
.modern-platform .site-header {
  background: rgba(255, 255, 255, .66) !important;
  border-bottom: 1px solid rgba(170, 210, 235, .45) !important;
  backdrop-filter: blur(26px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(170%) !important;
  box-shadow: 0 4px 20px rgba(35, 95, 145, .055);
}

/* Навигация */
.modern-platform .main-nav a,
.modern-platform .header-actions a {
  border-radius: 11px;
  transition:
    background-color .2s ease,
    color .2s ease,
    box-shadow .2s ease;
}

.modern-platform .main-nav a:hover,
.modern-platform .header-actions a:hover {
  background: rgba(207, 231, 247, .55);
}

/* Карточка поиска — только внешний контейнер */
.modern-platform .search-card {
  background: rgba(255, 255, 255, .62) !important;
  border: 1px solid rgba(155, 200, 230, .6) !important;
  border-radius: 24px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    0 12px 38px rgba(35, 95, 145, .11) !important;
  backdrop-filter: blur(26px) saturate(170%);
  -webkit-backdrop-filter: blur(26px) saturate(170%);
}

/* Внутренние элементы поиска без дополнительных стеклянных рамок */
.modern-platform .search-card-top,
.modern-platform .search-form {
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Вкладки поиска */
.modern-platform .search-tabs {
  display: flex;
  gap: 8px;
  padding: 6px;
  border-radius: 15px;
  background: rgba(221, 237, 248, .58);
  border: 1px solid rgba(170, 210, 235, .35);
}

.modern-platform .search-tab {
  border-radius: 11px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--pp-text) !important;
  font-weight: 600;
  transition:
    background-color .2s ease,
    color .2s ease,
    box-shadow .2s ease;
}

.modern-platform .search-tab:hover:not(.active) {
  background: rgba(255, 255, 255, .65) !important;
}

.modern-platform .search-tab.active {
  background: var(--pp-primary) !important;
  color: #fff !important;
  border-color: var(--pp-primary) !important;
  box-shadow: 0 3px 10px rgba(24, 121, 189, .16);
}

/* Все основные кнопки */
.modern-platform .primary-button,
.modern-platform button[type="submit"],
.modern-platform .owner-crm-link {
  border-radius: 12px !important;
  background: var(--pp-primary) !important;
  border: 1px solid var(--pp-primary) !important;
  color: #fff !important;
  font-weight: 650;
  box-shadow: 0 4px 12px rgba(24, 121, 189, .13);
  transition:
    background-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

.modern-platform .primary-button:hover:not(:disabled),
.modern-platform button[type="submit"]:hover:not(:disabled),
.modern-platform .owner-crm-link:hover {
  background: var(--pp-primary-hover) !important;
  border-color: var(--pp-primary-hover) !important;
  box-shadow: 0 6px 16px rgba(24, 121, 189, .2);
}

/* Второстепенные кнопки */
.modern-platform .outline-button,
.modern-platform .search-tab:not(.active) {
  border-radius: 11px !important;
}

/* Поля ввода */
.modern-platform input:not([type="checkbox"]):not([type="radio"]),
.modern-platform select,
.modern-platform textarea {
  background: rgba(255, 255, 255, .84) !important;
  border: 1px solid rgba(165, 205, 232, .7) !important;
  border-radius: 12px !important;
  color: var(--pp-text);
  box-shadow: inset 0 1px 2px rgba(35, 95, 145, .025);
  transition:
    border-color .2s ease,
    box-shadow .2s ease;
}

.modern-platform input:focus,
.modern-platform select:focus,
.modern-platform textarea:focus {
  outline: none;
  border-color: #5aa9d8 !important;
  box-shadow: 0 0 0 4px rgba(76, 157, 202, .14) !important;
}

/* Подписи и подсказки */
.modern-platform .small-label,
.modern-platform .field-hint,
.modern-platform .optional-note,
.modern-platform .form-field-note {
  color: var(--pp-muted);
}

/* Карточки преимуществ и услуг */
.modern-platform .business-card,
.modern-platform .product-card,
.modern-platform .result-card,
.modern-platform .order-success-card {
  background: var(--pp-surface) !important;
  border: 1px solid var(--pp-border) !important;
  border-radius: var(--pp-radius) !important;
  box-shadow: var(--pp-shadow) !important;
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  transition:
    background-color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

.modern-platform .business-card:hover,
.modern-platform .product-card:hover,
.modern-platform .result-card:hover {
  background: var(--pp-surface-hover) !important;
  border-color: #87b9d9 !important;
  box-shadow: 0 12px 30px rgba(35, 95, 145, .14) !important;
  transform: translateY(-2px);
}

/* Модальные окна: стекло только на карточке */
.modern-platform .modal-card {
  background: rgba(249, 252, 255, .84) !important;
  border: 1px solid rgba(180, 215, 237, .65) !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 65px rgba(28, 69, 107, .2) !important;
  backdrop-filter: blur(30px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(160%) !important;
}

.modern-platform .modal {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.modern-platform .modal-backdrop {
  background: rgba(22, 51, 76, .35) !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* Закрытие окон */
.modern-platform .modal-close,
.modern-platform .drawer-close {
  border-radius: 50% !important;
  background: rgba(224, 239, 249, .8);
  transition: background-color .2s ease;
}

.modern-platform .modal-close:hover,
.modern-platform .drawer-close:hover {
  background: rgba(190, 222, 242, .95);
}

/* Сообщения форм */
.modern-platform .form-status,
.modern-platform .captcha-status,
.modern-platform .vin-decode-result {
  border-radius: 12px;
}

/* Корзина и боковые панели */
.modern-platform .cart-drawer,
.modern-platform .account-drawer,
.modern-platform .drawer-panel {
  background: rgba(249, 252, 255, .88) !important;
  backdrop-filter: blur(26px) saturate(160%);
  -webkit-backdrop-filter: blur(26px) saturate(160%);
  border-left: 1px solid rgba(170, 210, 235, .5);
}

/* Мобильная адаптация */
@media (max-width: 650px) {
  .modern-platform .search-card {
    border-radius: 18px !important;
  }

  .modern-platform .search-tabs {
    gap: 4px;
    padding: 4px;
  }

  .modern-platform .search-tab {
    border-radius: 9px !important;
  }

  .modern-platform .modal-card {
    border-radius: 18px !important;
  }

  .modern-platform .business-card {
    border-radius: 15px !important;
  }
}

/* Доступность */
@media (prefers-reduced-motion: reduce) {
  .modern-platform *,
  .modern-platform *::before,
  .modern-platform *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .modern-platform .search-card,
  .modern-platform .business-card,
  .modern-platform .modal-card {
    background: #fff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* ==========================================
   PARTPRICE GLASS 2.1 — VISUAL REFINEMENT
   ========================================== */

:root {
  --pp-primary: #1879bd;
  --pp-primary-hover: #12649e;
  --pp-glass-line: rgba(153, 199, 230, .48);
  --pp-soft-shadow: 0 8px 28px rgba(35, 85, 125, .075);
}

/* 1. Общий фон */
.modern-platform {
  background:
    radial-gradient(ellipse at 12% 18%, rgba(168, 213, 244, .22), transparent 45%),
    radial-gradient(ellipse at 85% 72%, rgba(185, 218, 244, .2), transparent 45%),
    #f1f7fc;
}

/* 2. Шапка */
.modern-platform .site-header {
  background: rgba(248, 252, 255, .72) !important;
  border-bottom: 1px solid rgba(165, 205, 232, .45) !important;
  box-shadow: 0 4px 18px rgba(35, 85, 125, .045) !important;
}

.modern-platform .main-nav a {
  border: 1px solid transparent;
  border-radius: 12px !important;
  transition: background .2s, border-color .2s;
}

.modern-platform .main-nav a:hover {
  background: rgba(215, 235, 249, .7) !important;
  border-color: rgba(155, 200, 230, .4);
}

/* 3. Поисковая карточка */
.modern-platform .search-card {
  background: rgba(255, 255, 255, .55) !important;
  border: 1px solid rgba(160, 205, 235, .65) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .95),
    0 12px 34px rgba(35, 85, 125, .085) !important;
}

/* 4. Вкладки поиска */
.modern-platform .search-tabs {
  background: rgba(219, 237, 249, .55) !important;
  border: 1px solid rgba(170, 210, 235, .35) !important;
  border-radius: 15px !important;
  padding: 6px !important;
  gap: 6px !important;
}

.modern-platform .search-tab {
  border-radius: 10px !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.modern-platform .search-tab::before,
.modern-platform .search-tab::after {
  content: none !important;
  display: none !important;
}

.modern-platform .search-tab.active {
  background: var(--pp-primary) !important;
  border-color: var(--pp-primary) !important;
  color: white !important;
  box-shadow: 0 3px 10px rgba(24, 121, 189, .16) !important;
}

/* 5. Поля поиска */
.modern-platform .search-form input:not([type="checkbox"]),
.modern-platform .search-form select {
  min-height: 48px;
  background: rgba(255, 255, 255, .9) !important;
  border: 1px solid #bfdced !important;
  border-radius: 12px !important;
}

.modern-platform .search-form input:focus,
.modern-platform .search-form select:focus {
  border-color: #5aa9d8 !important;
  box-shadow: 0 0 0 4px rgba(76, 157, 202, .12) !important;
}

/* 6. Основные кнопки */
.modern-platform .primary-button {
  background: var(--pp-primary) !important;
  border: 1px solid var(--pp-primary) !important;
  border-radius: 12px !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(24, 121, 189, .12) !important;
}

.modern-platform .primary-button:hover:not(:disabled) {
  background: var(--pp-primary-hover) !important;
  border-color: var(--pp-primary-hover) !important;
}

/* 7. Информационные карточки */
.modern-platform .business-card {
  background: rgba(255, 255, 255, .65) !important;
  border: 1px solid var(--pp-glass-line) !important;
  border-radius: 19px !important;
  box-shadow: var(--pp-soft-shadow) !important;
}

.modern-platform .business-card:hover {
  background: rgba(218, 237, 249, .76) !important;
  border-color: #8abbdc !important;
  box-shadow: 0 10px 28px rgba(35, 85, 125, .12) !important;
}

/* 8. Материалы и новости */
.modern-platform .news-card,
.modern-platform .material-card,
.modern-platform .article-card {
  background: rgba(255, 255, 255, .66) !important;
  border: 1px solid var(--pp-glass-line) !important;
  border-radius: 19px !important;
  box-shadow: var(--pp-soft-shadow) !important;
  backdrop-filter: blur(22px) saturate(155%);
  -webkit-backdrop-filter: blur(22px) saturate(155%);
  transition: background .2s, box-shadow .2s;
}

.modern-platform .news-card:hover,
.modern-platform .material-card:hover,
.modern-platform .article-card:hover {
  background: rgba(218, 237, 249, .76) !important;
  box-shadow: 0 10px 28px rgba(35, 85, 125, .12) !important;
}

/* 9. Контакты */
.modern-platform .business-card a[href^="tel:"],
.modern-platform .business-card a[href^="mailto:"] {
  display: inline-block;
  margin: 4px 12px 4px 0;
  overflow-wrap: anywhere;
}

/* 10. Мобильная версия */
@media (max-width: 650px) {
  .modern-platform .search-tabs {
    padding: 4px !important;
    gap: 3px !important;
  }

  .modern-platform .search-tab {
    border-radius: 9px !important;
  }

  .modern-platform .business-card,
  .modern-platform .search-card {
    border-radius: 16px !important;
  }
}


/* ===== PARTPRICE GLASS 2.2 — UI POLISH ===== */

/* Навигация: правильные размеры и отступы */
.modern-platform .main-nav {
  display: flex;
  align-items: center;
  gap: 10px;
}

.modern-platform .main-nav a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px !important;
  line-height: 1.25 !important;
  white-space: nowrap;
  border-radius: 12px !important;
  box-sizing: border-box;
  border: 1px solid transparent !important;
  text-decoration: none !important;
}

.modern-platform .main-nav a:hover {
  background: rgba(205, 231, 248, .65) !important;
  border-color: rgba(125, 184, 221, .45) !important;
}

.modern-platform .main-nav a.active,
.modern-platform .main-nav a[aria-current="page"] {
  background: rgba(225, 242, 252, .78) !important;
  border: 1px solid rgba(85, 161, 211, .55) !important;
  color: #1879bd !important;
}

/* Убираем старое подчёркивание активной ссылки */
.modern-platform .main-nav a::before,
.modern-platform .main-nav a::after {
  content: none !important;
  display: none !important;
}

/* Поиск: ссылки не должны сливаться */
.modern-platform .search-form a,
.modern-platform .search-card a {
  text-underline-offset: 3px;
}

.modern-platform .search-form .text-link,
.modern-platform .search-card .text-link {
  display: inline-flex;
  align-items: center;
  margin-right: 14px;
  line-height: 1.6;
}

/* Карточки материалов: мягкое стекло */
.modern-platform .news-card,
.modern-platform .material-card,
.modern-platform .article-card {
  background: rgba(255, 255, 255, .62) !important;
  border: 1px solid rgba(157, 203, 231, .52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    0 7px 24px rgba(35, 85, 125, .07) !important;
}

.modern-platform .news-card:hover,
.modern-platform .material-card:hover,
.modern-platform .article-card:hover {
  background: rgba(226, 242, 252, .72) !important;
  border-color: rgba(105, 173, 215, .65) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 10px 28px rgba(35, 85, 125, .11) !important;
}

/* Поля и кнопки: одинаковая высота и фокус */
.modern-platform .search-form input:not([type="checkbox"]),
.modern-platform .search-form select {
  min-height: 48px;
  box-sizing: border-box;
}

.modern-platform button:focus-visible,
.modern-platform a:focus-visible {
  outline: 3px solid rgba(24, 121, 189, .35);
  outline-offset: 3px;
}

/* Мобильная навигация: сохраняем существующую логику меню */
@media (max-width: 900px) {
  .modern-platform .main-nav {
    gap: 6px;
  }

  .modern-platform .main-nav a {
    white-space: normal;
    min-height: 40px;
  }
}


/* ===== PARTPRICE GLASS 2.3 — SEARCH ALIGNMENT ===== */

/* Компактная карточка поиска */
.modern-platform .search-card {
  width: 100% !important;
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* Три равные вкладки */
.modern-platform .search-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 6px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Точное центрирование каждой вкладки */
.modern-platform .search-tab {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 12px 8px !important;
  text-align: center !important;
  line-height: 1.3 !important;
  box-sizing: border-box !important;
}

/* Основная кнопка поиска */
.modern-platform .search-form .primary-button {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 54px !important;
  padding: 14px 48px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* Стрелка справа, не влияет на центрирование текста */
.modern-platform .search-form .primary-button .arrow-icon,
.modern-platform .search-form .primary-button .icon-arrow {
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
}

/* Мобильная версия */
@media (max-width: 650px) {
  .modern-platform .search-card {
    max-width: 100% !important;
  }

  .modern-platform .search-tab {
    padding: 11px 4px !important;
    font-size: clamp(12px, 3.2vw, 15px) !important;
  }
}


/* PARTPRICE GLASS — FIX CARD HOVER BORDERS */

.modern-platform .news-card,
.modern-platform .material-card,
.modern-platform .article-card {
  transform: none !important;
  box-sizing: border-box;
  position: relative;
  border: 1px solid rgba(157,203,231,.65) !important;
  transition:
    background-color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease !important;
}

.modern-platform .news-card:hover,
.modern-platform .material-card:hover,
.modern-platform .article-card:hover {
  transform: none !important;
  background: rgba(218,237,249,.78) !important;
  border: 1px solid #85bde0 !important;
  box-shadow: 0 6px 20px rgba(35,85,125,.10) !important;
}



/* PARTPRICE GLASS — RESTORE STICKY SEARCH */

/* Плавающая панель поиска */
.modern-platform .sticky-search-dock {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;

  background: rgba(245,250,255,.86) !important;
  backdrop-filter: blur(24px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(160%) !important;

  border-bottom: 1px solid rgba(155,200,230,.55) !important;
  box-shadow: 0 6px 22px rgba(35,85,125,.09) !important;
}

/* Внутренний контейнер */
.modern-platform .sticky-search-inner {
  max-width: 1440px;
  margin: 0 auto;
}

/* Скрытое состояние сохраняем */
.modern-platform .sticky-search-dock.is-hidden,
.modern-platform .sticky-search-dock[hidden] {
  display: none !important;
}


/* PARTPRICE GLASS — HELP BUTTON LEFT */

.modern-platform .help-widget,
.modern-platform .help-button,
.modern-platform .floating-help,
.modern-platform .help-float {
  right: auto !important;
  left: 24px !important;
  bottom: 24px !important;
}

/* Мобильная версия */
@media (max-width: 650px) {
  .modern-platform .help-widget,
  .modern-platform .help-button,
  .modern-platform .floating-help,
  .modern-platform .help-float {
    left: 12px !important;
    bottom: 12px !important;
  }
}


/* === FIX: корзина и кнопка помощи === */

/* Кнопка помощи — слева внизу */
.modern-platform .chat-widget {
  left: 24px !important;
  right: auto !important;
}

/* Корзина открыта — помощь не перекрывает оформление заказа */
.modern-platform:has(.cart-drawer.open) .chat-widget {
  visibility: hidden !important;
}

/* Полупрозрачное затемнение: сайт остаётся видимым */
.modern-platform .cart-drawer .drawer-scrim {
  background: rgba(17, 38, 58, 0.24) !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}

/* Мобильная версия */
@media (max-width: 650px) {
  .modern-platform .chat-widget {
    left: 12px !important;
    right: auto !important;
  }
}


/* === FIX: положение поиска и отображение корзины === */

/* Шапка всегда выше строки быстрого поиска */
.modern-platform .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 110 !important;
}

/* Быстрый поиск непосредственно под шапкой */
.modern-platform .sticky-search-dock {
  position: sticky !important;
  top: 90px !important;
  z-index: 100 !important;
}

/* Убираем серое затемнение при открытии корзины */
.modern-platform .cart-drawer .drawer-scrim {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Корзина остаётся поверх сайта */
.modern-platform .cart-drawer.open {
  z-index: 200 !important;
}

/* На мобильных устройствах */
@media (max-width: 650px) {
  .modern-platform .sticky-search-dock {
    top: 70px !important;
  }
}


/* FIX: шапка и быстрый поиск без зазора */
.modern-platform .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 110 !important;
}

.modern-platform .sticky-search-dock {
  position: sticky !important;
  top: var(--header-height, 90px) !important;
  z-index: 100 !important;
  margin-top: 0 !important;
}

/* FIX: полупрозрачный фон при открытии корзины */
.modern-platform .cart-drawer .drawer-scrim {
  background: rgba(20, 45, 65, 0.12) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

/* FIX: кнопка помощи не перекрывает корзину */
.modern-platform:has(.cart-drawer.open) .chat-widget {
  visibility: hidden !important;
}

@media (max-width: 650px) {
  .modern-platform .sticky-search-dock {
    top: 62px !important;
  }
}

/* CART: прозрачный фон и мягкое размытие сайта */
.modern-platform .cart-drawer {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
}

.modern-platform .cart-drawer .drawer-scrim {
  background: rgba(35, 65, 95, 0.14) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

.modern-platform .cart-drawer .drawer-panel {
  background: rgba(249, 252, 255, 0.96) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}

/* PARTPRICE NEWS — TEXT GLOW FIX */
.modern-platform .news-card,
.modern-platform .news-card:hover {
  text-shadow: none !important;
}

.modern-platform .news-card :is(h3, p, .news-body > span),
.modern-platform .news-card:hover :is(h3, p, .news-body > span) {
  text-shadow: none !important;
}

.modern-platform .news-card .news-body b {
  text-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .modern-platform .news-card:hover .news-body b {
    text-shadow:
      0 0 5px rgba(19, 128, 207, .55),
      0 0 12px rgba(19, 128, 207, .30) !important;
  }
}

/* mobile-fixes.css */
/* PartPrice — mobile layout fixes */
@media (max-width: 850px) {
  .modern-platform .site-header {
    height: 62px !important;
    min-height: 62px;
    padding: 0 14px !important;
    gap: 8px;
    box-sizing: border-box;
  }

  .modern-platform .brand {
    flex: 0 1 auto;
    min-width: 0;
  }

  .modern-platform .brand-logo {
    display: block;
    width: clamp(115px, 35vw, 142px);
    max-width: 100%;
    height: auto;
  }

  .modern-platform .header-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    margin-left: auto;
  }

  .modern-platform .header-actions > :not(#favoritesOpen):not(#menuToggle):not(#ownerCrmLink) {
    display: none !important;
  }

  .modern-platform #favoritesOpen,
  .modern-platform #menuToggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    padding: 0 !important;
    box-sizing: border-box;
  }

  .modern-platform #favoritesOpen span {
    display: none;
  }

  .modern-platform .main-nav {
    display: none !important;
  }

  .modern-platform .main-nav.mobile-open {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 6px;
    padding: 12px 14px;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #dce8f0;
    box-shadow: 0 12px 24px rgba(20, 50, 75, .12);
    z-index: 120;
  }

  .modern-platform .main-nav.mobile-open a {
    width: 100%;
    min-height: 44px;
    white-space: normal;
    overflow-wrap: anywhere;
    justify-content: flex-start;
  }

  .modern-platform .sticky-search-dock.is-visible {
    top: 62px !important;
  }

  .modern-platform .mobile-bottom-nav {
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
  }

  .modern-platform .mobile-bottom-nav button {
    min-width: 0;
  }

  .modern-platform .mobile-bottom-nav svg {
    display: block;
    width: 23px !important;
    height: 23px !important;
    flex: 0 0 23px;
  }

  .modern-platform .mobile-bottom-nav button span {
    overflow-wrap: normal;
    white-space: nowrap;
  }
}

@media (max-width: 360px) {
  .modern-platform .site-header {
    padding: 0 10px !important;
  }

  .modern-platform .header-actions {
    gap: 5px;
  }
}

/* Compact owner CRM button in mobile header */
@media (max-width: 850px) {
  .modern-platform .header-actions > #ownerCrmLink:not(.is-hidden) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    padding: 0 !important;
    box-sizing: border-box;
    font-size: 11px !important;
    font-weight: 800;
    border-radius: 10px;
    white-space: nowrap;
    background: #1879bd !important;
    border: 1px solid #1879bd !important;
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
  }

  .modern-platform #ownerCrmLink .arrow-icon {
    display: none;
  }
}

@media (max-width: 360px) {
  .modern-platform .header-actions > #ownerCrmLink:not(.is-hidden) {
    flex-basis: 38px;
    width: 38px;
    min-width: 38px;
    height: 40px;
    min-height: 40px;
  }
}

/* Mobile: prevent order status badges from overflowing */
@media (max-width: 850px) {
  .modern-platform .cabinet-order-item > .cabinet-order-status.order-status-tone {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal !important;
    overflow-wrap: anywhere;
    text-align: center;
    justify-content: center;
    line-height: 1.3;
  }
}

/* Mobile bottom navigation: consistent icons and spacing */
@media (max-width: 850px) {
  .mobile-bottom-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch;
    gap: 2px;
    padding: 6px 6px calc(6px + env(safe-area-inset-bottom));
  }

  .mobile-bottom-nav button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    min-height: 54px;
    padding: 5px 1px;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
  }

  .mobile-bottom-nav button svg {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px;
    max-width: 23px;
    min-height: 23px;
    max-height: 23px;
    flex-shrink: 0;
  }

  .mobile-bottom-nav button span {
    display: block;
    max-width: 100%;
    font-size: 10px;
    line-height: 1.2;
    white-space: nowrap;
  }
}

@media (max-width: 360px) {
  .mobile-bottom-nav button span {
    font-size: 9px;
  }
}

/* Mobile: compact search form without changing functionality */
@media (max-width: 850px) {
  .modern-platform .search-card {
    padding: 16px !important;
  }

  .modern-platform .search-card-top {
    margin-bottom: 8px;
    gap: 8px;
  }

  .modern-platform .search-tabs {
    margin-top: 8px;
    margin-bottom: 12px;
    gap: 4px !important;
  }

  .modern-platform .search-tab {
    padding: 10px 4px !important;
  }

  .modern-platform .search-form {
    padding-top: 10px;
    padding-bottom: 4px;
    margin-bottom: 0;
  }

  .modern-platform .search-form label {
    margin-bottom: 10px;
  }

  .modern-platform .search-form input:not([type="checkbox"]),
  .modern-platform .search-form select {
    min-height: 48px;
    font-size: 16px;
  }

  .modern-platform .search-form .primary-button {
    min-height: 52px !important;
  }
}

/* Mobile: recent articles heading */
@media (max-width: 850px) {
  .modern-platform .manufacturer-news .section-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px 16px;
    margin-bottom: 18px;
  }

  .modern-platform .manufacturer-news .section-heading h2 {
    min-width: 0;
    margin: 0;
    font-size: clamp(21px, 5.5vw, 25px);
    line-height: 1.2;
    overflow-wrap: break-word;
  }

  .modern-platform .manufacturer-news .section-heading .text-link {
    flex: 0 0 auto;
    font-size: 13px;
    white-space: nowrap;
  }
}

@media (max-width: 380px) {
  .modern-platform .manufacturer-news .section-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}

/* Mobile: account and cabinet tabs */
@media (max-width: 850px) {
  .account-tabs,
  .cabinet-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 5px;
    max-width: 100%;
    box-sizing: border-box;
  }

  .account-tabs button,
  .cabinet-tabs button {
    flex: 1 1 100px;
    min-width: 0;
    min-height: 42px;
    padding: 9px 7px;
    font-size: 12px;
    line-height: 1.3;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
  }

  /* Order item layout */
  .cabinet-order-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .cabinet-order-item > .cabinet-order-item-name,
  .cabinet-order-item > small {
    grid-column: 1;
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.4;
  }

  .cabinet-order-item-prices {
    grid-column: 1;
    grid-row: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    min-width: 0;
  }

  .cabinet-order-item > .cabinet-order-status.order-status-tone {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
    max-width: 100%;
    width: fit-content;
    white-space: normal !important;
    overflow-wrap: anywhere;
    text-align: center;
  }
}

/* Mobile typography and navigation refinements */
@media (max-width: 850px) {
  .modern-platform .hero h1 {
    font-size: clamp(28px, 7.5vw, 40px) !important;
    letter-spacing: -1.5px !important;
    line-height: 1.12;
  }

  .modern-platform .hero h1 em {
    display: inline-block;
    white-space: nowrap;
    font-size: 0.95em;
    letter-spacing: -1.4px !important;
  }

  .modern-platform .search-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1.22fr 1fr;
    gap: 3px !important;
  }

  .modern-platform .search-tab {
    min-width: 0;
    padding: 10px 1px !important;
    font-size: clamp(9px, 2.65vw, 12px) !important;
    letter-spacing: -0.25px;
    white-space: nowrap !important;
    text-align: center;
  }
}

@media (max-width: 360px) {
  .modern-platform .hero h1 {
    font-size: 27px !important;
  }

  .modern-platform .hero h1 em {
    font-size: 0.94em;
  }
}


/* Mobile modal stacking and iOS Safari fix */
@media (max-width: 850px) {
  .modern-platform .modal {
    z-index: 1000 !important;
    height: 100dvh;
    max-height: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .modern-platform .modal-card {
    min-width: 0;
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .modern-platform .account-modal {
    padding: 12px;
  }
}


/* PartPrice mobile quote cards — layout v1 */
@media (max-width: 850px) {

  .modern-platform .live-results-table,
  .modern-platform .live-results-table tbody {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .modern-platform .live-results-table tbody tr.quote-redesigned-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    align-items: start;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row > td {
    min-width: 0;
    width: auto;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    text-align: left;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-brand {
    display: flex !important;
    grid-column: 1;
    grid-row: 1;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-brand > div {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start !important;
    gap: 3px;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-description {
    display: flex !important;
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-description span,
  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-warehouse strong,
  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-availability,
  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-delivery .delivery-status,
  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-delivery .delivery-status span {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-price {
    display: flex;
    grid-column: 2;
    grid-row: 1;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-price .quote-price-wrap {
    justify-content: flex-end !important;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-availability {
    grid-column: 1;
    grid-row: 3;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-delivery {
    grid-column: 2;
    grid-row: 3;
    justify-content: flex-end;
    text-align: right;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-warehouse {
    grid-column: 1 / -1;
    grid-row: 4;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-action {
    display: flex;
    grid-column: 1 / -1;
    grid-row: 5;
    align-self: auto;
    justify-content: flex-start;
    height: auto;
    min-height: 0;
    margin-top: 6px;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-action .quote-purchase-controls {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px;
    width: 100%;
    white-space: normal;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-action .quote-quantity {
    display: grid;
    grid-template-columns: 34px 34px 34px;
    grid-template-rows: 40px;
    width: 102px;
    min-width: 102px;
    height: 40px;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-action .add-button {
    position: static;
    inset: auto;
    width: 42px;
    height: 40px;
    min-width: 42px;
  }

  .modern-platform .live-results-table tr.quote-redesigned-row td.quote-action .quote-compare-button {
    order: 3;
    min-height: 40px;
    font-size: 12px;
  }
}


/* PartPrice cart remove icon — desktop and mobile */
.modern-platform .cart-remove-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  min-width: 42px;
  padding: 8px;
  border: 0 !important;
  border-radius: 8px;
  background: transparent !important;
  box-shadow: none !important;
  color: #9ba5ae;
  cursor: pointer;
}

.modern-platform .cart-remove-icon svg {
  display: block;
  width: 24px;
  height: 24px;
  stroke: currentColor;
  transition: stroke 180ms ease;
}

.modern-platform .cart-remove-icon:hover {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #dc3545 !important;
}

.modern-platform .cart-remove-icon:focus-visible {
  outline: 2px solid #0879be;
  outline-offset: 2px;
}

.modern-platform .cart-remove-icon:hover svg {
  stroke: #dc3545 !important;
}


/* PartPrice recent search arrow alignment */
@media (max-width: 850px) {
  .modern-platform .recent-search-copy .recent-search-repeat {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 5px;
    max-width: 100%;
    white-space: nowrap;
    font-size: 11px;
  }

  .modern-platform .recent-search-copy .recent-search-repeat b {
    display: inline-block;
    flex: 0 0 auto;
    margin-left: 0;
    font-size: 14px;
    line-height: 1;
  }
}

/* Quote typography: compact body, distinct headers and prices. */
.modern-platform .live-results-table,
.modern-platform .live-results-table th,
.modern-platform .live-results-table td,
.modern-platform .live-results-table button,
.modern-platform .live-results-table output {
  font-family: 'Manrope', sans-serif !important;
}
.modern-platform .live-results-table tbody tr.quote-redesigned-row > td,
.modern-platform .live-results-table tbody tr.quote-redesigned-row > td :is(strong, small, span, p, button, output) {
  font-size: 13px !important;
  line-height: 1.45 !important;
}
.modern-platform .live-results-table thead th,
.modern-platform .live-results-table thead th button,
.modern-platform .live-results-table thead th button span {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}
.modern-platform .live-results-table tbody tr.quote-redesigned-row > td.quote-price summary,
.modern-platform .live-results-table tbody tr.quote-redesigned-row > td.quote-price summary * {
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
@media (min-width: 851px) {
  .modern-platform .live-results-table {
    table-layout: auto;
  }
  .modern-platform .live-results-table thead th:nth-child(n),
  .modern-platform .live-results-table tbody td {
    width: auto;
  }
  .modern-platform .live-results-table thead th:first-child,
  .modern-platform .live-results-table tbody td.quote-brand,
  .modern-platform .live-results-table thead th:last-child,
  .modern-platform .live-results-table tbody td.quote-action {
    width: 1%;
    white-space: nowrap;
  }
  .modern-platform .live-results-table td.quote-brand > div {
    flex-wrap: nowrap;
  }
  .modern-platform .live-results-table td.quote-brand :is(strong, small, button),
  .modern-platform .live-results-table td.quote-warehouse strong {
    white-space: nowrap;
    max-width: none;
  }
}

/* Stack brand above article so long brand names stay readable. */
.modern-platform .live-results-table td.quote-brand > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 3px !important;
  min-width: 0;
  white-space: normal !important;
}
.modern-platform .live-results-table td.quote-brand strong,
.modern-platform .live-results-table td.quote-brand small,
.modern-platform .live-results-table td.quote-brand .article-link {
  display: block !important;
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-align: left !important;
}
@media (min-width: 851px) {
  .modern-platform .live-results-table {
    table-layout: fixed !important;
    box-sizing: border-box;
    max-width: 100%;
  }
  .modern-platform .live-results-table th,
  .modern-platform .live-results-table td {
    box-sizing: border-box;
  }
  .modern-platform .live-results-table th:nth-child(1),
  .modern-platform .live-results-table td:nth-child(1) { width: 14% !important; }
  .modern-platform .live-results-table th:nth-child(2),
  .modern-platform .live-results-table td:nth-child(2) { width: 27% !important; }
  .modern-platform .live-results-table th:nth-child(3),
  .modern-platform .live-results-table td:nth-child(3) { width: 8% !important; }
  .modern-platform .live-results-table th:nth-child(4),
  .modern-platform .live-results-table td:nth-child(4) { width: 11% !important; }
  .modern-platform .live-results-table th:nth-child(5),
  .modern-platform .live-results-table td:nth-child(5) { width: 8% !important; }
  .modern-platform .live-results-table th:nth-child(6),
  .modern-platform .live-results-table td:nth-child(6) { width: 14% !important; }
  .modern-platform .live-results-table th:nth-child(7),
  .modern-platform .live-results-table td:nth-child(7) { width: 18% !important; }
  .modern-platform .live-results-table td.quote-action {
    padding-left: 6px !important;
    padding-right: 10px !important;
  }
}


/* One-tap clear control beside the article search history icon. */
.modern-platform .article-history-field #partQuery {
  padding-right: 96px !important;
}
.modern-platform .article-history-field .article-search-clear {
  position: absolute;
  z-index: 2;
  right: 52px;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #eaf2f8;
  color: #58738a;
  font: 500 22px/1 'Manrope', sans-serif;
  cursor: pointer;
}
.modern-platform .article-history-field .article-search-clear:hover {
  background: #dcebf5;
  color: #0879be;
}
.modern-platform .article-history-field .article-search-clear[hidden] {
  display: none !important;
}


/* Product image control and group title layout. */
.modern-platform .quote-group-head > .quote-group-title {
  flex: 1 1 auto;
  min-width: 0;
}
.modern-platform .quote-group-head .quote-group-title h3 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 12px;
  margin: 0;
}
.modern-platform .quote-group-title h3 > strong,
.modern-platform .quote-group-title h3 > small {
  flex: 0 0 auto;
}
.modern-platform .quote-group-title h3 > small { margin: 0 !important; }
.modern-platform .quote-group-description {
  flex: 0 1 auto;
  min-width: 150px;
  color: var(--muted, #718a9a);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}
.modern-platform .quote-group-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  margin-left: auto;
}
.modern-platform .quote-group-actions .detail-favorite { margin-left: 0; }
.modern-platform .quote-product-image-button {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0;
  border: 1px solid #c9dce9;
  border-radius: 9px;
  background: #fff;
  color: #1680c7;
  cursor: pointer;
}
.modern-platform .quote-product-image-button:hover { background: #eef7fc; border-color: #9bc9e5; }
.modern-platform .quote-product-image-button svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.quote-product-image-dialog {
  position: fixed;
  width: min(760px, calc(100vw - 32px));
  max-width: min(760px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 48px 20px 20px;
  border: 1px solid #d8e6f0;
  border-radius: 16px;
  background: #fff;
  color: #17334d;
  box-shadow: 0 20px 70px #17334d30;
}
.quote-product-image-dialog::backdrop { background: #132b4080; }
.quote-product-image-dialog img { display: block; width: 100%; max-height: calc(100dvh - 110px); object-fit: contain; }
.quote-product-image-dialog img[hidden],
.quote-product-image-dialog .quote-product-image-empty[hidden] { display: none; }
.quote-product-image-dialog .quote-product-image-empty { margin: 0; padding: 32px 12px; color: #718a9a; text-align: center; }
.quote-product-image-close {
  position: absolute; top: 8px; right: 8px; display: grid; place-items: center;
  width: 38px; height: 38px; border: 0; border-radius: 50%; background: #eef4f8;
  color: #274b65; font-size: 25px; cursor: pointer;
}
@media (max-width: 850px) {
  .modern-platform .quote-group-head { align-items: flex-start; }
  .modern-platform .quote-group-head > .quote-group-title { flex-basis: 100%; }
  .modern-platform .quote-group-actions { margin-left: 0; }
  .modern-platform .quote-group-description { min-width: 0; }
}


/* Center brand and article as a stacked pair in the quote table. */
.modern-platform .live-results-table tbody td.quote-brand {
  text-align: center !important;
}
.modern-platform .live-results-table tbody td.quote-brand > div {
  align-items: center !important;
  text-align: center !important;
}


/* Compact, functional comparison control with a balance-scale icon. */
.modern-platform .live-results-table .quote-compare-button.compare-choice {
  display: inline-grid !important;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #c9dce9;
  border-radius: 9px;
  background: #fff;
  color: #1680c7;
  cursor: pointer;
  box-shadow: none;
}
.modern-platform .live-results-table .quote-compare-button.compare-choice:hover,
.modern-platform .live-results-table .quote-compare-button.compare-choice[aria-pressed="true"] {
  border-color: #8dbfdd;
  background: #eaf5fc;
  color: #0872b5;
}
.modern-platform .live-results-table .quote-compare-button.compare-choice svg {
  display: block;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 850px) {
  .modern-platform .live-results-table .quote-compare-button.compare-choice {
    order: 0 !important;
    width: 38px;
    min-width: 38px;
    height: 38px;
  }
}

/* Keep the floating chat panel and its composer inside the iOS visual viewport. */
@media (max-width: 600px) {
  .modern-platform .chat-widget {
    position: fixed !important;
    bottom: calc(74px + env(safe-area-inset-bottom)) !important;
  }
  .modern-platform .chat-panel {
    height: min(570px, calc(var(--mobile-visible-height, 100dvh) - 100px)) !important;
    max-height: calc(var(--mobile-visible-height, 100dvh) - 100px) !important;
    grid-template-rows: auto minmax(0, 1fr) minmax(0, auto) !important;
  }
  .modern-platform .chat-panel > form {
    display: flex !important;
    min-height: 0 !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
  .modern-platform .chat-compose {
    position: sticky;
    z-index: 1;
    bottom: 0;
    flex: 0 0 auto;
    margin-top: auto;
    background: #fff;
  }
  body.chat-keyboard-open .modern-platform .chat-widget {
    bottom: calc(var(--mobile-keyboard-offset, 0px) + 12px) !important;
  }
  body.chat-keyboard-open .modern-platform .chat-panel {
    height: min(570px, calc(var(--mobile-visible-height, 100dvh) - 24px)) !important;
    max-height: calc(var(--mobile-visible-height, 100dvh) - 24px) !important;
  }
  body.chat-keyboard-open .modern-platform .chat-shortcuts,
  body.chat-keyboard-open .modern-platform .chat-mode-note {
    display: none !important;
  }
}

.modern-platform .chat-compose button svg {
  display: block;
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.modern-platform .chat-compose button {
  display: grid;
  place-items: center;
  padding: 0;
  line-height: 0;
}


/* One paper-plane glyph shared by every public action that starts a message. */
.modern-platform {
  --pp-send-plane-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21.5 2.5 14.7 21a1 1 0 0 1-1.9-.04l-2.5-7.3-7.3-2.5a1 1 0 0 1-.04-1.9L21.5 2.5Zm-10.7 11.2 4.6-4.6'/%3E%3C/svg%3E");
}
.modern-platform :is(.message-submit-button,.message-action-button,.message-action-link) {
  position: relative;
  padding-right: 48px;
}
.modern-platform .message-submit-button {
  display: flex;
  align-items: center;
  justify-content: center !important;
  gap: 12px;
}
.modern-platform .message-submit-button > span { display: none; }
.modern-platform :is(.message-submit-button,.message-action-button,.message-action-link)::after,
.modern-platform .chat-compose .message-icon-button::after,
.modern-platform .message-action-shortcut::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 20px;
  height: 20px;
  background: currentColor;
  -webkit-mask: var(--pp-send-plane-mask) center / contain no-repeat;
  mask: var(--pp-send-plane-mask) center / contain no-repeat;
  transform: translateY(-50%);
  pointer-events: none;
}
.modern-platform .message-action-button { display: inline-flex; align-items: center; justify-content: center; }
.modern-platform .message-action-link { display: inline-flex; align-items: center; justify-content: center; }
.modern-platform .chat-panel .chat-shortcuts .message-action-shortcut { 
  position: relative;
  padding-right: 31px;
}
.modern-platform .chat-panel .chat-shortcuts .message-action-shortcut::after { right: 9px; width: 14px; height: 14px; }
.modern-platform .chat-compose .message-icon-button {
  position: relative;
  display: grid;
  place-items: center;
  padding: 0;
  line-height: 0;
}
.modern-platform .chat-compose .message-icon-button > span { display: none; }
.modern-platform .chat-compose .message-icon-button::after {
  top: 50%;
  right: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* client-work-buttons.css */
/* Consistent, high-contrast controls for the customer-work submenus. */
body.modern-platform .account-modal .cabinet-tabs {
  border-radius: 24px !important;
}

body.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle,
body.modern-platform .account-modal .cabinet-client-work-menu > button,
body.modern-crm #crmClientWorkMenu > button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 180px !important;
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 9px 14px !important;
  border: 1px solid #cfe4f1 !important;
  border-radius: 999px !important;
  background: #f6fbff !important;
  background-image: none !important;
  color: #315f7c !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-shadow: none !important;
  box-shadow: 0 3px 10px rgba(34, 87, 121, .09), inset 0 1px #fff !important;
  transform: none !important;
}

body.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle:hover,
body.modern-platform .account-modal .cabinet-client-work-menu > button:hover,
body.modern-crm #crmClientWorkMenu > button:hover {
  border-color: #9ccce6 !important;
  background: #eaf6fd !important;
  background-image: none !important;
  color: #176da5 !important;
  text-shadow: none !important;
  box-shadow: 0 5px 14px rgba(34, 87, 121, .13), inset 0 1px #fff !important;
}

body.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle.active,
body.modern-platform .account-modal .cabinet-client-work-menu > button.active,
body.modern-crm #crmClientWorkToggle.active,
body.modern-crm #crmClientWorkMenu > button.active {
  border-color: #12649e !important;
  background: #1879bd !important;
  background-image: none !important;
  color: #fff !important;
  text-shadow: none !important;
  box-shadow: 0 4px 12px rgba(24, 121, 189, .22), inset 0 1px rgba(255,255,255,.2) !important;
}

body.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle.active:hover,
body.modern-platform .account-modal .cabinet-client-work-menu > button.active:hover,
body.modern-crm #crmClientWorkToggle.active:hover,
body.modern-crm #crmClientWorkMenu > button.active:hover {
  border-color: #0e568b !important;
  background: #12649e !important;
  background-image: none !important;
  color: #fff !important;
  text-shadow: none !important;
}

body.modern-platform .cabinet-client-work-menu,
body.modern-crm .crm-client-work-menu {
  border-radius: 24px !important;
}

/* Cabinet rows share one type scale and one rounded blue surface. */
body.modern-platform .account-modal .cabinet-tabs {
  align-items: center !important;
  min-height: 66px !important;
  padding: 8px !important;
  background: #e9f3fa !important;
  border-radius: 999px !important;
}
body.modern-platform .account-modal .cabinet-tabs > button,
body.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle,
body.modern-platform .account-modal .cabinet-client-work-menu > button {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
}
body.modern-platform .account-modal .cabinet-client-work-menu {
  justify-content: center !important;
  min-height: 66px !important;
  padding: 8px 14px !important;
  background: #e9f3fa !important;
  border: 1px solid #d6e8f3 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

body.modern-platform .cabinet-client-work-menu[hidden],
body.modern-crm .crm-client-work-menu[hidden] {
  display: none !important;
}

@media (max-width: 600px) {
  body.modern-platform .account-modal .cabinet-tabs { min-height: 64px !important; padding: 7px !important; }
  body.modern-platform .account-modal .cabinet-client-work-menu { min-height: 64px !important; padding: 7px 10px !important; }
  body.modern-platform .account-modal .cabinet-client-work-menu > button,
  body.modern-crm #crmClientWorkMenu > button {
    flex-basis: 180px !important;
  }
}

/* Customer cabinet tabs: equal tiles, compact type and a consistent active state. */
body.modern-platform .account-modal .cabinet-tabs {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 6px !important;
  min-height: 58px !important;
  padding: 7px !important;
  border-radius: 999px !important;
  background: #e9f3fa !important;
}

body.modern-platform .account-modal .cabinet-tabs > button,
body.modern-platform .account-modal .cabinet-client-work-menu > button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: initial !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 5px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  white-space: normal !important;
  text-shadow: none !important;
  justify-self: stretch !important;
}

body.modern-platform .account-modal .cabinet-client-work-menu {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 58px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #e9f3fa !important;
}
body.modern-platform .account-modal .cabinet-client-work-menu[hidden] {
  display: none !important;
}
body.modern-platform .account-modal .cabinet-client-work-menu > button:nth-child(1) { grid-column: 2 !important; }
body.modern-platform .account-modal .cabinet-client-work-menu > button:nth-child(2) { grid-column: 3 !important; }
body.modern-platform .account-modal .cabinet-client-work-menu > button:nth-child(3) { grid-column: 4 !important; }

body.modern-platform .account-modal .cabinet-tabs > button.active,
body.modern-platform .account-modal .cabinet-client-work-menu > button.active,
body.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle.active {
  border: 1px solid #b8dcef !important;
  background: #fff !important;
  color: #176da5 !important;
  box-shadow: 0 3px 10px rgba(34, 87, 121, .10) !important;
  text-shadow: none !important;
}

@media (max-width: 600px) {
  body.modern-platform .account-modal .cabinet-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    min-height: 0 !important;
  }
  body.modern-platform .account-modal .cabinet-client-work-menu {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    padding: 7px !important;
    min-height: 0 !important;
  }
  body.modern-platform .account-modal .cabinet-tabs {
    position: relative !important;
    z-index: 30 !important;
  }
  body.modern-platform .account-modal .cabinet-client-work-menu:not([hidden]) {
    position: absolute !important;
    top: calc(100% + 7px) !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 40 !important;
    width: 100% !important;
    margin: 0 !important;
    box-shadow: 0 10px 26px rgba(23, 60, 88, .2) !important;
  }
  body.modern-platform .account-modal .cabinet-client-work-menu > button { grid-column: auto !important; }
  body.modern-platform .account-modal .cabinet-tabs > button,
  body.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle,
  body.modern-platform .account-modal .cabinet-client-work-menu > button {
    height: 40px !important;
    min-height: 40px !important;
    padding: 4px !important;
    font-size: 12px !important;
  }
}

/* The submenu toggle had a legacy 180px !important width; override it at equal specificity. */
body.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle {
  flex: 0 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  grid-column: auto !important;
  font-size: 12px !important;
}

@media (max-width: 600px) {
  body.modern-platform .account-modal .cabinet-client-work-menu[hidden] {
    display: none !important;
  }
}

/* Final cabinet navigation polish: both rows use matching button geometry and palette. */
body.modern-platform .account-modal .cabinet-navigation {
  position: relative !important;
  z-index: 30 !important;
  width: 100% !important;
}
body.modern-platform .account-modal .cabinet-tabs,
body.modern-platform .account-modal .cabinet-client-work-menu {
  box-sizing: border-box !important;
  width: 100% !important;
  gap: 6px !important;
  padding: 6px !important;
  border: 1px solid rgba(193, 218, 237, .84) !important;
  border-radius: 999px !important;
  background: rgba(222, 239, 250, .76) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.9) !important;
}
body.modern-platform .account-modal .cabinet-tabs {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) minmax(0, 1.45fr) minmax(0, 1fr) minmax(0, 1fr) !important;
  min-height: 58px !important;
  margin: 9px 0 8px !important;
}
body.modern-platform .account-modal .cabinet-client-work-menu {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  min-height: 58px !important;
  margin: 0 0 12px !important;
  box-shadow: none !important;
}
body.modern-platform .account-modal .cabinet-tabs > button,
body.modern-platform .account-modal .cabinet-client-work-menu > button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: initial !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 4px 5px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  background-image: none !important;
  color: #536b83 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  text-shadow: none !important;
  white-space: normal !important;
  box-shadow: none !important;
  transform: none !important;
  justify-self: stretch !important;
}
body.modern-platform .account-modal .cabinet-client-work-menu > button:nth-child(1) { grid-column: 2 !important; }
body.modern-platform .account-modal .cabinet-client-work-menu > button:nth-child(2) { grid-column: 3 !important; }
body.modern-platform .account-modal .cabinet-client-work-menu > button:nth-child(3) { grid-column: 4 !important; }
body.modern-platform .account-modal .cabinet-tabs > button {
  white-space: nowrap !important;
}
body.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle {
  gap: 6px !important;
  white-space: nowrap !important;
}
body.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-chevron {
  flex: 0 0 8px;
}
body.modern-platform .account-modal .cabinet-tabs > button:hover,
body.modern-platform .account-modal .cabinet-client-work-menu > button:hover {
  border-color: rgba(197,220,237,.7) !important;
  background: rgba(255,255,255,.72) !important;
  color: #176da5 !important;
  text-shadow: none !important;
}
body.modern-platform .account-modal .cabinet-tabs > button.active,
body.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle.active,
body.modern-platform .account-modal .cabinet-client-work-menu > button.active {
  border: 1px solid rgba(61,154,216,.36) !important;
  background: #1879bd !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(17,114,191,.18), inset 0 1px rgba(255,255,255,.22) !important;
  text-shadow: none !important;
}
body.modern-platform .account-modal .cabinet-tabs > button.active:hover,
body.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle.active:hover,
body.modern-platform .account-modal .cabinet-client-work-menu > button.active:hover {
  border-color: #12649e !important;
  background: #12649e !important;
  color: #fff !important;
}
body.modern-platform .account-modal .cabinet-client-work-menu[hidden] {
  display: none !important;
}

@media (max-width: 600px) {
  body.modern-platform .account-modal .cabinet-navigation {
    position: relative !important;
    z-index: 30 !important;
  }
  body.modern-platform .account-modal .cabinet-tabs {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) minmax(0, 1.45fr) !important;
    min-height: 0 !important;
  }
  body.modern-platform .account-modal .cabinet-client-work-menu {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 40 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    box-shadow: 0 10px 26px rgba(23, 60, 88, .2) !important;
  }
  body.modern-platform .account-modal .cabinet-client-work-menu > button:nth-child(n) {
    grid-column: auto !important;
  }
  body.modern-platform .account-modal .cabinet-tabs > button,
  body.modern-platform .account-modal .cabinet-client-work-menu > button {
    height: 40px !important;
    min-height: 40px !important;
  }
}

@media (max-width: 400px) {
  body.modern-platform .account-modal .cabinet-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.modern-platform .account-modal .cabinet-tabs .cabinet-client-work-toggle {
    grid-column: 1 / -1 !important;
  }
}

/* CRM submenus share the same pill controls and glass backing. */
body.modern-crm .crm-app #crmClientWorkMenu,
body.modern-crm .crm-app #crmReportsMenu {
  box-sizing: border-box !important;
  display: flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 0 !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 auto 12px !important;
  padding: 6px !important;
  border: 1px solid rgba(193, 218, 237, .84) !important;
  border-radius: 999px !important;
  background: rgba(222, 239, 250, .76) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.9) !important;
}
body.modern-crm .crm-app #crmClientWorkMenu[hidden],
body.modern-crm .crm-app #crmReportsMenu[hidden] {
  display: none !important;
}
body.modern-crm .crm-app #crmClientWorkMenu > button,
body.modern-crm .crm-app #crmReportsMenu > button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #536b83 !important;
  font: 700 12px/1.2 'DM Sans', sans-serif !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body.modern-crm .crm-app #crmClientWorkMenu > button:hover:not(.active),
body.modern-crm .crm-app #crmReportsMenu > button:hover:not(.active) {
  border-color: rgba(197,220,237,.7) !important;
  background: rgba(255,255,255,.72) !important;
  color: #176da5 !important;
}
body.modern-crm .crm-app #crmClientWorkMenu > button.active,
body.modern-crm .crm-app #crmReportsMenu > button.active {
  border-color: rgba(61,154,216,.36) !important;
  background: #1879bd !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(17,114,191,.18), inset 0 1px rgba(255,255,255,.22) !important;
}
body.modern-crm .crm-app #crmClientWorkMenu > button.active:hover,
body.modern-crm .crm-app #crmReportsMenu > button.active:hover {
  border-color: #12649e !important;
  background: #12649e !important;
  color: #fff !important;
}
@media (max-width: 680px) {
  body.modern-crm .crm-app #crmClientWorkMenu {
    gap: 6px !important;
    padding: 6px !important;
  }
  body.modern-crm .crm-app #crmClientWorkMenu > button {
    flex: 0 1 auto !important;
    min-height: 40px !important;
    padding: 0 12px !important;
  }
}

/* The customer submenu backdrop ends at the three-button group width. */
body.modern-platform .account-modal .cabinet-client-work-menu {
  width: calc(60% + 5px) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
body.modern-platform .account-modal .cabinet-client-work-menu > button:nth-child(n) {
  grid-column: auto !important;
}
@media (max-width: 600px) {
  body.modern-platform .account-modal .cabinet-client-work-menu {
    width: 100% !important;
    margin: 0 !important;
  }
}

/* delivery-costs.css */
.delivery-cost-terms{display:grid;gap:8px;text-align:left;white-space:normal;color:#456478;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.delivery-cost-terms>strong{font-size:12px;color:#285a76;line-height:1.45}
.delivery-cost-terms p{margin:0!important;font:inherit;color:inherit}
.delivery-cost-terms .delivery-cost-agreement{color:#657e8f;font-size:11px}
.delivery-cost-disclosure{margin:12px 0;padding:10px 14px;border:1px solid #cce1ed;border-radius:20px;background:#edf7fc;color:#285a76;font-size:12px;line-height:1.5}
.delivery-cost-disclosure>summary{cursor:pointer;font-weight:600;min-height:24px;padding:2px 0}
.delivery-cost-disclosure[open]>.delivery-cost-terms{margin-top:10px}
.modern-platform .live-results-table .quote-price .offer-details .delivery-cost-price-note{display:block;max-width:180px;margin:5px 0 0;color:#426b83;font-size:10px!important;line-height:1.4;font-weight:500;white-space:normal;letter-spacing:normal;text-decoration:none}
.modern-platform .live-results-table .quote-price .offer-details[open]>div:has(.delivery-cost-terms){max-height:min(540px,calc(100dvh - 24px));border-radius:20px}
.offer-details .delivery-cost-terms{margin-top:7px;padding-top:10px;border-top:1px solid #d7e5ed}
.cart-item-main .delivery-cost-item-note{display:block;margin-top:6px;color:#426b83;font-size:11px;line-height:1.4}
.checkout-delivery-costs[hidden]{display:none!important}
.checkout-delivery-costs .delivery-cost-disclosure{margin:12px 0 16px}
.cabinet-order-item .delivery-cost-disclosure{grid-column:1/-1;margin:2px 0 5px}
@media(max-width:520px){.delivery-cost-disclosure{padding:10px 12px}.delivery-cost-terms{font-size:12px}.modern-platform .live-results-table .quote-price .offer-details .delivery-cost-price-note{max-width:220px}}

.delivery-cost-compact-note{display:block;color:#426b83!important;font-size:10px!important;line-height:1.4;font-weight:500;white-space:normal;max-width:220px}
.product-info>.delivery-cost-disclosure{margin-bottom:0}