:root{--ds-inline-img-1:url("/assets/img/img_1.webp");--ds-inline-img-2:url("/assets/img/img_2.webp");--ds-inline-img-3:url("/assets/img/img_3.webp");--ds-inline-img-4:url("/assets/img/img_4.webp")}

:root{--bg:#060c12;--surface:#0b151d;--surface2:#101e28;--line:#1c2b35;--muted:#8fa0aa;--text:#eef5f7;--red:#e32938;--red2:#ff5662;--mint:#58dfc5;--cyan:#58cbe3;--amber:#f2bd59;--radius:20px;--shadow:0 18px 50px #0007;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% -10%,#5f111b26,transparent 28%),linear-gradient(180deg,#071018,#060c12 45%,#071018);color:var(--text);font-family:Tahoma,Arial,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button,a{tap-highlight-color:transparent}.wrap{width:min(var(--max),92%);margin:auto}.muted{color:var(--muted)}.red{color:var(--red2)}.mint{color:var(--mint)}.hide{display:none!important}
.header{position:sticky;top:0;z-index:80;background:#071018e8;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff10}.head{height:72px;display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:1000;font-size:21.0px;white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#e32938,#7c111a);display:grid;place-items:center;box-shadow:0 8px 26px #e3293833}.brand small{display:block;font-size:14.5px;color:#8ea0aa;font-weight:700;margin-top:2px}.header-search{flex:1;position:relative}.searchbox{height:44px;border:1px solid #263946;background:#0b1720;border-radius:13px;display:flex;align-items:center;gap:9px;padding:0 12px}.searchbox:focus-within{border-color:#4b99ac}.searchbox input{width:100%;border:0;outline:0;background:transparent;color:#fff}.suggest{position:absolute;top:50px;inset-inline:0;background:#0c1821;border:1px solid #263946;border-radius:15px;box-shadow:var(--shadow);padding:7px;display:none;max-height:420px;overflow:auto}.suggest.on{display:block}.suggest-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;padding:9px;border-radius:10px;cursor:pointer}.suggest-row:hover{background:#13232e}.mini-icon{width:42px;height:42px;border-radius:11px;background:#132531;display:grid;place-items:center}.suggest-row b{font-size:16.0px}.suggest-row small{color:var(--muted);font-size:15.0px}.head-actions{display:flex;align-items:center;gap:7px}.icon-btn,.btn{border:1px solid #ffffff17;background:#101d27;color:#fff;border-radius:12px;cursor:pointer;font-weight:900}.icon-btn{height:42px;padding:0 12px;display:flex;align-items:center;gap:7px}.icon-btn:hover,.btn:hover{border-color:#ffffff32}.cart-badge{min-width:20px;height:20px;padding:0 5px;background:var(--red);border-radius:99px;display:grid;place-items:center;font-size:15.0px}.menu{position:relative}.menu-panel{position:absolute;left:0;top:48px;width:250px;background:#0c1821;border:1px solid #263946;border-radius:15px;box-shadow:var(--shadow);padding:8px;display:none}.menu-panel.on{display:block}.menu-panel button{width:100%;text-align:right;background:transparent;color:#dce8ed;border:0;padding:11px;border-radius:10px;cursor:pointer}.menu-panel button:hover{background:#13232e}
.hero{padding:44px 0 20px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch}.hero-copy,.hero-visual{border:1px solid #ffffff11;border-radius:28px;min-height:430px;overflow:hidden}.hero-copy{background:radial-gradient(circle at 20% 10%,#a6172635,transparent 35%),#0a151e;padding:38px;display:flex;flex-direction:column;justify-content:center}.eyebrow{display:inline-flex;width:max-content;gap:7px;align-items:center;border:1px solid #e3293844;background:#e3293811;color:#ff7b85;border-radius:99px;padding:7px 10px;font-size:15.0px;font-weight:900}.hero h1{font-size:44.0px;line-height:1.25;margin:16px 0 12px}.hero p{line-height:1.9;color:#9aabb4;max-width:620px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.btn{padding:12px 16px}.btn.primary{background:var(--red);border-color:var(--red);box-shadow:0 10px 28px #e329382c}.btn.ghost{background:#101d27}.hero-visual{position:relative;background:linear-gradient(145deg,#111f28,#080f15);display:grid;place-items:center}.boiler{width:57%;aspect-ratio:.73;background:linear-gradient(150deg,#fafafa,#bfc6ca);border-radius:18px;box-shadow:0 26px 50px #000a;position:relative}.boiler:before{content:"VIESSMANN";position:absolute;top:28px;left:24px;color:#e12838;font-size:15.5px;font-weight:1000;letter-spacing:1px}.boiler:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#545e64;top:62px;left:28px;box-shadow:0 0 0 7px #e2e5e7}.pipes{position:absolute;bottom:0;left:16%;right:16%;height:110px;display:flex;justify-content:space-around;align-items:flex-end}.pipe{width:8px;height:100%;background:linear-gradient(90deg,#b96b3f,#f0ac6e,#875033);border-radius:8px 8px 0 0;position:relative}.pipe:nth-child(2),.pipe:nth-child(4){height:78%}.pipe b{position:absolute;bottom:52px;left:50%;transform:translateX(-50%);width:32px;height:9px;border-radius:5px;background:#e32938}.flow-boxes{position:absolute;bottom:18px;right:18px;display:flex;gap:5px}.flow-box{width:36px;height:45px;border-radius:4px;background:#e62e3f;border:1px solid #ffffff15}.flow-box:nth-child(2){background:#ef8d35}.flow-box:nth-child(3){background:#2d9a6e}.flow-box:nth-child(4){background:#284b70}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.trust-card{border:1px solid #ffffff10;background:#0a151d;border-radius:15px;padding:13px;text-align:center}.trust-card b{display:block;font-size:16.0px}.trust-card small{color:#7f919b;font-size:14.5px}
.section{padding:28px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px}.section-title h2{margin:4px 0 0;font-size:26.0px}.kicker{color:#ff6973;font-size:15.0px;font-weight:900}.hubs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hub{border:1px solid #ffffff12;background:linear-gradient(150deg,#0e1a23,#091219);border-radius:20px;padding:18px;cursor:pointer;min-height:160px;transition:.2s transform,.2s border-color}.hub:hover{transform:translateY(-3px);border-color:#ffffff28}.hub-icon{font-size:35.0px}.hub h3{margin:18px 0 6px}.hub p{margin:0;color:#84959f;font-size:15.5px;line-height:1.8}.quick-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.quick{border:1px solid #ffffff12;background:#0b1720;border-radius:15px;padding:13px;cursor:pointer;display:flex;gap:10px;align-items:center}.quick:hover{border-color:#e3293850}.quick b{font-size:16.0px}.quick small{display:block;color:#81929d;font-size:14.5px;margin-top:3px}.brands{display:flex;gap:8px;overflow:auto;padding:4px 0 8px}.brand-chip{white-space:nowrap;border:1px solid #ffffff14;background:#0b1720;color:#b8c7ce;border-radius:12px;padding:11px 14px;font-weight:900;font-size:15.5px}.brand-chip.active{background:#e32938;color:#fff;border-color:#e32938}
.offers{border:1px solid #ffffff10;background:linear-gradient(180deg,#0a151e,#081219);border-radius:24px;padding:18px}.shop-toolbar{display:grid;grid-template-columns:1.4fr repeat(3,.7fr);gap:8px;margin:12px 0}.field{width:100%;height:44px;border:1px solid #263946;background:#0c1922;color:#fff;border-radius:11px;padding:0 11px;outline:0}.filter-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 14px}.filter-group{border:1px solid #ffffff0f;background:#0a151d;border-radius:13px;padding:10px}.filter-group b{font-size:15.0px;display:block;margin-bottom:8px;color:#c7d4da}.checkline{display:flex;align-items:center;gap:6px;color:#91a2ab;font-size:15.0px;margin:6px 0}.checkline input{accent-color:var(--red)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product{border:1px solid #ffffff10;background:#0c1821;border-radius:18px;padding:12px;cursor:pointer;position:relative}.product:hover{border-color:#ffffff25}.product-pic{height:150px;border-radius:13px;background:radial-gradient(circle at 50% 35%,#29404d,#091119 72%);display:grid;place-items:center;overflow:hidden}.product-pic svg{width:75px;height:75px}.stock{font-size:14.5px;color:var(--mint);margin-top:9px}.product h3{font-size:16.5px;line-height:1.7;margin:6px 0}.product-meta{color:#7e909b;font-size:14.5px;min-height:28px}.price{font-weight:1000;margin-top:10px;font-size:16.5px}.old{color:#73828c;text-decoration:line-through;font-size:14.5px;margin-left:5px}.sale{position:absolute;top:20px;right:20px;background:#e32938;color:#fff;border-radius:8px;padding:4px 6px;font-size:14.0px;font-weight:900}.demo-price{color:#f2bd59;font-size:14.0px;margin-right:4px}.empty{grid-column:1/-1;border:1px dashed #263946;border-radius:16px;text-align:center;padding:35px;color:#82949f}
.page{position:fixed;inset:0;z-index:150;background:#071018;display:none;overflow:auto}.page.on{display:block}.page-top{position:sticky;top:0;z-index:4;background:#071018ed;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff10}.page-top .wrap{height:64px;display:flex;align-items:center;gap:10px}.page-top b{margin-left:auto}.detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;margin-top:24px}.detail-photo{border:1px solid #ffffff12;background:#0b1720;border-radius:22px;min-height:430px;display:grid;place-items:center}.detail-photo svg{width:160px;height:160px}.detail-info{padding:8px}.detail-info h1{font-size:30.0px;margin:8px 0}.badge{display:inline-flex;border:1px solid #ffffff17;background:#101f29;border-radius:99px;padding:6px 9px;font-size:14.5px;margin:2px}.specs{width:100%;border-collapse:collapse}.specs td{padding:11px 8px;border-bottom:1px solid #ffffff0d;font-size:15.5px}.specs td:last-child{color:#99aab3}.compat-ok{color:var(--mint)}.compat-warn{color:var(--amber)}.related{margin-top:20px}
.finder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.result-box{border:1px solid #ffffff12;background:#0a151d;border-radius:17px;padding:16px;margin-top:12px}.diagram-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.diagram{border:1px solid #ffffff12;background:#08131b;border-radius:22px;padding:18px}.diagram svg{width:100%;height:auto}.diagram-point{cursor:pointer}.diagram-list button{width:100%;text-align:right;border:1px solid #ffffff10;background:#0b1720;color:#fff;border-radius:11px;padding:10px;margin-bottom:7px;cursor:pointer}.diagram-list button:hover{border-color:#e3293855}.safe-note{border-right:3px solid var(--amber);background:#f2bd590d;padding:10px 12px;border-radius:8px;color:#c8b37d;font-size:15.0px;line-height:1.8}
.cart-drawer{position:fixed;inset:0;z-index:220;background:#000a;display:none}.cart-drawer.on{display:block}.cart-box{position:absolute;left:0;top:0;bottom:0;width:min(440px,94%);background:#08141d;border-right:1px solid #ffffff12;padding:18px;overflow:auto}.cart-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff0d}.qty{display:flex;align-items:center;gap:6px}.qty button{width:28px;height:28px;border:1px solid #ffffff17;background:#12212b;color:#fff;border-radius:8px}.cart-summary{border:1px solid #ffffff12;background:#0c1922;border-radius:15px;padding:13px;margin:14px 0}.cart-summary div{display:flex;justify-content:space-between;margin:7px 0;color:#9eafb7;font-size:15.5px}.cart-summary .grand{font-size:17.0px;color:#fff;font-weight:1000;padding-top:8px;border-top:1px solid #ffffff12}.checkout-grid{display:grid;grid-template-columns:1fr .7fr;gap:14px}.form-card{border:1px solid #ffffff12;background:#0a151d;border-radius:18px;padding:16px}.form-card h3{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.textarea{height:auto;min-height:90px;padding:11px;resize:vertical}.ship-option{border:1px solid #ffffff12;border-radius:12px;padding:10px;margin:7px 0;display:flex;gap:8px;align-items:center}.ship-option input{accent-color:var(--red)}
.tech-shell{display:grid;grid-template-columns:240px 1fr;gap:14px}.tech-nav{border:1px solid #ffffff12;background:#0a151d;border-radius:18px;padding:8px;height:max-content;position:sticky;top:84px}.tech-nav button{width:100%;text-align:right;border:0;background:transparent;color:#c4d1d7;padding:10px;border-radius:9px;cursor:pointer}.tech-nav button:hover,.tech-nav button.active{background:#13232e}.tech-main{min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metric{border:1px solid #ffffff12;background:#0b1720;border-radius:14px;padding:13px}.metric b{font-size:19.0px}.metric small{display:block;color:#82949f;margin-top:5px}.sku-area{width:100%;min-height:130px;border:1px solid #263946;background:#08131b;color:#fff;border-radius:12px;padding:12px;resize:vertical}.history-row{display:grid;grid-template-columns:1fr auto;gap:10px;border-bottom:1px solid #ffffff0d;padding:10px 0}.analytics-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.analytics-card{border:1px solid #ffffff12;background:#0b1720;border-radius:14px;padding:12px}.analytics-card h4{margin:0 0 8px}.analytics-card ol{margin:0;padding-right:20px;color:#9aacb4;font-size:15.0px;line-height:2}
.location{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid #ffffff12;background:#0a151d;border-radius:22px;overflow:hidden}.location iframe{width:100%;min-height:330px;border:0}.location-info{padding:24px;display:flex;flex-direction:column;justify-content:center}.footer{padding:30px 0 70px;color:#7d8f99;font-size:15.0px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:14px}.footer h4{color:#d7e2e7;margin:0 0 8px}.footer a{display:block;color:#8da0aa;text-decoration:none;margin:6px 0}.mobile-nav{display:none}
.toast{position:fixed;right:18px;bottom:18px;z-index:300;background:#14232d;border:1px solid #ffffff18;color:#fff;padding:11px 14px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.on{opacity:1;transform:none}
@media(max-width:900px){.header-search{display:none}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:380px}.hero h1{font-size:36.0px}.hubs,.product-grid{grid-template-columns:repeat(2,1fr)}.shop-toolbar{grid-template-columns:1fr 1fr}.filter-panel{grid-template-columns:1fr 1fr}.detail-grid,.diagram-layout,.checkout-grid,.location{grid-template-columns:1fr}.tech-shell{grid-template-columns:1fr}.tech-nav{position:static;display:flex;overflow:auto}.tech-nav button{white-space:nowrap;width:auto}.metric-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.quick-tools{grid-template-columns:1fr}.trust{grid-template-columns:1fr 1fr}}
@media(max-width:620px){body{padding-bottom:64px}.head{height:62px}.brand{font-size:18.5px}.brand small{display:none}.brand-mark{width:34px;height:34px}.head-actions .auth-label,.head-actions .cart-label{display:none}.icon-btn{width:40px;padding:0;justify-content:center;position:relative}.cart-badge{position:absolute;top:-5px;right:-5px;border:2px solid #071018}.hero{padding-top:18px}.hero-copy{padding:24px;min-height:390px}.hero h1{font-size:30.0px}.hero-visual{min-height:330px}.hubs{grid-template-columns:1fr 1fr;gap:9px}.hub{padding:13px;min-height:145px}.section-title h2{font-size:22.0px}.product-grid{grid-template-columns:1fr 1fr;gap:8px}.product{padding:9px}.product-pic{height:120px}.shop-toolbar,.filter-panel,.finder-grid,.form-grid{grid-template-columns:1fr}.detail-photo{min-height:280px}.detail-info h1{font-size:24.0px}.analytics-list{grid-template-columns:1fr}.location iframe{min-height:280px}.footer-grid{grid-template-columns:1fr 1fr}.mobile-nav{position:fixed;bottom:0;inset-inline:0;height:60px;background:#071018f3;border-top:1px solid #ffffff12;z-index:100;display:grid;grid-template-columns:repeat(4,1fr);backdrop-filter:blur(12px)}.mobile-nav button{background:transparent;border:0;color:#899ba5;font-size:14.5px}.mobile-nav b{display:block;color:#fff;font-size:18.5px;margin-bottom:2px}.toast{right:10px;bottom:72px}.location-info{padding:18px}}


.ds-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero.ds-hero{padding:20px 0 12px}
.ds-hero-wrap{width:min(1440px,calc(100% - 40px));margin:0 auto}
.ds-carousel{border:1px solid #ffffff17;border-radius:22px;background:#0a131b;overflow:hidden;box-shadow:0 18px 48px #0004}
.ds-carousel-frame{position:relative;width:100%;aspect-ratio:1672/941;isolation:isolate;background:#070b0e;touch-action:pan-y pinch-zoom;outline-offset:-4px}
.ds-slide{position:absolute;inset:0;margin:0;opacity:0;z-index:0;pointer-events:none;transition:opacity .9s cubic-bezier(.4,0,.2,1)}
.ds-slide.is-active{opacity:1;z-index:1}
.ds-slide img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.ds-carousel-btn{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:44px;height:54px;display:grid;place-items:center;padding:0;border:1px solid #ffffff1a;border-radius:14px;background:#07101838;color:#fff;opacity:.45;cursor:pointer;touch-action:manipulation;transition:opacity .25s ease,background .25s ease,border-color .25s ease}
.ds-carousel-next{left:clamp(5px,1.1vw,18px)}
.ds-carousel-previous{right:clamp(5px,1.1vw,18px)}
.ds-carousel-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px #0008)}
.ds-carousel-frame:hover .ds-carousel-btn{opacity:.72}
.ds-carousel-btn:hover,.ds-carousel-btn:focus-visible{opacity:1!important;background:#07101888;border-color:#ffffff50}
.ds-slide-dots{position:absolute;z-index:5;left:50%;bottom:clamp(4px,1.1vw,16px);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:0;padding:0 4px;direction:rtl;border-radius:99px;background:#00000012}
.ds-slide-dot{width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;border-radius:99px;background:transparent;cursor:pointer;touch-action:manipulation}
.ds-slide-dot::before{content:"";width:6px;height:6px;background:#ffffff6b;border-radius:99px;box-shadow:0 1px 4px #0005;transition:width .3s ease,background .3s ease}
.ds-slide-dot[aria-current="true"]::before{width:19px;background:#ffffffe6}
.ds-slide-dot:hover::before{background:#fff}
.ds-shop-cta{position:absolute;z-index:6;left:50%;bottom:clamp(40px,3.5vw,52px);transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 17px;border:1px solid #d8e0e4;border-radius:11px;background:rgba(255,255,255,.95);color:#26343c;text-decoration:none;font-size:14px;font-weight:850;white-space:nowrap;box-shadow:0 5px 16px #0003;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.ds-shop-cta:hover{background:#fff;border-color:#bcc8ce;transform:translateX(-50%) translateY(-1px)}
.ds-shop-cta:focus-visible{outline:2px solid #f2bd59;outline-offset:3px}
.ds-carousel-btn:focus-visible,.ds-slide-dot:focus-visible,.ds-carousel-frame:focus-visible{outline:2px solid #f2bd59;outline-offset:-3px}
.ds-hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0 0}
.ds-hero-actions .btn{font-size:16.0px}
@media(max-width:620px){.hero.ds-hero{padding:10px 0 8px}.ds-hero-wrap{width:calc(100% - 16px)}.ds-carousel{border-radius:13px}.ds-carousel-btn{width:36px;min-height:44px;height:44px;border-radius:11px;background:#07101826;opacity:.55}.ds-carousel-next{left:3px}.ds-carousel-previous{right:3px}.ds-carousel-btn svg{width:18px;height:18px}.ds-slide-dots{bottom:2px;padding:0 2px;background:transparent}.ds-slide-dot{width:28px;height:28px}.ds-slide-dot::before{width:5px;height:5px}.ds-slide-dot[aria-current="true"]::before{width:16px}.ds-shop-cta{bottom:37px;min-height:32px;padding:0 14px;border-radius:10px;font-size:13.5px}}
@media(hover:none){.ds-carousel-btn{opacity:.65}}
@media(prefers-reduced-motion:reduce){.ds-slide,.ds-slide-dot::before,.ds-carousel-btn{transition:none}}

:root{--surface3:#13232e;--surface4:#172a36;--soft:#9fb0b9}
body{background:radial-gradient(circle at 85% -5%,#8f182426,transparent 28%),radial-gradient(circle at 5% 32%,#1a536329,transparent 26%),linear-gradient(180deg,#071018 0%,#060c12 42%,#071018 100%)}
.wrap{width:min(1240px,92%)}.header{box-shadow:0 10px 36px #0003}.head{height:76px}.brand{cursor:pointer}.brand-mark{border:1px solid #ffffff19;box-shadow:0 10px 30px #e3293835,inset 0 1px #ffffff18}
.searchbox{height:46px;border-color:#2b404d;background:#0a1720;box-shadow:inset 0 1px #ffffff08}.searchbox:focus-within{border-color:#58cbe377;box-shadow:0 0 0 3px #58cbe30b}.search-ico{font-size:20.0px;color:#8da0aa}.search-hint{font-size:14.5px;color:#60737f;border-right:1px solid #ffffff10;padding-right:10px;white-space:nowrap}
.desktop-nav-wrap{border-top:1px solid #ffffff08;background:#071018f7}.desktop-nav{height:46px;display:flex;align-items:center;gap:3px;overflow:auto;scrollbar-width:none}.desktop-nav::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;border:0;background:transparent;color:#9db0b9;padding:9px 12px;border-radius:10px;cursor:pointer;font-size:15.5px;font-weight:800}.nav-link:hover,.nav-link.active{background:#11212b;color:#fff}.nav-link-accent{color:#ff828b;margin-inline-start:auto}.nav-link-tech{border:1px solid #ffffff11;background:#0d1c25}.mobile-search-bar{display:none}
.ds-hero-wrap{width:min(1460px,calc(100% - 32px))}.ds-carousel{border-color:#ffffff16;box-shadow:0 26px 70px #0007}.ds-hero-actions .btn{min-width:150px}
.confidence-strip{padding:2px 0 12px}.confidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.confidence-item{display:flex;align-items:center;gap:11px;min-height:74px;padding:13px 15px;border:1px solid #ffffff10;border-radius:16px;background:linear-gradient(145deg,#0d1922,#09131a)}.confidence-item>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e3293814;color:#ff6c77;border:1px solid #e3293830;font-weight:1000}.confidence-item b{display:block;font-size:15.5px;color:#edf5f7}.confidence-item small{display:block;color:#7f929c;font-size:14.5px;margin-top:4px;line-height:1.5}
.section{padding:34px 0}.section-title h2{font-size:27.0px;letter-spacing:-.25px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.category-card{min-height:92px;border:1px solid #ffffff11;background:linear-gradient(145deg,#0d1a23,#09131a);border-radius:17px;color:#fff;display:grid;grid-template-columns:48px 1fr auto;align-items:center;text-align:right;gap:11px;padding:13px 14px;cursor:pointer;transition:.2s ease}.category-card:hover{transform:translateY(-2px);border-color:#e3293855;background:linear-gradient(145deg,#11222d,#0b161e)}.category-icon{width:46px;height:46px;border-radius:14px;background:#e3293813;color:#ff6e79;border:1px solid #e3293827;display:grid;place-items:center;font-size:22.0px}.category-card b{display:block;font-size:16.5px}.category-card small{display:block;color:#78909b;font-size:14.5px;margin-top:4px}.category-card i{font-style:normal;color:#5f7681;font-size:19.0px}
.hubs{gap:10px}.hub{position:relative;overflow:hidden;background:linear-gradient(145deg,#0e1c25,#091219);min-height:175px}.hub:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:#e329380a;left:-45px;bottom:-50px}.hub-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#ffffff08;border:1px solid #ffffff0e;font-size:24.0px}.hub p{max-width:230px}
.brands{padding:6px 0 10px}.brand-chip{font-size:15.0px;transition:.2s ease}.brand-chip:hover{border-color:#e3293860;color:#fff}.offers{padding:22px;border-radius:26px;background:linear-gradient(180deg,#0b1720,#081119)}
.product-grid{gap:14px}.product-v2{padding:10px;border-radius:19px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;outline:none}.product-v2:hover,.product-v2:focus-visible{transform:translateY(-3px);border-color:#ffffff2c;box-shadow:0 18px 40px #0005}.product-v2 .product-pic{height:170px;position:relative;background:radial-gradient(circle at 50% 32%,#2d4856 0%,#152833 35%,#091119 75%)}.product-brand-pill{position:absolute;top:9px;left:9px;padding:5px 7px;border-radius:8px;background:#071018b8;border:1px solid #ffffff10;color:#aabac2;font-size:14.0px;font-weight:900}.product-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.product-v2 .stock{margin:0;font-size:14.5px}.product-v2 .stock.out{color:#76858e}.sku-mini{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#627782;font-size:14.0px;direction:ltr}.product-v2 h3{min-height:45px;margin:8px 0 4px;font-size:16.5px}.product-v2 .product-meta{min-height:34px;line-height:1.75}.product-v2 .product-meta span{color:#627782}.product-bottom{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #ffffff0c}.product-bottom .price{margin:0;display:flex;flex-direction:column;gap:3px;min-width:0}.product-bottom .price strong{font-size:16.0px;color:#f7fbfc;white-space:nowrap}.product-action{width:38px;height:38px;flex:0 0 auto;border:1px solid #e329384d;background:#e3293814;color:#ff6c77;border-radius:11px;cursor:pointer;font-weight:1000}.product-action:hover{background:#e32938;color:#fff}.sale{top:18px;right:18px}
.service-cta-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}.service-cta{border:1px solid #ffffff11;background:linear-gradient(145deg,#0d1a23,#09131a);border-radius:23px;padding:24px;display:flex;gap:18px;align-items:flex-start;overflow:hidden;position:relative}.service-cta-primary{background:radial-gradient(circle at 10% 0%,#a5172638,transparent 38%),linear-gradient(145deg,#101b24,#091219)}.service-cta-icon{width:54px;height:54px;flex:0 0 auto;border-radius:17px;display:grid;place-items:center;background:#e3293814;border:1px solid #e3293836;color:#ff747e;font-size:25.0px}.service-cta h2{font-size:20.0px;line-height:1.65;margin:7px 0}.service-cta p{font-size:15.0px;line-height:1.9;color:#8497a1;max-width:620px}.service-cta-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.location{box-shadow:0 18px 50px #0004}.location-info h3{font-size:21.0px}.footer{padding:16px 0 86px}.footer-shell{border-top:1px solid #ffffff10;padding-top:28px}.footer-main{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:28px}.footer-brand-block p{max-width:460px;line-height:2;color:#82959f}.footer h4{font-size:16.0px}.footer-link,.footer-location-btn{display:block;border:0;background:transparent;padding:5px 0;color:#8da0aa;cursor:pointer;text-align:right;font-size:15.0px}.footer-link:hover,.footer-location-btn:hover{color:#fff}.footer-location-btn{margin-top:10px;color:#c2d0d6}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff0c;margin-top:25px;padding-top:16px;color:#627782;font-size:14.5px}
.page-top{box-shadow:0 8px 28px #0004}.detail-photo{background:radial-gradient(circle at 50% 32%,#29404d,#091119 72%)}.result-box{box-shadow:0 12px 30px #0002}
@media(max-width:1050px){.nav-link{padding-inline:9px}.nav-link-accent{margin-inline-start:0}.confidence-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.service-cta-grid{grid-template-columns:1fr}}
@media(max-width:900px){.desktop-nav-wrap{display:none}.mobile-search-bar{display:block;border-top:1px solid #ffffff08;padding:7px 0;background:#071018f5}.mobile-search-box{height:42px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid #263946;background:#0b1720;border-radius:12px;padding:0 10px}.mobile-search-box input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:15.5px}.mobile-search-box button{border:0;background:#e32938;color:#fff;border-radius:8px;padding:7px 10px;font-size:14.5px;font-weight:900}.confidence-strip{padding-top:10px}}
@media(max-width:620px){body{padding-bottom:70px}.head{height:60px}.mobile-search-bar{padding:6px 0}.mobile-search-box{height:40px}.hero.ds-hero{padding-top:9px}.ds-hero-wrap{width:calc(100% - 12px)}.ds-hero-actions{margin-top:10px}.confidence-grid{grid-template-columns:1fr 1fr;gap:7px}.confidence-item{min-height:72px;padding:9px;gap:8px;align-items:flex-start}.confidence-item>span{width:31px;height:31px;border-radius:10px}.confidence-item b{font-size:14.5px;line-height:1.55}.confidence-item small{font-size:13.8px}.section{padding:23px 0}.section-title h2{font-size:20.0px;line-height:1.55}.desktop-only{display:none!important}.category-grid{grid-template-columns:1fr 1fr;gap:7px}.category-card{min-height:82px;grid-template-columns:38px 1fr;padding:10px;gap:8px}.category-card i{display:none}.category-icon{width:38px;height:38px;border-radius:11px;font-size:19.0px}.category-card b{font-size:15.0px}.category-card small{font-size:13.8px}.hubs{gap:7px}.hub{min-height:135px;padding:12px}.hub-icon{width:40px;height:40px;border-radius:12px;font-size:20.0px}.hub h3{font-size:16.0px;margin:11px 0 5px}.hub p{font-size:14.2px;line-height:1.7}.offers{padding:13px;border-radius:19px}.product-grid{gap:8px}.product-v2{padding:8px}.product-v2 .product-pic{height:125px}.product-v2 h3{font-size:15.5px;min-height:39px}.product-bottom{align-items:center}.product-bottom .price strong{font-size:15.0px}.product-action{width:32px;height:32px;border-radius:9px}.service-cta{padding:17px;gap:12px}.service-cta-icon{width:44px;height:44px;border-radius:14px;font-size:20.0px}.service-cta h2{font-size:18.0px}.service-cta p{font-size:14.2px}.footer-main{grid-template-columns:1fr 1fr;gap:20px}.footer-brand-block{grid-column:1/-1}.footer-bottom{flex-direction:column}.mobile-nav{height:64px;grid-template-columns:repeat(5,1fr)}.mobile-nav button{font-size:14.0px;position:relative}.mobile-nav button b{font-size:18.0px}.mobile-nav i{font-style:normal;color:#ff7a84}}


.hub {
  position: relative;
  overflow: hidden;
  min-height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  isolation: isolate;
  box-shadow: inset 0 1px rgba(255,255,255,.05);
}
.hub::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(5,12,17,.16) 0%, rgba(5,12,17,.34) 36%, rgba(5,12,17,.88) 100%);
  z-index: 0;
}
.hub > * {
  position: relative;
  z-index: 1;
}
.hub .hub-icon {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(9,20,27,.42);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(7px);
  box-shadow: inset 0 1px rgba(255,255,255,.08);
}
.hub h3 {
  margin: 15px 0 6px;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}
.hub p {
  color: #d6e0e5;
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
  max-width: 250px;
}
.hub-parts {
  background-image: url("/assets/img/img_5.webp");
  background-position: 58% center !important;
}
.hub-new {
  background-image: url("/assets/img/img_6.webp");
  background-position: 68% center !important;
}
.hub-tools {
  background-image: url("/assets/img/img_7.webp");
  background-position: center center !important;
}
.hub-stock {
  background-image: url("/assets/img/img_8.webp");
  background-position: 70% center !important;
}
@media (max-width: 620px) {
  .hub {
    min-height: 165px;
  }
  .hub .hub-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }
  .hub p {
    max-width: none;
  }
}

:root{
  --bg:#08131f;
  --surface:#0e1d2b;
  --surface2:#13283a;
  --surface3:#183247;
  --surface4:#1d3a50;
  --line:#284459;
  --muted:#91a5b3;
  --soft:#a9bac5;
  --text:#f2f6f8;

  
  --red:#2f7eae;
  --red2:#56a2d0;

  
  --mint:#55b88b;
  --cyan:#5e9fbd;
  --amber:#d2a34d;

  --trust:#2f7eae;
  --trust2:#1e5d88;
  --trust-soft:#73b7dd;
  --brand-red:#df5a63;

  --shadow:0 18px 52px #02070d80;
}

body{
  background:
    radial-gradient(circle at 78% -8%,#275d812e,transparent 31%),
    radial-gradient(circle at 2% 38%,#18394d24,transparent 26%),
    linear-gradient(180deg,#0b1724 0%,#07121d 48%,#091722 100%);
  color:var(--text);
}


.header{
  background:#0a1724ed;
  border-bottom:1px solid #31506966;
  box-shadow:0 10px 38px #02070d59;
}
.desktop-nav-wrap{
  background:#0b1825f8;
  border-top:1px solid #ffffff08;
}
.nav-link{
  color:#a9b9c3;
}
.nav-link:hover,.nav-link.active{
  background:#152b3d;
  color:#fff;
}
.nav-link-accent{
  color:#78b5d8;
}
.nav-link-tech{
  background:#102536;
  border-color:#31516a;
}
.brand-mark{
  background:linear-gradient(145deg,#2f7eae,#174d71);
  border:1px solid #77b7d733;
  box-shadow:0 8px 26px #123d5d66,inset 0 1px #ffffff22;
}
.brand .red{
  color:var(--brand-red)!important;
}


.searchbox,
.mobile-search-box{
  background:#0d1d2b;
  border-color:#2a465a;
}
.searchbox:focus-within,
.mobile-search-box:focus-within{
  border-color:#579bc3;
  box-shadow:0 0 0 3px #4f9bc018;
}
.search-hint{color:#758d9c}
.suggest{
  background:#0e1e2c;
  border-color:#2a465a;
}
.suggest-row:hover{background:#162d3e}
.mini-icon{background:#173247}


.btn.primary{
  background:linear-gradient(180deg,#367fae,#24688f);
  border-color:#4b94bd;
  box-shadow:0 10px 28px #0d4c734a,inset 0 1px #ffffff1c;
}
.btn.primary:hover{
  background:linear-gradient(180deg,#428ab7,#2b7199);
  border-color:#6ca8c8;
}
.btn.ghost,.icon-btn{
  background:#112434;
  border-color:#2b4659;
}
.btn.ghost:hover,.icon-btn:hover{
  background:#173044;
  border-color:#4c7088;
}
.cart-badge{
  background:#2f7eae;
}


.kicker{
  color:#6fb3da;
}
.eyebrow{
  color:#87c0df;
  border-color:#4c92b94d;
  background:#2f7eae16;
}


.confidence-item{
  background:linear-gradient(145deg,#102231,#0b1824);
  border-color:#2b465633;
}
.confidence-item>span{
  background:#2f7eae18;
  color:#79bde2;
  border-color:#4d98c14d;
}


.hero-copy{
  background:
    radial-gradient(circle at 20% 10%,#285f8430,transparent 36%),
    #0d1d2b;
}
.hero-visual{
  background:linear-gradient(145deg,#142a3a,#09141e);
}
.trust-card,
.quick,
.offers,
.product,
.filter-group,
.result-box,
.form-card,
.metric,
.analytics-card,
.tech-nav,
.diagram,
.location{
  background-color:#0e1d2b;
  border-color:#294457;
}

.quick:hover{
  border-color:#4f92b75c;
}
.brand-chip{
  background:#102332;
  border-color:#2a4658;
  color:#b8c6ce;
}
.brand-chip:hover{
  border-color:#4f92b7;
}
.brand-chip.active{
  background:#2f7eae;
  border-color:#4d97be;
  color:#fff;
}


.hub{
  border-color:#39566955;
  box-shadow:0 16px 34px #02070d40;
}
.hub::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,#07131fef 0%,#0a1926d8 43%,#0b1b285e 100%),
    linear-gradient(180deg,#0a162100 20%,#08131fe0 100%);
  pointer-events:none;
}
.hub>*{
  position:relative;
  z-index:2;
}
.hub:after{
  background:#2f7eae12;
  z-index:1;
}
.hub:hover{
  border-color:#5d93b0;
  box-shadow:0 18px 44px #02070d73,0 0 0 1px #5aa0c52b;
}
.hub-icon{
  background:#102b3bdb;
  border-color:#5b91aa4a;
  color:#d9edf6;
  backdrop-filter:blur(6px);
}
.hub h3{
  color:#f6f9fa;
  text-shadow:0 2px 9px #000b;
}
.hub p{
  color:#b5c4cd;
  text-shadow:0 2px 8px #000b;
}


.product-v2{
  background:linear-gradient(180deg,#10202e,#0b1823);
  border-color:#2c455655;
}
.product-v2:hover,.product-v2:focus-visible{
  border-color:#557f99;
  box-shadow:0 18px 40px #02070d78,0 0 0 1px #4f92b726;
}
.product-v2 .product-pic{
  background:radial-gradient(circle at 50% 32%,#315269 0%,#183246 38%,#09141f 77%);
}
.product-brand-pill{
  background:#091722df;
  border-color:#3c5c70;
  color:#c1cdd4;
}
.stock{color:#64c095}
.product-action{
  background:#2f7eae18;
  color:#74bce3;
  border-color:#4d98c158;
}
.product-action:hover{
  background:#2f7eae;
  color:#fff;
}
.sale{
  background:#c94f58;
  box-shadow:0 7px 18px #5c161d55;
}
.demo-price{color:#d2a34d}


.field,.sku-area,.textarea{
  background:#0b1b28;
  border-color:#2d4a5f;
}
.field:focus,.sku-area:focus,.textarea:focus{
  border-color:#579bc3;
  box-shadow:0 0 0 3px #4f9bc014;
  outline:0;
}
.checkline input,.ship-option input{
  accent-color:#2f7eae;
}


.page{
  background:#081520;
}
.page-top{
  background:#0a1724f1;
  border-bottom-color:#2c46584f;
}
.cart-box{
  background:#0a1925;
  border-right-color:#2c4658;
}
.cart-summary{
  background:#0e2130;
  border-color:#2b4659;
}
.qty button{
  background:#142c3d;
  border-color:#36566c;
}


.tech-nav button:hover,.tech-nav button.active{
  background:#173347;
}
.diagram-list button{
  background:#102332;
  border-color:#294657;
}
.diagram-list button:hover{
  border-color:#5894b5;
}
.safe-note{
  border-right-color:#d2a34d;
  background:#d2a34d10;
  color:#d4bc84;
}


.detail-photo{
  background:radial-gradient(circle at 50% 32%,#2f4f65,#0a1620 72%);
}
.badge{
  background:#12283a;
  border-color:#34546a;
}
.specs td{
  border-bottom-color:#ffffff0c;
}


.location{
  box-shadow:0 18px 50px #02070d66;
}
.footer-shell{
  border-top-color:#29465755;
}
.footer-link:hover,.footer-location-btn:hover{
  color:#78b8da;
}


button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid #6eb4d8;
  outline-offset:2px;
}


.mobile-search-bar{
  background:#0a1724f7!important;
  border-top-color:#ffffff08!important;
}
.mobile-search-box button{
  background:#2f7eae!important;
}
.mobile-nav{
  background:#0a1724f5!important;
  border-top-color:#2d485a!important;
}
.mobile-nav button{
  color:#8fa5b3!important;
}
.mobile-nav button b{
  color:#d7e3e9!important;
}
.mobile-nav i{
  color:#6fb7dd!important;
}


.red{color:var(--brand-red)}
.old{color:#738a98}

:root{
  --bg:#ffffff;
  --surface:#ffffff;
  --surface2:#f7f8fa;
  --surface3:#f1f3f5;
  --surface4:#e9edf1;
  --line:#dfe4e8;
  --muted:#697984;
  --soft:#8797a1;
  --text:#18222b;

  --red:#c92f3d;
  --red2:#e24a57;
  --brand-red:#c92f3d;

  --mint:#2f9b6d;
  --cyan:#3f7f9f;
  --amber:#b7852e;

  --shadow:0 14px 34px #1d2a3314;
}



.nav-link-tech{
  background:#fff!important;
  border-color:#dfe4e8!important;
}
.brand-mark{
  background:linear-gradient(145deg,#d43846,#a91f2d)!important;
  border:1px solid #b92532!important;
  color:#fff!important;
  box-shadow:0 8px 20px #c92f3d28,inset 0 1px #ffffff2b!important;
}
.brand small{color:#82909a!important}


.searchbox,.mobile-search-box{
  background:#f7f8fa!important;
  border-color:#dce2e6!important;
}
.searchbox:focus-within,.mobile-search-box:focus-within{
  border-color:#d64c58!important;
  box-shadow:0 0 0 3px #c92f3d12!important;
}
.searchbox input,.mobile-search-box input{color:#1d2830!important}
.search-hint,.search-ico{color:#81909a!important}
.suggest,.menu-panel{
  background:#fff!important;
  border-color:#dfe4e8!important;
  box-shadow:0 14px 32px #15222b18!important;
}
.suggest-row:hover,.menu-panel button:hover{background:#f7f8fa!important}
.suggest-row b,.menu-panel button{color:#22303a!important}
.suggest-row small{color:#7b8992!important}
.mini-icon{background:#f1f3f5!important}


.btn,.icon-btn{
  background:#fff!important;
  color:#24313a!important;
  border-color:#d9e0e4!important;
}
.btn:hover,.icon-btn:hover{
  border-color:#c7d0d6!important;
  background:#f8f9fa!important;
}
.btn.primary{
  background:linear-gradient(180deg,#d63b49,#bd2634)!important;
  border-color:#b92431!important;
  color:#fff!important;
  box-shadow:0 9px 22px #c92f3d26!important;
}
.btn.primary:hover{
  background:linear-gradient(180deg,#df4855,#c92f3d)!important;
}
.cart-badge{background:#c92f3d!important;color:#fff!important}


.ds-carousel{
  background:#fff!important;
  border-color:#e2e6ea!important;
  box-shadow:0 20px 46px #26384416!important;
}
.ds-carousel-btn{
  background:#ffffffbf!important;
  color:#2a3740!important;
  border-color:#dfe4e8!important;
  box-shadow:0 5px 14px #111a2117!important;
}
.ds-slide-dot::before{background:#ffffffa8!important}
.ds-slide-dot[aria-current="true"]::before{background:#c92f3d!important}


.kicker{color:#c92f3d!important}
.eyebrow{
  color:#b72634!important;
  border-color:#c92f3d2e!important;
  background:#c92f3d0a!important;
}
.section-title h2,.detail-info h1,.location-info h3,
.service-cta h2,.footer h4{color:#17212a!important}


.confidence-item{
  background:#fff!important;
  border-color:#e3e7ea!important;
  box-shadow:0 8px 20px #20303b0b!important;
}
.confidence-item>span{
  background:#c92f3d0d!important;
  color:#c92f3d!important;
  border-color:#c92f3d24!important;
}
.confidence-item b{color:#202b33!important}
.confidence-item small{color:#75848d!important}


.hub{
  border-color:#d9dfe3!important;
  box-shadow:0 12px 28px #22313b14!important;
}
.hub::before{
  background:
    linear-gradient(90deg,#ffffffee 0%,#fffdf9d5 44%,#ffffff69 100%),
    linear-gradient(180deg,#ffffff18 0%,#ffffffcf 100%)!important;
}
.hub:after{
  background:#c92f3d0a!important;
}
.hub:hover{
  border-color:#d7a5aa!important;
  box-shadow:0 15px 34px #17232c18,0 0 0 1px #c92f3d12!important;
}
.hub-icon{
  background:#ffffffdf!important;
  border-color:#e5d7d9!important;
  color:#b62a37!important;
  box-shadow:0 6px 18px #1e2c3510!important;
}
.hub h3{
  color:#18222b!important;
  text-shadow:none!important;
}
.hub p{
  color:#63737d!important;
  text-shadow:none!important;
}


.trust-card,.quick,.offers,.product,.filter-group,.result-box,
.form-card,.metric,.analytics-card,.tech-nav,.diagram,.location{
  background:#fff!important;
  border-color:#e1e6e9!important;
  color:#202b33!important;
}
.quick:hover{border-color:#d79ca2!important}
.offers{box-shadow:0 14px 34px #20313c0c!important}


.brand-chip{
  background:#fff!important;
  border-color:#dfe4e8!important;
  color:#566771!important;
}
.brand-chip:hover{
  border-color:#d3a0a6!important;
  color:#ab2532!important;
}
.brand-chip.active{
  background:#c92f3d!important;
  border-color:#c92f3d!important;
  color:#fff!important;
}


.product-v2{
  background:#fff!important;
  border-color:#e2e6e9!important;
  box-shadow:0 8px 20px #22313a0b!important;
}
.product-v2:hover,.product-v2:focus-visible{
  border-color:#d8b0b4!important;
  box-shadow:0 14px 34px #17252e16,0 0 0 1px #c92f3d0c!important;
}
.product-v2 .product-pic{
  background:radial-gradient(circle at 50% 35%,#eef1f3 0%,#e7ebee 40%,#dfe4e8 100%)!important;
}
.product-brand-pill{
  background:#ffffffdd!important;
  border-color:#dfe4e8!important;
  color:#5f6e77!important;
}
.product-v2 h3{color:#17212a!important}
.product-meta,.sku-mini{color:#7b8992!important}
.product-bottom{border-top-color:#edf0f2!important}
.product-bottom .price strong{color:#1e2931!important}
.stock{color:#2f9b6d!important}
.stock.out{color:#919da4!important}
.old{color:#9aa5ab!important}
.sale{
  background:#c92f3d!important;
  box-shadow:0 6px 14px #c92f3d22!important;
}
.product-action{
  background:#fff!important;
  color:#c92f3d!important;
  border-color:#d9b3b7!important;
}
.product-action:hover{
  background:#c92f3d!important;
  color:#fff!important;
}


.field,.sku-area,.textarea{
  background:#fff!important;
  color:#1c2730!important;
  border-color:#dce2e6!important;
}
.field:focus,.sku-area:focus,.textarea:focus{
  border-color:#d44d59!important;
  box-shadow:0 0 0 3px #c92f3d10!important;
}
.checkline,.filter-group b{color:#5e6e78!important}
.checkline input,.ship-option input{accent-color:#c92f3d!important}
.empty{
  border-color:#d8dee2!important;
  color:#7c8991!important;
  background:#fafbfc!important;
}


.page{
  background:#fff!important;
  color:#1c2730!important;
}
.page-top{
  background:#fffffff2!important;
  border-bottom-color:#e3e7ea!important;
  box-shadow:0 8px 24px #1e2d370d!important;
}
.detail-photo{
  background:radial-gradient(circle at 50% 34%,#f4f5f6,#e3e8eb 74%)!important;
  border-color:#e1e6e9!important;
}
.badge{
  background:#f7f8fa!important;
  color:#51616b!important;
  border-color:#dfe4e8!important;
}
.specs td{
  border-bottom-color:#edf0f2!important;
  color:#25313a!important;
}
.specs td:last-child{color:#6a7982!important}


.cart-drawer{background:#17202966!important}
.cart-box{
  background:#fff!important;
  border-right-color:#e1e6e9!important;
  color:#1e2931!important;
  box-shadow:0 0 40px #17232d24!important;
}
.cart-row{border-bottom-color:#edf0f2!important}
.qty button{
  background:#fff!important;
  border-color:#dce2e6!important;
  color:#24313a!important;
}
.cart-summary{
  background:#f8f9fa!important;
  border-color:#e1e6e9!important;
}
.cart-summary div{color:#677781!important}
.cart-summary .grand{
  color:#17212a!important;
  border-top-color:#e2e6e9!important;
}


.tech-nav button{color:#556670!important}
.tech-nav button:hover,.tech-nav button.active{
  background:#f5f6f7!important;
  color:#b72734!important;
}
.diagram{background:#fff!important}
.diagram-list button{
  background:#fff!important;
  color:#22303a!important;
  border-color:#e0e5e8!important;
}
.diagram-list button:hover{border-color:#d2a1a6!important}
.safe-note{
  border-right-color:#b7852e!important;
  background:#fff9ed!important;
  color:#8a6927!important;
}


.location{
  background:#fff!important;
  box-shadow:0 14px 34px #20313b12!important;
}
.location-info{background:#fff!important}


.footer{color:#71818b!important}
.footer-shell{border-top-color:#e2e6e9!important}
.footer-brand-block p{color:#6f7f89!important}
.footer-link,.footer-location-btn{color:#6c7b84!important}
.footer-link:hover,.footer-location-btn:hover{color:#c92f3d!important}
.footer-bottom{
  border-top-color:#eceff1!important;
  color:#8b979e!important;
}


button:focus-visible,a:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible{
  outline:2px solid #d95661!important;
  outline-offset:2px!important;
}


.mobile-search-bar{
  background:#fff!important;
  border-top-color:#edf0f2!important;
}
.mobile-search-box button{
  background:#c92f3d!important;
  color:#fff!important;
}
.mobile-nav{
  background:#fffffff6!important;
  border-top-color:#dde3e7!important;
  box-shadow:0 -8px 24px #1b29320e!important;
}
.mobile-nav button{color:#71818b!important}
.mobile-nav button b{color:#28343d!important}
.mobile-nav i{color:#c92f3d!important}


select option{
  background:#fff;
  color:#1d2830;
}

:root{
  --bg:#F5F6F7;
  --surface:#FFFFFF;
  --surface2:#F8F9FA;
  --surface3:#F1F3F5;
  --line:#E1E5E8;
  --text:#1F2933;
  --muted:#6E7C86;
  --red:#C92F3D;
  --red2:#E24A57;
}


html,
body{
  background:#F5F6F7!important;
}

body{
  background:
    radial-gradient(circle at 85% -8%,#C92F3D0A,transparent 28%),
    linear-gradient(180deg,#F7F8F9 0%,#F5F6F7 45%,#F3F5F6 100%)!important;
}


.header,
.desktop-nav-wrap,
.confidence-item,
.offers,
.product-v2,
.quick,
.trust-card,
.filter-group,
.result-box,
.form-card,
.metric,
.analytics-card,
.tech-nav,
.diagram,
.location,
.location-info,
.cart-box,
.detail-photo{
  background-color:#FFFFFF!important;
}


.searchbox,
.mobile-search-box,
.field,
.sku-area,
.textarea,
.cart-summary,
.badge,
.mini-icon{
  background:#F8F9FA!important;
}


.confidence-item,
.offers,
.product-v2,
.quick,
.trust-card,
.filter-group,
.result-box,
.form-card,
.metric,
.analytics-card,
.tech-nav,
.diagram,
.location{
  border-color:#E1E5E8!important;
  box-shadow:0 8px 22px #1F29330C!important;
}

.product-v2:hover,
.product-v2:focus-visible{
  box-shadow:0 15px 34px #1F293318,0 0 0 1px #C92F3D0D!important;
}


.header{
  box-shadow:0 8px 26px #1F293310!important;
}

.desktop-nav-wrap{
  border-bottom:1px solid #E6E9EC!important;
}


.footer{
  background:#F5F6F7!important;
}
.footer-shell{
  border-top-color:#DDE2E6!important;
}


.hub{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  min-height:190px!important;
  isolation:isolate;
}
.hub::before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,.58) 45%,rgba(255,255,255,.28) 100%),
    linear-gradient(180deg,rgba(255,255,255,.04) 12%,rgba(245,246,247,.62) 100%)!important;
}
.hub::after{
  background:linear-gradient(145deg,rgba(201,47,61,.08),transparent 65%)!important;
}
.hub:hover::before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.70) 0%,rgba(255,255,255,.49) 44%,rgba(255,255,255,.20) 100%),
    linear-gradient(180deg,rgba(255,255,255,.02) 10%,rgba(245,246,247,.52) 100%)!important;
}
.hub h3{
  font-size:19.0px!important;
  font-weight:1000!important;
  color:#17212a!important;
}
.hub p{
  color:#455660!important;
  font-size:15.5px!important;
  font-weight:700;
}
.hub-icon{
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 24px rgba(22,31,38,.14)!important;
}


#appPage{
  background:#F5F6F7!important;
}
#pageBody{
  max-width:1240px;
  margin:auto;
}

.shop-page-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  padding:8px 2px 20px;
}
.shop-page-head h1{
  margin:5px 0 7px;
  font-size:31.0px;
  color:#1F2933;
}
.shop-page-head p{
  margin:0;
  color:#71808a;
  font-size:15.5px;
}
.shop-count-box{
  min-width:145px;
  padding:13px 16px;
  border:1px solid #E0E4E7;
  border-radius:16px;
  background:#fff;
  text-align:center;
  box-shadow:0 7px 18px #1F29330A;
}
.shop-count-box strong{
  display:block;
  color:#C92F3D;
  font-size:17.5px;
}
.shop-count-box small{
  display:block;
  margin-top:3px;
  color:#8A979F;
  font-size:14.0px;
}


.shop-filter-shell{
  position:sticky;
  top:64px;
  z-index:3;
  padding:14px;
  margin-bottom:30px;
  background:rgba(255,255,255,.96);
  border:1px solid #DDE2E6;
  border-radius:20px;
  box-shadow:0 14px 32px #1F293312;
  backdrop-filter:blur(12px);
}
.shop-toolbar-v2{
  display:grid!important;
  grid-template-columns:minmax(280px,1.65fr) minmax(175px,.75fr) minmax(165px,.7fr) auto!important;
  gap:9px!important;
  margin:0 0 13px!important;
}
.shop-search-field{
  position:relative;
}
.shop-search-field>span{
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  color:#89969D;
  font-size:19.0px;
  pointer-events:none;
}
.shop-search-field .field{
  padding-right:38px!important;
}
.shop-filter-shell .field{
  height:43px!important;
  border-color:#DDE2E6!important;
  background:#F8F9FA!important;
  color:#26323A!important;
  border-radius:11px!important;
}
.shop-filter-shell .field:focus{
  border-color:#D14A56!important;
  background:#fff!important;
  box-shadow:0 0 0 3px #C92F3D0D!important;
}
.shop-reset-btn{
  height:43px;
  padding-inline:14px!important;
  color:#A52834!important;
  border-color:#E2C5C8!important;
  background:#FFF8F8!important;
  white-space:nowrap;
}

.shop-filter-line{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:9px 0;
  border-top:1px solid #EDF0F2;
}
.shop-filter-title{
  padding-top:7px;
  color:#53636D;
  font-size:15.0px;
}
.shop-filter-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.shop-filter-chip{
  cursor:pointer;
  user-select:none;
}
.shop-filter-chip input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.shop-filter-chip span{
  display:block;
  padding:7px 11px;
  border:1px solid #DDE2E5;
  border-radius:999px;
  background:#F7F8F9;
  color:#586972;
  font-size:14.5px;
  font-weight:800;
  transition:.18s ease;
}
.shop-filter-chip:hover span{
  border-color:#D7A5AA;
  background:#FFF8F8;
  color:#A72834;
}
.shop-filter-chip input:checked + span{
  color:#fff;
  background:#C92F3D;
  border-color:#C92F3D;
  box-shadow:0 5px 13px #C92F3D24;
}

.shop-price-filter{
  align-items:center;
}
.shop-price-wrap{
  display:flex;
  align-items:center;
  gap:8px;
  max-width:310px;
}
.shop-price-wrap .field{
  width:210px;
}
.shop-price-wrap>span{
  color:#7B8991;
  font-size:14.5px;
}


.shop-results-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin:0 2px 14px;
  padding-top:2px;
}
.shop-results-head h2{
  margin:4px 0 0;
  color:#1F2933;
  font-size:24.0px;
}
.shop-results-note{
  color:#8A979E;
  font-size:14.5px;
}
.shop-product-grid{
  padding-bottom:30px;
}
.shop-product-grid .product-v2{
  background:#fff!important;
}


.shop-filter-shell .filter-panel,
.shop-filter-shell .filter-group{
  display:none!important;
}

@media(max-width:900px){
  .shop-filter-shell{
    top:64px;
    padding:11px;
  }
  .shop-toolbar-v2{
    grid-template-columns:1fr 1fr!important;
  }
  .shop-search-field{
    grid-column:1/-1;
  }
  .shop-filter-line{
    grid-template-columns:1fr;
    gap:5px;
  }
  .shop-filter-title{
    padding-top:0;
  }
  .shop-filter-chips{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .shop-filter-chips::-webkit-scrollbar{display:none}
  .shop-filter-chip span{white-space:nowrap}
}

@media(max-width:620px){
  .hub{
    min-height:155px!important;
  }
  .hub::before{
    background:
      linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.59) 56%,rgba(255,255,255,.27) 100%),
      linear-gradient(180deg,rgba(255,255,255,.02),rgba(245,246,247,.58))!important;
  }
  .hub h3{font-size:16.5px!important}
  .hub p{font-size:14.2px!important}

  .shop-page-head{
    align-items:stretch;
    gap:10px;
    padding-top:0;
  }
  .shop-page-head h1{font-size:24.0px}
  .shop-page-head p{font-size:14.5px}
  .shop-count-box{
    min-width:105px;
    padding:10px 8px;
  }

  .shop-filter-shell{
    position:relative;
    top:auto;
    margin-inline:-2px;
    margin-bottom:22px;
    border-radius:16px;
  }
  .shop-toolbar-v2{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .shop-search-field{grid-column:auto}
  .shop-reset-btn{width:100%}
  .shop-filter-line{padding:8px 0}
  .shop-filter-chip span{
    padding:7px 10px;
    font-size:14.0px;
  }
  .shop-price-wrap{max-width:none}
  .shop-price-wrap .field{width:100%}
  .shop-results-head h2{font-size:20.0px}
  .shop-results-note{display:none}
}

.shop-page-head.compact{padding:4px 2px 12px;align-items:center}
.shop-page-head.compact h1{font-size:27.0px;margin:3px 0 0}
.shop-count-box.compact{min-width:auto;padding:8px 12px;border-radius:12px}
.shop-count-box.compact strong{font-size:16.0px}
.shop-count-box.compact small{display:none}

.compact-filter-shell{padding:10px!important;margin-bottom:16px!important;border-radius:16px!important}
.shop-toolbar-compact{display:grid!important;grid-template-columns:minmax(250px,1.5fr) minmax(135px,.5fr) minmax(125px,.46fr) auto!important;gap:7px!important;margin:0!important}
.shop-toolbar-compact .field,.shop-toolbar-compact .btn{height:38px!important;font-size:15.0px!important;border-radius:9px!important}
.shop-search-field>span{right:11px!important;font-size:18.0px!important}
.shop-search-field .field{padding-right:34px!important}
.compact-reset{padding:0 12px!important;color:#9f2b35!important}

.compatibility-filter{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);gap:10px;align-items:center;margin-top:8px;padding:8px 10px;border:1px solid #ead8da;border-radius:12px;background:linear-gradient(90deg,#fffafa,#fff)}
.compatibility-title{display:flex;align-items:center;gap:8px}
.compatibility-icon{width:30px;height:30px;flex:0 0 auto;border-radius:9px;display:grid;place-items:center;background:#c92f3d0d;border:1px solid #c92f3d22;color:#c92f3d;font-weight:1000}
.compatibility-title b{display:block;color:#27343c;font-size:15.0px}
.compatibility-title small{display:block;margin-top:2px;color:#7c8991;font-size:14.0px}
.compatibility-controls{display:grid;grid-template-columns:1fr 1.25fr 30px;gap:6px}
.compatibility-controls .field{height:36px!important;padding:0 9px!important;font-size:14.5px!important;border-radius:9px!important}
.compat-clear{width:30px;height:36px;border:1px solid #e5dadd;border-radius:9px;background:#fff;color:#9f5e64;cursor:pointer;font-size:18.5px}
.compat-clear:hover{color:#fff;background:#c92f3d;border-color:#c92f3d}

.advanced-filters{margin-top:7px;border-top:1px solid #edf0f2}
.advanced-filters summary{min-height:34px;padding:7px 3px 0;cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;color:#4c5d66;font-size:14.5px;font-weight:900}
.advanced-filters summary::-webkit-details-marker{display:none}
.advanced-filters summary::before{content:"＋";width:20px;height:20px;display:grid;place-items:center;border:1px solid #dfe4e7;border-radius:7px;background:#f8f9fa;color:#7a8991}
.advanced-filters[open] summary::before{content:"−"}
.advanced-filters summary small{color:#98a3a9;font-size:14.0px;font-weight:500}
.advanced-filters-body{padding:3px 0 0}
.compact-line{grid-template-columns:64px minmax(0,1fr)!important;padding:6px 0!important}
.compact-line .shop-filter-title{font-size:14.5px!important;padding-top:5px!important}
.compact-line .shop-filter-chip span{padding:5px 9px!important;font-size:14.0px!important}
.compact-price .field{height:34px!important;font-size:14.5px!important}

.compat-status{display:flex;align-items:center;gap:9px;padding:9px 11px;margin:0 0 12px;border-radius:12px;border:1px solid #e0e5e8;background:#fff}
.compat-status>span{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;font-weight:1000}
.compat-status b{display:block;font-size:15.0px;color:#27343c}
.compat-status small{display:block;margin-top:2px;font-size:14.0px;color:#78868f;line-height:1.6}
.compat-status.ok{border-color:#cfe8db;background:#f8fdf9}
.compat-status.ok>span{color:#25885d;background:#e9f7ef}
.compat-status.warn{border-color:#ead9bf;background:#fffaf1}
.compat-status.warn>span{color:#a97925;background:#fff0d4}
.compat-status.neutral>span{color:#7a8992;background:#f2f4f5}

.compact-results-head{margin-bottom:10px!important}
.compact-results-head h2{font-size:21.0px!important}

@media(max-width:620px){
  .shop-page-head.compact{gap:8px;padding-bottom:9px}
  .shop-page-head.compact h1{font-size:21.0px}
  .shop-count-box.compact{padding:7px 9px}
  .shop-count-box.compact strong{font-size:15.0px}

  .compact-filter-shell{padding:8px!important;margin-bottom:12px!important;border-radius:14px!important}

  .shop-toolbar-compact{grid-template-columns:1fr 1fr 1fr!important;gap:5px!important}
  .shop-toolbar-compact .shop-search-field{grid-column:1/-1!important}
  .shop-toolbar-compact .field,.shop-toolbar-compact .btn{height:35px!important;min-width:0!important;width:100%!important;font-size:14.2px!important;padding-inline:7px!important}
  .compact-reset{font-size:14.0px!important}

  .compatibility-filter{grid-template-columns:1fr;gap:6px;margin-top:6px;padding:7px;border-radius:10px}
  .compatibility-title{gap:6px}
  .compatibility-icon{width:26px;height:26px;border-radius:8px;font-size:15.5px}
  .compatibility-title b{font-size:14.5px}
  .compatibility-title small{font-size:13.5px}

  .compatibility-controls{grid-template-columns:1fr 1.35fr 28px;gap:4px}
  .compatibility-controls .field{height:33px!important;font-size:14.0px!important;padding-inline:6px!important}
  .compat-clear{width:28px;height:33px;font-size:17.5px}

  .advanced-filters{margin-top:5px}
  .advanced-filters summary{min-height:30px;padding-top:5px;font-size:14.2px}
  .advanced-filters summary small{display:none}
  .advanced-filters-body{padding-top:0}
  .compact-line{display:block!important;padding:5px 0!important}
  .compact-line .shop-filter-title{display:block;margin-bottom:4px;padding:0!important;font-size:14.0px!important}
  .compact-line .shop-filter-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:5px;padding-bottom:2px}
  .compact-line .shop-filter-chip span{padding:5px 8px!important;font-size:13.8px!important}
  .compact-price-line{padding-bottom:2px!important}
  .compact-price{max-width:none!important}
  .compact-price .field{height:32px!important}

  .compat-status{padding:7px 8px;margin-bottom:9px;border-radius:10px}
  .compat-status>span{width:25px;height:25px}
  .compat-status b{font-size:14.2px}
  .compat-status small{font-size:13.5px}

  .compact-results-head{margin-bottom:7px!important}
  .compact-results-head h2{font-size:19.0px!important}
}

.shop-ref-hero{
  min-height:150px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin:4px 0 14px;
  padding:22px 24px;
  border:1px solid #e1e5e8;
  border-radius:24px;
  background:
    radial-gradient(circle at 90% 10%,rgba(201,47,61,.10),transparent 34%),
    linear-gradient(135deg,#fff,#f7f8f9);
  box-shadow:0 12px 30px #1f29330d;
}
.shop-ref-hero h1{
  margin:5px 0 8px;
  color:#1f2933;
  font-size:29.0px;
}
.shop-ref-hero p{
  margin:0;
  color:#75828b;
  font-size:15.0px;
}
.shop-ref-count{
  flex:0 0 auto;
  min-width:105px;
  padding:10px 13px;
  text-align:center;
  color:#c92f3d;
  background:#fff;
  border:1px solid #e2e6e9;
  border-radius:14px;
  font-size:16.0px;
  font-weight:1000;
}

.shop-ref-filters{
  padding:0 0 10px;
  margin-bottom:8px;
}
.shop-ref-search{
  height:48px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  margin-bottom:8px;
  border:1px solid #dce2e6;
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 16px #1f293308;
}
.shop-ref-search span{
  color:#7c8992;
  font-size:19.0px;
}
.shop-ref-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#1f2933;
  font-size:15.5px;
}
.shop-ref-search:focus-within{
  border-color:#d3a4a9;
  box-shadow:0 0 0 3px #c92f3d0c;
}

.shop-ref-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.shop-ref-select,
.shop-fit-btn{
  width:100%;
  height:43px;
  border:1px solid #dde2e6;
  border-radius:12px;
  background:#fff;
  color:#2d3941;
  padding:0 11px;
  font-size:15.0px;
  font-weight:800;
}
.shop-ref-select{
  outline:0;
}
.shop-ref-select:focus{
  border-color:#d2a2a7;
  box-shadow:0 0 0 3px #c92f3d0b;
}
.shop-fit-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  border-color:#e0c0c3;
  background:#fff8f8;
  color:#9f2934;
}
.shop-fit-btn span{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#c92f3d;
  color:#fff;
  font-size:15.0px;
}
.shop-fit-btn:hover{
  background:#fff1f2;
  border-color:#d79ca2;
}

.shop-section-tabs{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:9px 0 2px;
  scrollbar-width:none;
}
.shop-section-tabs::-webkit-scrollbar{display:none}
.shop-section-tabs button{
  flex:0 0 auto;
  height:36px;
  padding:0 15px;
  border:1px solid #dfe4e7;
  border-radius:999px;
  background:#fff;
  color:#677781;
  cursor:pointer;
  font-size:14.5px;
  font-weight:900;
  white-space:nowrap;
}
.shop-section-tabs button.active{
  color:#fff;
  background:#c92f3d;
  border-color:#c92f3d;
  box-shadow:0 7px 16px #c92f3d22;
}

.shop-ref-products-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:10px;
  margin:7px 0 10px;
}
.shop-pagination,.cp-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:18px auto 8px;color:#65747e;font-size:13px;text-align:center}
.shop-pagination .page-btn,.cp-pagination button{min-height:38px;padding:7px 16px;border:1px solid #dfe4e7;border-radius:10px;background:#fff;color:#273746;font:inherit;font-weight:700;cursor:pointer}
.shop-pagination .page-btn:disabled,.cp-pagination button:disabled{opacity:.45;cursor:not-allowed}
.shop-pagination .page-btn:not(:disabled):hover,.cp-pagination button:not(:disabled):hover{border-color:#c92f3d;color:#c92f3d}
.shop-ref-products-head h2{
  margin:3px 0 0;
  color:#1f2933;
  font-size:20.0px;
}
.shop-mini-sort{
  height:34px;
  padding:0 9px;
  border:1px solid #dfe4e7;
  border-radius:10px;
  background:#fff;
  color:#65747e;
  outline:0;
  font-size:14.0px;
}


.device-fit-backdrop{
  position:fixed;
  inset:0;
  z-index:500;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:#17202966;
  backdrop-filter:blur(4px);
}
.device-fit-backdrop.on{display:flex}
.device-fit-card{
  position:relative;
  width:min(440px,100%);
  padding:20px;
  border:1px solid #e1e5e8;
  border-radius:22px;
  background:#fff;
  box-shadow:0 28px 80px #17232c33;
}
.device-fit-close{
  position:absolute;
  top:10px;
  left:10px;
  width:32px;
  height:32px;
  border:0;
  border-radius:9px;
  background:#f4f5f6;
  color:#687780;
  cursor:pointer;
  font-size:20.0px;
}
.device-fit-head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding-left:34px;
  margin-bottom:17px;
}
.device-fit-icon{
  width:36px;
  height:36px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#c92f3d;
  color:#fff;
  font-weight:1000;
}
.device-fit-head h3{
  margin:0 0 5px;
  color:#202b33;
  font-size:18.0px;
}
.device-fit-head p{
  margin:0;
  color:#78868f;
  font-size:14.5px;
  line-height:1.8;
}
.device-fit-field{
  display:block;
  margin-top:10px;
}
.device-fit-field>span{
  display:block;
  margin-bottom:5px;
  color:#5b6a74;
  font-size:14.5px;
  font-weight:900;
}
.device-fit-field select{
  width:100%;
  height:43px;
  border:1px solid #dce2e6;
  border-radius:11px;
  background:#f8f9fa;
  color:#25313a;
  padding:0 10px;
  outline:0;
}
.device-fit-field select:focus{
  border-color:#d5a1a6;
  background:#fff;
  box-shadow:0 0 0 3px #c92f3d0d;
}
.device-fit-actions{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:8px;
  margin-top:16px;
}
.device-fit-actions .btn{
  height:42px;
}

.compact-fit-status{
  margin:2px 0 10px;
}
.compact-fit-status button{
  margin-inline-start:auto;
  border:0;
  background:transparent;
  color:#9d4a51;
  cursor:pointer;
  font-size:14.0px;
  font-weight:900;
}


.compact-filter-shell,
.shop-filter-shell.compact-filter-shell,
.advanced-filters,
.compatibility-filter{
  display:none!important;
}

@media(max-width:620px){
  .shop-ref-hero{
    min-height:118px;
    padding:16px;
    border-radius:20px;
    margin-bottom:10px;
  }
  .shop-ref-hero h1{
    font-size:23.0px;
    margin-bottom:5px;
  }
  .shop-ref-hero p{
    font-size:14.0px;
    line-height:1.6;
  }
  .shop-ref-count{
    min-width:82px;
    padding:8px;
    font-size:14.5px;
  }

  .shop-ref-search{
    height:43px;
    margin-bottom:6px;
    border-radius:12px;
  }
  .shop-ref-search input{
    font-size:14.5px;
  }

  .shop-ref-grid{
    gap:6px;
  }
  .shop-ref-select,
  .shop-fit-btn{
    height:39px;
    padding-inline:8px;
    border-radius:11px;
    font-size:14.2px;
  }
  .shop-fit-btn{
    line-height:1.35;
  }
  .shop-fit-btn span{
    width:20px;
    height:20px;
  }

  .shop-section-tabs{
    gap:6px;
    padding-top:8px;
  }
  .shop-section-tabs button{
    height:34px;
    padding-inline:13px;
    font-size:14.0px;
  }

  .shop-ref-products-head{
    margin-top:3px;
  }
  .shop-ref-products-head h2{
    font-size:18.5px;
  }
  .shop-mini-sort{
    height:31px;
    font-size:13.8px;
  }

  .device-fit-card{
    padding:17px;
    border-radius:19px;
  }
  .device-fit-head h3{
    font-size:17.0px;
  }
  .device-fit-head p{
    font-size:14.0px;
  }
}


.confidence-grid-real {
  grid-template-columns: repeat(4,1fr) !important;
  gap: 14px !important;
}
.feature-card {
  min-height: 136px !important;
  padding: 18px 14px !important;
  border-radius: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  background: linear-gradient(180deg,#ffffff,#fbfbfc) !important;
  border: 1px solid #e3e7ea !important;
  box-shadow: 0 12px 28px rgba(31,41,51,.08) !important;
}
.feature-card .feature-icon {
  width: 56px !important;
  height: 56px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 18px !important;
  margin-bottom: 12px !important;
  background: #fff !important;
  border: 1px solid #e8edf0 !important;
  box-shadow: 0 8px 20px rgba(31,41,51,.06) !important;
  color: #c92f3d !important;
  font-size:28.0px !important;
  line-height: 1 !important;
}
.feature-card b {
  display: block !important;
  color: #18222b !important;
  font-size:18.5px !important;
  font-weight: 950 !important;
  line-height: 1.65 !important;
  letter-spacing: -.2px !important;
}
.feature-card small {
  display: block !important;
  margin-top: 6px !important;
  color: #6d7c85 !important;
  font-size:15.5px !important;
  line-height: 1.9 !important;
  max-width: 180px !important;
}


.realistic-hubs {
  display: grid !important;
  grid-template-columns: repeat(4,1fr) !important;
  gap: 18px !important;
}
.realistic-hubs .hub {
  position: relative !important;
  min-height: auto !important;
  padding: 18px 16px 16px !important;
  border: 1px solid #e3e7ea !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg,#ffffff,#fafbfc) !important;
  box-shadow: 0 14px 34px rgba(31,41,51,.08) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.realistic-hubs .hub:hover {
  transform: translateY(-3px) !important;
  border-color: #dcc1c5 !important;
  box-shadow: 0 18px 42px rgba(31,41,51,.12), 0 0 0 1px rgba(201,47,61,.08) !important;
}
.realistic-hubs .hub::before,
.realistic-hubs .hub::after {
  display: none !important;
}
.realistic-hubs .hub-icon {
  display: none !important;
}
.realistic-hubs .hub-media {
  width: 172px;
  height: 172px;
  border-radius: 50%;
  margin: 4px auto 18px;
  border: 10px solid #f3f5f6;
  box-shadow: inset 0 0 0 1px #e5eaed, 0 10px 24px rgba(31,41,51,.08);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.realistic-hubs .hub-parts .hub-media {
  background-image: var(--ds-inline-img-2);
}
.realistic-hubs .hub-new .hub-media {
  background-image: var(--ds-inline-img-4);
}
.realistic-hubs .hub-tools .hub-media {
  background-image: var(--ds-inline-img-1);
}
.realistic-hubs .hub-stock .hub-media {
  background-image: var(--ds-inline-img-3);
}
.realistic-hubs .hub h3 {
  margin: 0 !important;
  color: #1c2730 !important;
  font-size:18.0px !important;
  font-weight: 950 !important;
  line-height: 1.6 !important;
  text-shadow: none !important;
}
.realistic-hubs .hub p {
  margin: 7px 0 0 !important;
  color: #6f7f88 !important;
  font-size:15.5px !important;
  line-height: 1.85 !important;
  text-shadow: none !important;
  max-width: 200px;
}


@media (max-width: 1000px) {
  .confidence-grid-real,
  .realistic-hubs {
    grid-template-columns: repeat(2,1fr) !important;
  }
}
@media (max-width: 620px) {
  .confidence-grid-real {
    gap: 10px !important;
  }
  .feature-card {
    min-height: 118px !important;
    padding: 14px 10px !important;
    border-radius: 18px !important;
  }
  .feature-card .feature-icon {
    width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
    margin-bottom: 10px !important;
    font-size:22.0px !important;
  }
  .feature-card b {
    font-size:16.5px !important;
    line-height: 1.55 !important;
  }
  .feature-card small {
    font-size:14.2px !important;
    line-height: 1.75 !important;
    max-width: 120px !important;
  }

  .realistic-hubs {
    gap: 12px !important;
  }
  .realistic-hubs .hub {
    padding: 12px 10px 14px !important;
    border-radius: 22px !important;
  }
  .realistic-hubs .hub-media {
    width: 112px;
    height: 112px;
    margin-bottom: 12px;
    border-width: 7px;
  }
  .realistic-hubs .hub h3 {
    font-size:16.5px !important;
  }
  .realistic-hubs .hub p {
    font-size:14.2px !important;
    line-height: 1.7 !important;
    max-width: 140px;
  }
}


.confidence-grid-inline {
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:12px !important;
}
.benefit-hero {
  position:relative !important;
  min-height:118px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:18px !important;
  border:1px solid #e3e7ea !important;
  box-shadow:0 10px 24px rgba(31,41,51,.08) !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
.benefit-price {background-image:url("/assets/img/img_9.webp") !important;}
.benefit-return {background-image:url("/assets/img/img_10.webp") !important;}
.benefit-warranty {background-image:url("/assets/img/img_11.webp") !important;}
.benefit-support {background-image:url("/assets/img/img_12.webp") !important;}

.benefit-hero::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.90) 44%, rgba(255,255,255,.62) 100%),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.78));
}
.benefit-overlay {
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  text-align:right;
}
.benefit-mini-icon {
  width:42px;
  height:42px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#ffffffda;
  border:1px solid #eceff1;
  box-shadow:0 6px 18px rgba(31,41,51,.08);
  color:#c92f3d;
  font-size:21.0px;
  font-weight:1000;
}
.benefit-overlay b {
  display:block;
  color:#16212a;
  font-size:17.0px !important;
  font-weight:950 !important;
  line-height:1.55 !important;
}
.benefit-overlay small {
  display:block;
  margin-top:5px;
  color:#6f7f88;
  font-size:14.5px !important;
  line-height:1.7 !important;
}


.realistic-hubs-rect {
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:16px !important;
}
.realistic-hubs-rect .hub {
  position:relative !important;
  min-height:auto !important;
  padding:12px 12px 14px !important;
  border:1px solid #e3e7ea !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#fff,#fafbfc) !important;
  box-shadow:0 14px 32px rgba(31,41,51,.08) !important;
  overflow:hidden !important;
  text-align:right !important;
  align-items:stretch !important;
}
.realistic-hubs-rect .hub::before,
.realistic-hubs-rect .hub::after,
.realistic-hubs-rect .hub-media,
.realistic-hubs-rect .hub-icon {
  display:none !important;
}
.hub-rect-media {
  height:154px;
  border-radius:16px;
  margin-bottom:12px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
.hub-parts .hub-rect-media {background-image:var(--ds-inline-img-2) !important;}
.hub-new .hub-rect-media {background-image:var(--ds-inline-img-4) !important;}
.hub-tools .hub-rect-media {background-image:var(--ds-inline-img-1) !important;}
.hub-stock .hub-rect-media {background-image:var(--ds-inline-img-3) !important;}
.realistic-hubs-rect .hub h3 {
  margin:0 !important;
  color:#1c2730 !important;
  font-size:18.0px !important;
  font-weight:950 !important;
  line-height:1.55 !important;
}
.realistic-hubs-rect .hub p {
  margin:6px 0 0 !important;
  color:#6d7b84 !important;
  font-size:15.0px !important;
  line-height:1.8 !important;
  max-width:none !important;
}

@media (max-width: 1000px) {
  .confidence-grid-inline,
  .realistic-hubs-rect {
    grid-template-columns:repeat(2,1fr) !important;
  }
}

@media (max-width: 620px) {
  .confidence-grid-inline {
    grid-template-columns:repeat(2,1fr) !important;
    gap:8px !important;
  }
  .benefit-hero {
    min-height:92px !important;
    border-radius:15px !important;
  }
  .benefit-overlay {
    padding:10px 10px;
    gap:8px;
  }
  .benefit-mini-icon {
    width:34px;
    height:34px;
    border-radius:11px;
    font-size:18.0px;
  }
  .benefit-overlay b {
    font-size:15.5px !important;
    line-height:1.45 !important;
  }
  .benefit-overlay small {
    font-size:13.8px !important;
    line-height:1.55 !important;
  }

  .realistic-hubs-rect {
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px !important;
  }
  .realistic-hubs-rect .hub {
    padding:10px 10px 12px !important;
    border-radius:18px !important;
  }
  .hub-rect-media {
    height:102px;
    border-radius:13px;
    margin-bottom:10px;
  }
  .realistic-hubs-rect .hub h3 {
    font-size:16.5px !important;
  }
  .realistic-hubs-rect .hub p {
    font-size:14.0px !important;
    line-height:1.65 !important;
  }
}


.confidence-grid-inline{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}


.benefit-hero{
  min-height:118px!important;
  background-size:cover!important;
  background-position:center!important;
  filter:saturate(1.22) contrast(1.05)!important;
}


.benefit-hero::before{
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.78) 0%,
      rgba(255,255,255,.60) 42%,
      rgba(255,255,255,.22) 100%),
    linear-gradient(180deg,
      rgba(255,255,255,.03) 0%,
      rgba(255,255,255,.28) 100%)!important;
}


.benefit-overlay{
  text-shadow:0 1px 0 rgba(255,255,255,.65);
}
.benefit-overlay b{
  color:#121b22!important;
  font-weight:1000!important;
}
.benefit-overlay small{
  color:#45545d!important;
  font-weight:700!important;
}
.benefit-mini-icon{
  background:rgba(255,255,255,.90)!important;
  border-color:rgba(255,255,255,.95)!important;
  box-shadow:0 7px 18px rgba(31,41,51,.14)!important;
}


@media(max-width:1000px){
  .confidence-grid-inline{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(175px,1fr))!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-bottom:5px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .confidence-grid-inline::-webkit-scrollbar{display:none}
  .confidence-grid-inline .benefit-hero{
    scroll-snap-align:start;
  }
}


@media(max-width:620px){
  .confidence-grid-inline{
    grid-template-columns:repeat(4,165px)!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding-inline:2px!important;
    padding-bottom:5px!important;
  }
  .benefit-hero{
    min-height:92px!important;
    border-radius:15px!important;
  }
  .benefit-hero::before{
    background:
      linear-gradient(90deg,
        rgba(255,255,255,.76) 0%,
        rgba(255,255,255,.55) 46%,
        rgba(255,255,255,.18) 100%),
      linear-gradient(180deg,
        rgba(255,255,255,.02),
        rgba(255,255,255,.22))!important;
  }
}

.confidence-grid-inline{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  overflow:visible!important;
  padding-bottom:0!important;
}


.benefit-hero{
  min-width:0!important;
  min-height:92px!important;
  border-radius:15px!important;
}


.benefit-hero::before{
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.76) 0%,
      rgba(255,255,255,.55) 48%,
      rgba(255,255,255,.18) 100%),
    linear-gradient(180deg,
      rgba(255,255,255,.02),
      rgba(255,255,255,.22))!important;
}

.benefit-overlay{
  padding:10px 9px!important;
  gap:7px!important;
}

.benefit-mini-icon{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  font-size:18.0px!important;
}

.benefit-overlay b{
  font-size:15.5px!important;
  line-height:1.35!important;
  white-space:normal!important;
}

.benefit-overlay small{
  font-size:13.8px!important;
  line-height:1.45!important;
  margin-top:3px!important;
}


@media(max-width:1000px){
  .confidence-grid-inline{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    overflow:visible!important;
  }
}


@media(max-width:620px){
  .confidence-grid-inline{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    overflow:visible!important;
    padding:0!important;
  }

  .benefit-hero{
    min-width:0!important;
    min-height:78px!important;
    border-radius:12px!important;
  }

  .benefit-overlay{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:4px!important;
    padding:7px 4px!important;
  }

  .benefit-mini-icon{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
    font-size:16.5px!important;
  }

  .benefit-overlay b{
    font-size:14.5px!important;
    line-height:1.25!important;
  }

  
  .benefit-overlay small{
    display:none!important;
  }
}


.benefit-overlay{
  direction:ltr!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  text-align:right!important;
  gap:7px!important;
}

.benefit-overlay > div:not(.benefit-mini-icon){
  direction:rtl!important;
  text-align:right!important;
  flex:1 1 auto!important;
  min-width:0!important;
}

.benefit-mini-icon{
  order:-1!important;
  flex:0 0 auto!important;
  margin:0!important;
}


@media(max-width:620px){
  .benefit-overlay{
    direction:ltr!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    text-align:right!important;
    gap:4px!important;
    padding:6px 5px!important;
  }

  .benefit-overlay > div:not(.benefit-mini-icon){
    direction:rtl!important;
    text-align:right!important;
    flex:1 1 auto!important;
  }

  .benefit-mini-icon{
    order:-1!important;
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    border-radius:8px!important;
    font-size:16.0px!important;
  }

  .benefit-overlay b{
    font-size:14.2px!important;
    line-height:1.3!important;
  }
}


.benefit-overlay > div:not(.benefit-mini-icon){
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:12px!important;
  padding:7px 8px!important;
  box-shadow:0 4px 14px rgba(31,41,51,.08)!important;
}


.benefit-overlay b{
  color:#111a21!important;
  font-weight:1000!important;
  text-shadow:none!important;
}

.benefit-overlay small{
  color:#4e5d66!important;
  font-weight:800!important;
  text-shadow:none!important;
}


.benefit-mini-icon{
  background:rgba(255,255,255,.94)!important;
}


@media(max-width:620px){
  .benefit-overlay > div:not(.benefit-mini-icon){
    padding:5px 6px!important;
    border-radius:10px!important;
  }

  .benefit-overlay b{
    font-size:14.3px!important;
    line-height:1.3!important;
  }
}

@media(max-width:620px){
  
  .page{
    bottom:64px!important;
    height:auto!important;
    z-index:150!important;
  }

  .mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:64px!important;
    z-index:190!important;
    background:rgba(255,255,255,.97)!important;
    border-top:1px solid #dde3e7!important;
    box-shadow:0 -8px 26px rgba(31,41,51,.10)!important;
    backdrop-filter:blur(14px)!important;
  }

  
  .cart-drawer{
    z-index:220!important;
  }
  .device-fit-backdrop{
    z-index:500!important;
  }

  .mobile-nav button{
    min-width:0!important;
    height:100%!important;
    padding:5px 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#75838c!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    font-size:14.0px!important;
    font-weight:800!important;
    transition:background .18s ease,color .18s ease!important;
  }

  .mobile-nav button b{
    color:#2c3941!important;
    font-size:18.5px!important;
    line-height:1!important;
    margin:0!important;
  }

  .mobile-nav button.is-active{
    color:#b62835!important;
    background:linear-gradient(180deg,rgba(201,47,61,.03),rgba(201,47,61,.09))!important;
  }

  .mobile-nav button.is-active b{
    color:#c92f3d!important;
  }

  .mobile-nav button.is-active::before{
    content:"";
    position:absolute;
    top:0;
    width:28px;
    height:3px;
    border-radius:0 0 4px 4px;
    background:#c92f3d;
  }

  .mobile-nav button{
    position:relative!important;
  }

  
  #pageBody{
    padding-bottom:18px!important;
  }

  .toast{
    z-index:300!important;
    bottom:74px!important;
  }
}

:root{
  --font-fa:"Vazirmatn",Tahoma,Arial,sans-serif;
}
html{scroll-padding-top:80px}
body,button,input,select,textarea{font-family:var(--font-fa)!important}
body{font-feature-settings:"ss01" 1}

.skip-link{
  position:fixed;top:-60px;right:16px;z-index:9999;
  padding:10px 14px;border-radius:10px;background:#18222b;color:#fff;
  text-decoration:none;font-weight:800;transition:top .18s ease;
}
.skip-link:focus{top:12px}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{
  outline:3px solid rgba(201,47,61,.28)!important;
  outline-offset:2px!important;
}

.product-breadcrumb{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  margin:2px 0 14px;color:#81909a;font-size:14.5px;
}
.product-breadcrumb button{
  border:0;background:transparent;color:#a92b36;padding:0;cursor:pointer;font-weight:900;
}
.product-breadcrumb strong{color:#4a5962;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.product-page-pro{
  display:grid;grid-template-columns:minmax(0,1.03fr) minmax(340px,.97fr);
  gap:22px;align-items:start;
}
.product-gallery-pro,
.product-buybox-pro,
.product-info-card{
  background:#fff;border:1px solid #e1e6e9;border-radius:24px;
  box-shadow:0 14px 38px rgba(31,41,51,.07);
}
.product-gallery-pro{padding:14px}
.product-main-photo{
  min-height:470px;border-radius:18px;background:linear-gradient(145deg,#f8f9fa,#eef1f3);
  display:grid;place-items:center;overflow:hidden;
}
.product-main-photo>img{width:100%;height:100%;max-height:560px;object-fit:contain}
.product-placeholder{padding:26px;text-align:center;align-content:center}
.product-placeholder svg{width:180px!important;height:180px!important;margin:auto}
.product-placeholder>div{margin-top:16px}
.product-placeholder b{display:block;color:#293740;font-size:16.5px}
.product-placeholder small{display:block;max-width:390px;margin:6px auto 0;color:#829099;font-size:14.5px;line-height:1.8}

.product-thumbs{display:flex;gap:8px;margin-top:10px;overflow:auto}
.product-thumbs button{width:74px;height:64px;padding:4px;border:1px solid #e2e6e9;border-radius:11px;background:#fff;cursor:pointer}
.product-thumbs button.active{border-color:#c92f3d;box-shadow:0 0 0 2px #c92f3d16}
.product-thumbs img{width:100%;height:100%;object-fit:contain}

.product-buybox-pro{padding:22px}
.product-labels{display:flex;flex-wrap:wrap;gap:6px}
.product-labels span{padding:5px 8px;border-radius:999px;background:#f3f5f6;color:#62727b;font-size:14.0px;font-weight:900}
.product-labels .good{background:#edf8f2;color:#247852}
.product-labels .bad{background:#fff0f1;color:#b62d39}
.product-buybox-pro h1{font-size:27.0px;line-height:1.55;color:#19242c;margin:11px 0 5px}
.product-subline{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#76858e;font-size:14.5px;border-bottom:1px solid #edf0f2;padding-bottom:13px}
.sku-copy{border:0;border-radius:8px;background:#f4f6f7;color:#56656e;padding:6px 8px;cursor:pointer;font-size:14.0px}
.product-price-pro{padding:16px 0 11px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.product-price-pro strong{font-size:24.0px;color:#17212a}
.product-price-pro .old{text-decoration:line-through;color:#98a3a9;font-size:15.0px}
.product-price-pro em{font-style:normal;padding:4px 7px;border-radius:999px;background:#fff0f1;color:#b82e3a;font-size:13.5px;font-weight:900}
.product-stock-pro{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;margin-bottom:12px}
.product-stock-pro b{font-size:14.5px}.product-stock-pro small{font-size:14.0px}
.product-stock-pro.in{background:#f0faf5;color:#267858}.product-stock-pro.out{background:#fff3f4;color:#a8343e}

.product-trust-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}
.product-trust-mini>div{padding:9px 8px;border:1px solid #e8ecee;border-radius:12px;background:#fafbfb}
.product-trust-mini b{display:block;color:#334149;font-size:14.0px}
.product-trust-mini small{display:block;color:#849199;font-size:13.5px;line-height:1.55;margin-top:3px}

.product-fit-box{border:1px solid #eadbdd;border-radius:15px;padding:11px;background:#fffafa;margin:12px 0}
.product-fit-box>div:first-child b{display:block;color:#8f2933;font-size:15.0px}
.product-fit-box>div:first-child small{display:block;color:#87939a;font-size:14.0px;margin-top:2px}
.fit-verdict{margin-top:9px;padding:8px 9px;border-radius:10px}
.fit-verdict b{font-size:14.2px}.fit-verdict small{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.fit-verdict small span{padding:4px 6px;border-radius:7px;background:#fff;font-size:13.5px}
.fit-verdict.ok{background:#eef9f3;color:#247853}.fit-verdict.neutral{background:#f3f5f6;color:#687780}

.product-main-cta{width:100%;min-height:48px;font-size:15.5px}
.product-caution{margin:8px 0 0;color:#88949b;font-size:14.0px;line-height:1.8}

.product-info-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:16px}
.product-info-card{padding:17px}
.compact-product-title{margin-bottom:6px!important}
.compact-product-title h2{font-size:18.5px!important}
.compat-chip-list{display:flex;gap:7px;flex-wrap:wrap}
.compat-chip-list span{padding:7px 9px;border-radius:9px;background:#f5f7f8;border:1px solid #e3e7e9;color:#4f6069;font-size:14.0px;font-weight:800}
.product-safe-note{margin-top:12px!important}
.product-related-pro{margin-top:22px}

.order-success{text-align:center;padding:42px!important}
.order-success h1{font-size:25.0px}

@media(max-width:760px){
  .product-page-pro{grid-template-columns:1fr;gap:10px}
  .product-main-photo{min-height:300px}
  .product-buybox-pro{padding:15px}
  .product-buybox-pro h1{font-size:20.0px}
  .product-trust-mini{grid-template-columns:repeat(3,1fr);gap:5px}
  .product-trust-mini>div{padding:7px 5px}
  .product-info-grid{grid-template-columns:1fr}
  .product-placeholder svg{width:130px!important;height:130px!important}
}

@media(max-width:620px){
  .product-gallery-pro,.product-buybox-pro,.product-info-card{border-radius:18px}
  .product-main-photo{min-height:250px;border-radius:14px}
  .product-price-pro strong{font-size:20.0px}
  .product-subline{align-items:flex-start;flex-direction:column}
  .product-trust-mini b{font-size:13.5px}
  .product-trust-mini small{font-size:13.0px}
}



.global-search-page{
  max-width:860px;
  margin:0 auto;
}
.global-search-head{
  padding:8px 2px 13px;
}
.global-search-head h1{
  margin:4px 0 5px;
  color:#17222a;
  font-size:25.0px;
}
.global-search-head p{
  margin:0;
  color:#7c8a92;
  font-size:14.5px;
}

.global-search-box{
  position:sticky;
  top:72px;
  z-index:8;
  min-height:54px;
  display:grid;
  grid-template-columns:28px 1fr 34px;
  align-items:center;
  gap:6px;
  padding:0 10px;
  margin-bottom:14px;
  background:rgba(255,255,255,.97);
  border:1px solid #dfe4e7;
  border-radius:16px;
  box-shadow:0 10px 28px rgba(31,41,51,.09);
  backdrop-filter:blur(12px);
}
.global-search-box>span{
  color:#c92f3d;
  font-size:20.0px;
  text-align:center;
}
.global-search-box input{
  width:100%;
  min-width:0;
  height:48px;
  border:0;
  outline:0;
  background:transparent;
  color:#18232b;
  font-size:15.5px;
}
.global-search-box button{
  width:30px;
  height:30px;
  border:0;
  border-radius:9px;
  background:#f3f5f6;
  color:#74828a;
  cursor:pointer;
  font-size:18.5px;
}

.global-search-section{
  margin-top:15px;
}
.global-search-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.global-search-section-head>b{
  color:#26343c;
  font-size:15.0px;
}
.global-search-section-head button{
  border:0;
  background:transparent;
  color:#b62c38;
  cursor:pointer;
  font-size:14.0px;
  font-weight:900;
}

.recent-search-chips{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.recent-search-chips button{
  border:1px solid #e1e6e9;
  border-radius:999px;
  padding:7px 10px;
  background:#fff;
  color:#596a73;
  cursor:pointer;
  font-size:14.0px;
}

.global-search-results{
  display:grid;
  gap:8px;
}
.global-result-card{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:11px;
  padding:9px;
  background:#fff;
  border:1px solid #e1e6e9;
  border-radius:15px;
  cursor:pointer;
  box-shadow:0 7px 20px rgba(31,41,51,.055);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.global-result-card:hover{
  transform:translateY(-1px);
  border-color:#dfbec2;
  box-shadow:0 10px 26px rgba(31,41,51,.08);
}
.global-result-visual{
  min-height:75px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#f5f7f8;
  overflow:hidden;
}
.global-result-visual svg{
  width:52px!important;
  height:52px!important;
}
.global-result-top,
.global-result-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.global-result-top span{
  color:#849199;
  font-size:13.5px;
}
.global-result-info h3{
  margin:5px 0 2px;
  color:#1f2b33;
  font-size:15.5px;
  line-height:1.55;
}
.global-result-info p{
  margin:0;
  color:#8a969d;
  font-size:13.8px;
}
.global-result-bottom{
  margin-top:7px;
}
.global-result-bottom b{
  color:#18242c;
  font-size:15.0px;
}
.global-result-bottom span{
  color:#b52d38;
  font-size:13.5px;
  font-weight:900;
}

.global-search-empty{
  padding:30px 18px;
  text-align:center;
  background:#fff;
  border:1px dashed #dce2e5;
  border-radius:16px;
}
.global-search-empty b{
  display:block;
  color:#2c3941;
  font-size:15.5px;
}
.global-search-empty small{
  display:block;
  margin:5px 0 13px;
  color:#89959c;
  font-size:14.0px;
}

@media(max-width:620px){
  .global-search-head h1{font-size:20.0px}
  .global-search-box{
    top:64px;
    min-height:49px;
    border-radius:14px;
  }
  .global-search-box input{
    height:43px;
    font-size:14.5px;
  }
  .global-result-card{
    grid-template-columns:68px minmax(0,1fr);
    gap:8px;
    border-radius:13px;
    padding:7px;
  }
  .global-result-visual{min-height:64px}
  .global-result-visual svg{width:44px!important;height:44px!important}
  .global-result-info h3{font-size:14.8px}
  .global-result-bottom b{font-size:14.2px}
}



:root{
  --ds-red:#c92f3d;--ds-red-2:#e23343;--ds-ink:#172129;--ds-muted:#6f7d86;
  --ds-line:#e3e7e9;--ds-surface:#fff;--ds-soft:#f5f6f7;--ds-dark:#111820;
  --ds-shadow:0 18px 48px rgba(31,41,51,.09);--ds-ease:cubic-bezier(.2,.8,.2,1);
}
body{background:radial-gradient(circle at 100% 0%,rgba(201,47,61,.045),transparent 28%),linear-gradient(#f7f8f9,#f5f6f7)!important;color:var(--ds-ink)!important}

.brand-topbar{background:linear-gradient(90deg,#111820,#1c2630);color:#dfe6ea;font-size:14.0px}
.brand-topbar-inner{min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand-topbar-main,.brand-topbar-side{display:flex;align-items:center;gap:18px}
.brand-topbar-main span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.brand-topbar svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brand-topbar-side button{border:0;background:transparent;color:#dfe6ea;cursor:pointer;font-size:14.0px}
.brand-topbar-side button:hover{color:#fff}

.modern-header{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px) saturate(1.25);border-bottom:1px solid rgba(223,229,232,.86);transition:box-shadow .25s var(--ds-ease),background .25s var(--ds-ease)}
.modern-header.is-scrolled{background:rgba(255,255,255,.97)!important;box-shadow:0 10px 32px rgba(31,41,51,.09)}
.modern-header .head{transition:min-height .25s var(--ds-ease)}
.modern-header.is-scrolled .head{min-height:60px!important}
.modern-icon-btn .icon-shell{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#f5f7f8;border:1px solid #e8ecee}
.modern-icon-btn svg,.mobile-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.desktop-nav .nav-link{position:relative;transition:color .2s ease,background .2s ease}
.desktop-nav .nav-link::after{content:"";position:absolute;right:16px;left:16px;bottom:3px;height:2px;border-radius:2px;background:var(--ds-red);transform:scaleX(0);transform-origin:center;transition:transform .2s var(--ds-ease)}
.desktop-nav .nav-link:hover::after,.desktop-nav .nav-link.active::after{transform:scaleX(1)}


.premium-hero{padding:22px 0 12px}
.premium-hero-shell{min-height:520px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:stretch;overflow:hidden;border-radius:32px;background:radial-gradient(circle at 15% 20%,rgba(226,51,67,.16),transparent 28%),linear-gradient(135deg,#121a22 0%,#17232d 55%,#111820 100%);box-shadow:0 28px 72px rgba(17,24,32,.20);position:relative}
.premium-hero-shell::before{content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,black 24%,black 75%,transparent)}
.premium-hero-copy{position:relative;z-index:3;padding:58px 52px 52px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.hero-eyebrow{width:max-content;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#e9eff2;font-size:14.5px;font-weight:800}
.hero-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#e23343;box-shadow:0 0 0 5px rgba(226,51,67,.12)}
.premium-hero h1{margin:15px 0 13px;font-size:42.0px;line-height:1.38;letter-spacing:-1.2px;font-weight:1000}
.premium-hero h1 span{display:block;color:#ff4052}
.hero-lead{margin:0;max-width:580px;color:#c6d0d6;font-size:16.5px;line-height:2}
.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.hero-actions .btn{min-height:46px;padding:0 18px;border-radius:12px;font-weight:900;transition:transform .18s ease}
.hero-actions .btn:hover{transform:translateY(-2px)}
.hero-primary{background:linear-gradient(135deg,#e63344,#c92f3d)!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(201,47,61,.28)!important}
.hero-primary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;vertical-align:middle}
.hero-secondary{background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.20)!important}
.hero-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09)}
.hero-trust-row>div{display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:center}
.hero-trust-row span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.07);color:#ff5361}
.hero-trust-row svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-trust-row b{font-size:14.5px;color:#f6f8f9}.hero-trust-row small{font-size:13.5px;color:#8999a3;margin-top:1px}
.premium-hero-visual{position:relative;min-height:520px;overflow:hidden}
.hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,#17232d 0%,rgba(23,35,45,.50) 28%,rgba(23,35,45,.06) 62%,rgba(23,35,45,.02) 100%),var(--ds-inline-img-2);background-size:cover;background-position:center;filter:saturate(1.05) contrast(1.04);transform:scale(1.025)}
.hero-glow{position:absolute;inset:auto 8% 5% auto;width:260px;height:260px;border-radius:50%;background:rgba(226,51,67,.24);filter:blur(70px)}
.hero-float-card{position:absolute;z-index:3;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.91);border:1px solid rgba(255,255,255,.7);box-shadow:0 16px 40px rgba(0,0,0,.18);backdrop-filter:blur(12px);color:#1c2730}
.hero-float-card b{display:block;font-size:14.5px}.hero-float-card small{display:block;font-size:13.5px;color:#6d7b84;margin-top:2px}
.hero-float-one{top:38px;left:30px}.hero-float-two{bottom:42px;right:28px;display:flex;align-items:center;gap:7px}
.hero-float-two span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eaf7ef;color:#25815b}
.hero-float-two svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.hero-industrial-grid{position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(transparent,rgba(17,24,32,.72))}


.section{padding:34px 0!important}
.section-title h2{font-size:25.0px!important;letter-spacing:-.35px}
.section-title .kicker{font-size:14.0px!important;letter-spacing:.2px}
.brand-chip{transition:transform .18s var(--ds-ease),box-shadow .18s ease,border-color .18s ease!important}
.brand-chip:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(31,41,51,.08)}


.modern-benefits .benefit-hero{transition:transform .2s var(--ds-ease),box-shadow .2s ease}
.modern-benefits .benefit-hero:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(31,41,51,.12)!important}
.modern-benefits .benefit-mini-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}


.realistic-hubs-rect .hub{transition:transform .22s var(--ds-ease),box-shadow .22s ease,border-color .22s ease!important}
.realistic-hubs-rect .hub:hover{transform:translateY(-5px)!important;box-shadow:0 22px 48px rgba(31,41,51,.12)!important}
.realistic-hubs-rect .hub-rect-media{transition:transform .35s var(--ds-ease),filter .35s ease}
.realistic-hubs-rect .hub:hover .hub-rect-media{transform:scale(1.025);filter:saturate(1.12) contrast(1.02)}
.hub-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 5px}
.hub-count{font-size:13.5px;font-weight:900;color:#9b4850;background:#fff1f2;border:1px solid #f0d9dc;border-radius:999px;padding:4px 7px}
.hub-arrow{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#f4f6f7;color:#6b7880;transition:transform .2s ease,background .2s ease,color .2s ease}
.realistic-hubs-rect .hub:hover .hub-arrow{transform:translateX(-2px);background:#c92f3d;color:#fff}


.tech-pro-strip{padding:2px 0 18px}
.tech-pro-inner{min-height:92px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:radial-gradient(circle at 10% 50%,rgba(226,51,67,.18),transparent 27%),linear-gradient(135deg,#17212a,#111820);color:#fff;box-shadow:0 16px 42px rgba(17,24,32,.14);overflow:hidden;position:relative}
.tech-pro-inner::after{content:"";position:absolute;left:-35px;top:-60px;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.06)}
.tech-pro-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.07);color:#ff4352}
.tech-pro-icon svg,.tech-pro-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tech-pro-copy span{display:block;color:#ff6570;font-size:14.0px;font-weight:900}.tech-pro-copy b{display:block;margin-top:4px;font-size:16.5px}
.tech-pro-btn{min-height:42px!important;background:#fff!important;color:#202c34!important;border:0!important}
.tech-pro-btn svg{width:14px;height:14px;vertical-align:middle}


.product.product-v2{border-radius:20px!important;border:1px solid #e3e7e9!important;box-shadow:0 10px 30px rgba(31,41,51,.06)!important;overflow:hidden!important;transition:transform .22s var(--ds-ease),box-shadow .22s ease,border-color .22s ease!important}
.product.product-v2:hover{transform:translateY(-5px)!important;box-shadow:0 22px 46px rgba(31,41,51,.12)!important;border-color:#e0c3c6!important}
.product-v2 .product-pic{min-height:190px!important;background:linear-gradient(145deg,#f8f9fa,#eef1f3)!important;overflow:hidden!important}
.product-v2 .product-pic svg{transition:transform .3s var(--ds-ease),filter .3s ease!important}
.product-v2:hover .product-pic svg{transform:scale(1.06) translateY(-3px);filter:drop-shadow(0 12px 15px rgba(31,41,51,.12))}
.product-v2 .product-action{transition:transform .18s ease,background .18s ease!important}
.product-v2 .product-action:hover{transform:scale(1.07);background:#b92835!important}


.manufacturer-story{padding:36px 0 42px}
.manufacturer-shell{display:grid;grid-template-columns:1.02fr .98fr;min-height:480px;overflow:hidden;border-radius:30px;background:#fff;border:1px solid #e2e7e9;box-shadow:var(--ds-shadow)}
.manufacturer-photo{min-height:480px;position:relative;background:linear-gradient(180deg,rgba(17,24,32,.05),rgba(17,24,32,.65)),var(--ds-inline-img-3);background-size:cover;background-position:center}
.manufacturer-photo-overlay{position:absolute;right:28px;bottom:28px;color:#fff;max-width:300px}
.manufacturer-photo-overlay span{display:block;color:#ff626e;font-size:14.5px;font-weight:900}.manufacturer-photo-overlay b{display:block;margin-top:6px;font-size:20.0px;line-height:1.7}
.manufacturer-copy{padding:44px 42px;display:flex;flex-direction:column;justify-content:center}
.manufacturer-copy h2{font-size:30.0px;line-height:1.55;margin:7px 0 12px}.manufacturer-copy h2 span{color:#c92f3d}
.manufacturer-copy>p{font-size:15.5px;line-height:2.1;color:#667680;margin:0}
.manufacturer-points{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.manufacturer-points>div{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:9px;border-radius:12px;background:#f7f8f9;border:1px solid #e8ecee}
.manufacturer-points span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#c92f3d;box-shadow:0 6px 14px rgba(31,41,51,.06)}
.manufacturer-points svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.manufacturer-points b{display:block;font-size:14.5px;color:#2b3942}.manufacturer-points small{display:block;font-size:13.5px;color:#87939a;margin-top:2px}
.manufacturer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}


@media(min-width:761px){.product-buybox-pro{position:sticky!important;top:112px!important}}
.global-search-head{padding:18px 20px!important;border-radius:20px;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e5e9eb;margin-bottom:10px}
.global-search-head h1{font-size:28.0px!important}
.global-search-box{border-color:#d9dfe2!important;box-shadow:0 14px 34px rgba(31,41,51,.10)!important}
.location{border-radius:24px!important;overflow:hidden!important;box-shadow:var(--ds-shadow)!important}
.footer{background:linear-gradient(180deg,#1a232b,#10171d)!important;color:#dce4e8!important}
.footer .footer-shell{padding-top:34px!important}


.reveal{opacity:0;transform:translateY(14px);transition:opacity .52s var(--ds-ease),transform .52s var(--ds-ease)}
.reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal{opacity:1!important;transform:none!important}}
@keyframes dsCartPulse{0%{transform:scale(1)}45%{transform:scale(1.18)}100%{transform:scale(1)}}
.cart-pulse{animation:dsCartPulse .34s var(--ds-ease)}

@media(max-width:900px){
  .brand-topbar-side{display:none}
  .premium-hero-shell{grid-template-columns:1fr;min-height:auto}
  .premium-hero-copy{padding:38px 30px 30px}
  .premium-hero-visual{min-height:360px}
  .premium-hero h1{font-size:34.0px}
  .manufacturer-shell{grid-template-columns:1fr}
  .manufacturer-photo{min-height:360px}
}
@media(max-width:620px){
  .brand-topbar{display:none}
  .premium-hero{padding:8px 0 4px}
  .premium-hero-shell{border-radius:20px}
  .premium-hero-copy{padding:24px 17px 18px}
  .hero-eyebrow{font-size:13.5px}
  .premium-hero h1{font-size:28.0px;line-height:1.48;margin-top:11px}
  .hero-lead{font-size:14.5px;line-height:1.9}
  .hero-actions{margin-top:15px}
  .hero-actions .btn{min-height:40px;font-size:14.0px;padding:0 12px}
  .hero-trust-row{gap:5px;margin-top:18px;padding-top:14px}
  .hero-trust-row>div{grid-template-columns:28px 1fr;column-gap:5px}
  .hero-trust-row span{width:28px;height:28px}.hero-trust-row svg{width:14px;height:14px}
  .hero-trust-row b{font-size:13.5px}.hero-trust-row small{font-size:13.0px}
  .premium-hero-visual{min-height:245px}
  .hero-float-one{top:15px;left:12px}.hero-float-two{bottom:15px;right:12px}
  .hero-float-card{padding:7px 8px;border-radius:10px}.hero-float-card b{font-size:13.5px}.hero-float-card small{font-size:13.0px}
  .section{padding:24px 0!important}.section-title h2{font-size:19.5px!important}
  .tech-pro-inner{grid-template-columns:39px 1fr;gap:9px;padding:12px}
  .tech-pro-icon{width:39px;height:39px;border-radius:12px}
  .tech-pro-copy b{font-size:14.5px;line-height:1.6}
  .tech-pro-btn{grid-column:1/-1;width:100%;min-height:37px!important;font-size:14.0px!important}
  .product-v2 .product-pic{min-height:150px!important}
  .manufacturer-story{padding:24px 0 28px}
  .manufacturer-shell{border-radius:20px}
  .manufacturer-photo{min-height:260px}
  .manufacturer-photo-overlay{right:18px;bottom:18px;max-width:220px}
  .manufacturer-photo-overlay b{font-size:17.5px}
  .manufacturer-copy{padding:24px 18px}
  .manufacturer-copy h2{font-size:22.0px}
  .manufacturer-copy>p{font-size:14.2px;line-height:1.95}
  .manufacturer-points{grid-template-columns:1fr 1fr;gap:6px}
  .manufacturer-points>div{grid-template-columns:31px 1fr;padding:7px;gap:6px}
  .manufacturer-points span{width:31px;height:31px}
  .manufacturer-points b{font-size:13.8px}.manufacturer-points small{font-size:13.0px}
  .mobile-nav button b svg{width:19px!important;height:19px!important}
}





.modern-header{all:unset}


.home-dual-banners{
  padding:8px 0 24px;
}
.home-dual-banners-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.home-dual-banners-grid>.service-workshop-banner{
  grid-column:1/-1;
}

@media(max-width:980px){
  .home-dual-banners-grid>.service-workshop-banner{
    grid-column:auto;
  }
}

.home-service-banner{
  position:relative;
  min-height:185px;
  overflow:hidden;
  border-radius:18px;
  box-shadow:0 12px 30px rgba(31,41,51,.10);
  border:1px solid rgba(0,0,0,.05);
  isolation:isolate;
}
.home-service-bg{
  position:absolute;
  inset:0;
  z-index:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
}
.service-tech-banner .home-service-bg{
  background-image:var(--ds-inline-img-1, url('img/img_1.webp'));
  background-position:center;
}
.service-fit-banner .home-service-bg{
  background-image:var(--ds-inline-img-4, url('img/img_4.webp'));
  background-position:center;
}
.service-workshop-banner .home-service-bg{
  background-image:var(--ds-inline-img-1, url('img/img_1.webp'));
  background-position:center;
}

.home-service-overlay{
  position:absolute;
  inset:0;
  z-index:1;
}
.service-tech-banner .home-service-overlay{
  background:
    linear-gradient(90deg,rgba(175,17,37,.96) 0%,rgba(190,22,43,.92) 42%,rgba(140,17,31,.48) 66%,rgba(17,24,32,.20) 100%);
}
.service-fit-banner .home-service-overlay{
  background:
    linear-gradient(90deg,rgba(10,17,24,.88) 0%,rgba(12,20,29,.78) 50%,rgba(10,17,24,.45) 72%,rgba(10,17,24,.20) 100%);
}
.service-workshop-banner .home-service-overlay{
  background:
    radial-gradient(circle at 80% 24%,rgba(255,255,255,.12),transparent 18%),
    linear-gradient(90deg,rgba(11,18,24,.92) 0%,rgba(17,27,36,.82) 46%,rgba(17,27,36,.42) 74%,rgba(17,27,36,.18) 100%);
}

.home-service-copy{
  position:relative;
  z-index:2;
  min-height:185px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:24px 28px;
  color:#fff;
}
.banner-line-icon{
  width:54px;
  height:54px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  color:#fff;
  opacity:.92;
}
.banner-line-icon svg{
  width:48px;
  height:48px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.home-service-copy h3{
  margin:0 0 8px;
  font-size:23.0px;
  font-weight:950;
  line-height:1.5;
  color:#fff;
}
.home-service-copy p{
  margin:0 0 16px;
  color:rgba(255,255,255,.87);
  font-size:15.5px;
  line-height:1.9;
  font-weight:650;
}
.home-service-copy button{
  min-height:40px;
  padding:0 17px;
  border:0;
  border-radius:10px;
  background:#fff;
  color:#222d35;
  font-family:inherit;
  font-size:14.5px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.home-service-copy button span{
  font-size:18.5px;
  margin-right:8px;
  vertical-align:-1px;
}
.fit-copy{
  justify-content:flex-start;
  padding-right:34px;
}
.fit-copy h3{
  font-size:22.0px;
}


.home-service-banner{
  transition:transform .2s ease,box-shadow .2s ease;
}
.home-service-banner:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 38px rgba(31,41,51,.14);
}


@media(max-width:620px){
  .mobile-nav{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  .mobile-nav button{
    padding-inline:1px!important;
    font-size:13.5px!important;
  }
  .mobile-nav button b{
    font-size:18.0px!important;
  }

  .home-dual-banners{
    padding:6px 0 16px;
  }
  .home-dual-banners-grid{
    grid-template-columns:1fr;
    gap:9px;
  }
  .home-service-banner{
    min-height:138px;
    border-radius:15px;
  }
  .home-service-copy{
    min-height:138px;
    padding:16px 17px;
    gap:11px;
  }
  .banner-line-icon{
    width:40px;
    height:40px;
  }
  .banner-line-icon svg{
    width:38px;
    height:38px;
  }
  .home-service-copy h3{
    font-size:18.0px;
    margin-bottom:4px;
  }
  .fit-copy h3{
    font-size:17.5px;
  }
  .home-service-copy p{
    font-size:14.0px;
    margin-bottom:10px;
  }
  .home-service-copy button{
    min-height:34px;
    padding:0 12px;
    border-radius:8px;
    font-size:13.8px;
  }
}



.reference-header-zone{
  padding:12px 0 20px;
}
.reference-search-wrap{
  margin-bottom:18px;
}
.reference-search-shell{
  display:grid;
  grid-template-columns:140px 1fr;
  gap:12px;
  align-items:center;
}
.reference-search-btn{
  min-height:78px;
  border:0;
  border-radius:28px;
  background:linear-gradient(180deg,#e53945,#c92f3d);
  color:#fff;
  font-family:inherit;
  font-size:24.0px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(201,47,61,.18);
}
.reference-search-field{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 28px 0 24px;
  border-radius:28px;
  background:#fff;
  border:2px solid #eaedef;
  box-shadow:0 12px 26px rgba(31,41,51,.05);
}
.reference-search-field input{
  flex:1 1 auto;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#202b33;
  font-family:inherit;
  font-size:20.0px;
  font-weight:700;
}
.reference-search-field input::placeholder{
  color:#616d75;
}
.reference-search-icon{
  flex:0 0 auto;
  color:#202b33;
  font-size:34.0px;
  line-height:1;
}

.reference-main-slider{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  background:#0f151c;
  box-shadow:0 20px 45px rgba(31,41,51,.12);
}
.ref-slider-track{
  position:relative;
  min-height:650px;
}
.ref-slide{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s ease;
}
.ref-slide.is-active{
  opacity:1;
  pointer-events:auto;
}
.ref-slide-bg{
  position:absolute;
  inset:0;
  z-index:0;
  background-size:cover;
  background-position:center;
  filter:saturate(1.05) contrast(1.02);
}
.ref-slide-shell{
  position:relative;
  z-index:1;
  min-height:585px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  padding:40px 42px 24px;
}
.ref-slide-copy{
  max-width:640px;
  color:#fff;
}
.ref-brand{
  color:#ff3b46;
  font-size:64.0px;
  font-weight:1000;
  line-height:1;
  letter-spacing:.5px;
  margin-bottom:18px;
}
.ref-brand.muted-light{
  color:#ffffff;
  font-size:28.0px;
  opacity:.92;
}
.ref-slide-copy h2{
  margin:0;
  line-height:1.22;
}
.ref-slide-copy h2 span{
  display:block;
  color:#ffe17b;
  font-size:72.0px;
  font-weight:1000;
}
.ref-slide-copy h2 strong{
  display:block;
  color:#fff;
  font-size:52.0px;
  font-weight:950;
}
.ref-divider{
  width:62%;
  max-width:360px;
  height:2px;
  margin:24px 0 18px;
  background:rgba(255,255,255,.26);
}
.ref-slide-copy p{
  margin:0;
  color:rgba(255,255,255,.92);
  font-size:28.0px;
  font-weight:850;
  line-height:1.6;
}
.ref-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}
.ref-feature-grid>div{
  min-height:105px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  border-left:1px solid rgba(255,255,255,.20);
  color:#f5d978;
  padding:10px 8px;
}
.ref-feature-grid>div:last-child{
  border-left:0;
}
.ref-feature-grid b{
  display:block;
  font-size:30.0px;
  color:#f5d978;
  font-weight:950;
}
.ref-feature-grid span{
  display:block;
  margin-top:6px;
  font-size:20.0px;
  line-height:1.45;
  color:#fff;
  font-weight:850;
}

.ref-slide-visual{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:480px;
}
.ref-brand-mark{
  position:absolute;
  top:10px;
  right:12px;
  color:#fff;
  font-size:28.0px;
  font-weight:950;
}
.ref-slide-visual img{
  max-width:92%;
  max-height:470px;
  object-fit:contain;
  filter:drop-shadow(0 24px 40px rgba(0,0,0,.30));
}
.ref-visual-cardless{
  align-items:flex-end;
  justify-content:flex-end;
}
.ref-highlight-card{
  min-width:210px;
  padding:18px 20px;
  border-radius:18px;
  background:rgba(255,255,255,.92);
  color:#1c2730;
  box-shadow:0 18px 35px rgba(0,0,0,.18);
}
.ref-highlight-card.dark{
  background:rgba(17,24,32,.72);
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
}
.ref-highlight-card b{
  display:block;
  font-size:24.0px;
  font-weight:950;
}
.ref-highlight-card small{
  display:block;
  margin-top:6px;
  font-size:18.0px;
  line-height:1.7;
}

.ref-slide-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}
.ref-inline-cta,
.ref-inline-ghost{
  min-height:52px;
  padding:0 22px;
  border-radius:14px;
  font-family:inherit;
  font-size:19.0px;
  font-weight:900;
  cursor:pointer;
}
.ref-inline-cta{
  border:0;
  background:#fff;
  color:#1d2830;
}
.ref-inline-ghost{
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#fff;
}

.ref-slide-footer{
  position:relative;
  z-index:1;
  min-height:65px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  padding:0 28px 22px;
  color:#fff;
}
.ref-slide-meta,
.ref-slide-side-title{
  font-size:19.0px;
  font-weight:850;
}
.ref-slide-side-title{
  text-align:left;
}
.ref-slider-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
}
.ref-slider-dots button{
  width:18px;
  height:18px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.55);
  cursor:pointer;
}
.ref-slider-dots button.is-active{
  width:56px;
  border-radius:999px;
  background:#d93344;
}

.ref-slider-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:76px;
  height:140px;
  border:0;
  border-radius:26px;
  background:rgba(255,255,255,.38);
  color:#232d36;
  font-size:64.0px;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.ref-slider-arrow.prev{ right:22px; }
.ref-slider-arrow.next{ left:22px; }

@media(max-width:1100px){
  .reference-search-shell{
    grid-template-columns:120px 1fr;
  }
  .reference-search-btn,
  .reference-search-field{
    min-height:66px;
  }
  .reference-search-btn{
    font-size:20.0px;
  }
  .reference-search-field input{
    font-size:19.0px;
  }
  .ref-slider-track{
    min-height:520px;
  }
  .ref-slide-shell{
    min-height:470px;
    padding:28px 26px 18px;
  }
  .ref-slide-copy h2 span{ font-size:50.0px; }
  .ref-slide-copy h2 strong{ font-size:38.0px; }
  .ref-brand{ font-size:46.0px; }
  .ref-slide-copy p{ font-size:22.0px; }
  .ref-feature-grid b{ font-size:24.0px; }
  .ref-feature-grid span{ font-size:18.0px; }
  .ref-slide-visual img{
    max-height:370px;
  }
  .ref-slider-arrow{
    width:58px;
    height:108px;
    font-size:54.0px;
  }
}

@media(max-width:620px){
  .reference-header-zone{
    padding:8px 0 12px;
  }
  .reference-search-wrap{
    margin-bottom:12px;
  }
  .reference-search-shell{
    grid-template-columns:92px 1fr;
    gap:8px;
  }
  .reference-search-btn{
    min-height:56px;
    border-radius:20px;
    font-size:18.0px;
  }
  .reference-search-field{
    min-height:56px;
    border-radius:20px;
    padding:0 16px 0 14px;
  }
  .reference-search-field input{
    font-size:15.5px;
    font-weight:800;
  }
  .reference-search-icon{
    font-size:24.0px;
  }

  .reference-main-slider{
    border-radius:22px;
  }
  .ref-slider-track{
    min-height:385px;
  }
  .ref-slide-shell{
    min-height:332px;
    grid-template-columns:1.05fr .95fr;
    gap:8px;
    padding:18px 18px 10px;
  }
  .ref-brand{
    font-size:24.0px;
    margin-bottom:10px;
  }
  .ref-brand.muted-light{
    font-size:16.5px;
    margin-bottom:10px;
  }
  .ref-slide-copy h2 span{
    font-size:31.0px;
  }
  .ref-slide-copy h2 strong{
    font-size:21.0px;
  }
  .ref-divider{
    height:1px;
    margin:12px 0 10px;
    width:82%;
  }
  .ref-slide-copy p{
    font-size:16.0px;
    line-height:1.6;
  }
  .ref-feature-grid{
    gap:4px;
    margin-top:12px;
  }
  .ref-feature-grid>div{
    min-height:66px;
    padding:4px 2px;
  }
  .ref-feature-grid b{
    font-size:16.5px;
  }
  .ref-feature-grid span{
    font-size:14.5px;
    line-height:1.35;
  }

  .ref-slide-visual{
    min-height:220px;
    align-items:flex-end;
  }
  .ref-brand-mark{
    top:4px;
    right:2px;
    font-size:16.0px;
  }
  .ref-slide-visual img{
    max-width:100%;
    max-height:220px;
  }
  .ref-highlight-card{
    min-width:105px;
    padding:10px 10px;
    border-radius:12px;
  }
  .ref-highlight-card b{
    font-size:16.0px;
  }
  .ref-highlight-card small{
    margin-top:4px;
    font-size:14.0px;
    line-height:1.6;
  }
  .ref-slide-actions{
    gap:7px;
    margin-top:12px;
  }
  .ref-inline-cta,
  .ref-inline-ghost{
    min-height:34px;
    padding:0 10px;
    border-radius:9px;
    font-size:14.0px;
  }

  .ref-slide-footer{
    min-height:44px;
    grid-template-columns:.9fr auto .9fr;
    gap:8px;
    padding:0 14px 12px;
  }
  .ref-slide-meta,
  .ref-slide-side-title{
    font-size:14.5px;
  }
  .ref-slider-dots{
    gap:9px;
  }
  .ref-slider-dots button{
    width:9px;
    height:9px;
  }
  .ref-slider-dots button.is-active{
    width:28px;
  }
  .ref-slider-arrow{
    width:42px;
    height:86px;
    border-radius:18px;
    font-size:34.0px;
  }
  .ref-slider-arrow.prev{ right:8px; }
  .ref-slider-arrow.next{ left:8px; }
}



.reference-header-zone{display:none!important}
.brand-topbar{display:none!important}



@media(max-width:620px){
  .mobile-nav{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .mobile-nav button{
    font-size:14.0px!important;
    padding-inline:3px!important;
  }
  .mobile-nav button b{
    font-size:19.0px!important;
  }
}



.nav-link-workshop{
  color:#8f2731!important;
  background:#fff4f5!important;
  border-color:#f0d9dc!important;
}
.nav-link-workshop:hover{
  background:#ffecee!important;
}

.workshop-service{
  padding:10px 0 36px;
}
.workshop-shell{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:18px;
  align-items:stretch;
  min-height:430px;
  padding:18px;
  border-radius:28px;
  background:
    radial-gradient(circle at 0% 0%,rgba(201,47,61,.07),transparent 24%),
    linear-gradient(180deg,#ffffff,#f7f8f9);
  border:1px solid #e4e8ea;
  box-shadow:0 18px 42px rgba(31,41,51,.08);
}
.workshop-copy{
  padding:18px 14px 18px 8px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.workshop-copy h2{
  margin:7px 0 12px;
  color:#1c2730;
  font-size:30.0px;
  line-height:1.65;
}
.workshop-copy h2 span{
  display:block;
  color:#c92f3d;
}
.workshop-copy p{
  margin:0;
  color:#677680;
  font-size:15.5px;
  line-height:2.05;
}
.workshop-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:20px;
}
.workshop-points>div{
  padding:12px 12px 11px;
  border-radius:14px;
  background:#ffffff;
  border:1px solid #e6eaec;
  box-shadow:0 8px 16px rgba(31,41,51,.04);
}
.workshop-points b{
  display:block;
  color:#21303a;
  font-size:14.5px;
}
.workshop-points small{
  display:block;
  margin-top:4px;
  color:#84929a;
  font-size:13.7px;
  line-height:1.75;
}
.workshop-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:20px;
}

.workshop-visual{
  position:relative;
  min-height:390px;
  border-radius:22px;
  overflow:hidden;
  background:#121a22;
}
.workshop-image-main{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(90deg,rgba(12,17,24,.22) 0%,rgba(12,17,24,.10) 38%,rgba(12,17,24,.52) 100%),
    var(--ds-inline-img-1);
  background-size:cover;
  background-position:center;
  transform:scale(1.03);
  filter:saturate(1.05) contrast(1.02);
}
.workshop-visual::after{
  content:"";
  position:absolute;
  inset:auto -20% -22% auto;
  width:280px;
  height:280px;
  border-radius:50%;
  background:rgba(201,47,61,.20);
  filter:blur(55px);
}
.workshop-badge{
  position:absolute;
  right:18px;
  top:18px;
  max-width:260px;
  padding:16px 16px 15px;
  border-radius:18px;
  background:rgba(255,255,255,.94);
  color:#1f2b33;
  box-shadow:0 18px 38px rgba(0,0,0,.16);
}
.workshop-badge b{
  display:block;
  font-size:16.0px;
  line-height:1.8;
}
.workshop-badge small{
  display:block;
  margin-top:6px;
  color:#6f7d86;
  font-size:14.0px;
  line-height:1.8;
}
.workshop-floating-card{
  position:absolute;
  left:18px;
  bottom:18px;
  min-width:170px;
  padding:14px 15px;
  border-radius:16px;
  background:rgba(17,24,32,.72);
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
}
.workshop-floating-card span{
  display:block;
  color:#ff6a74;
  font-size:14.0px;
  font-weight:900;
}
.workshop-floating-card b{
  display:block;
  margin-top:6px;
  font-size:15.5px;
  line-height:1.8;
}

.workshop-page h1{
  margin:6px 0 12px;
  font-size:28.0px;
  line-height:1.6;
  color:#1c2730;
}
.workshop-page-hero p{
  margin:0;
  color:#687780;
  font-size:15.5px;
  line-height:2;
}
.workshop-page-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:18px;
}
.workshop-page-card{
  padding:16px;
  border-radius:18px;
  border:1px solid #e5e9eb;
  background:#fff;
}
.workshop-page-card h2{
  margin:0 0 10px;
  font-size:18.0px;
  color:#25323b;
}
.workshop-list{
  margin:0;
  padding-right:18px;
  color:#6a7780;
  font-size:15.0px;
  line-height:2;
}
.workshop-steps{
  display:grid;
  gap:8px;
}
.workshop-steps>div{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  padding:10px;
  border-radius:12px;
  background:#f7f8f9;
}
.workshop-steps b{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#c92f3d;
  color:#fff;
  font-size:16.0px;
}
.workshop-steps span{
  color:#516069;
  font-size:14.5px;
  line-height:1.8;
}
.workshop-page-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:16px;
  padding:16px;
  border-radius:18px;
  background:#fff5f6;
  border:1px solid #f0d9dc;
}
.workshop-page-note b{
  display:block;
  color:#91242f;
  font-size:16.5px;
}
.workshop-page-note p{
  margin:6px 0 0;
  color:#6c7a83;
  font-size:14.8px;
  line-height:1.9;
}
.workshop-page-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

@media(max-width:900px){
  .workshop-shell{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .workshop-service{
    padding:6px 0 22px;
  }
  .workshop-shell{
    grid-template-columns:1fr;
    gap:10px;
    padding:10px;
    border-radius:20px;
  }
  .workshop-copy{
    padding:8px 4px 2px;
  }
  .workshop-copy h2{
    font-size:21.0px;
    margin:5px 0 8px;
  }
  .workshop-copy p{
    font-size:14.3px;
    line-height:1.95;
  }
  .workshop-points{
    gap:6px;
    margin-top:14px;
  }
  .workshop-points>div{
    padding:9px 9px 8px;
    border-radius:12px;
  }
  .workshop-points b{
    font-size:13.9px;
  }
  .workshop-points small{
    font-size:13.2px;
    line-height:1.6;
  }
  .workshop-actions{
    margin-top:14px;
  }
  .workshop-actions .btn{
    min-height:38px;
    font-size:14.0px;
    padding:0 12px;
  }
  .workshop-visual{
    min-height:260px;
    border-radius:16px;
  }
  .workshop-badge{
    right:10px;
    top:10px;
    max-width:170px;
    padding:10px 10px 9px;
    border-radius:12px;
  }
  .workshop-badge b{
    font-size:14.2px;
    line-height:1.7;
  }
  .workshop-badge small{
    margin-top:3px;
    font-size:13.1px;
  }
  .workshop-floating-card{
    left:10px;
    bottom:10px;
    min-width:110px;
    padding:9px 10px;
    border-radius:12px;
  }
  .workshop-floating-card span{
    font-size:13.2px;
  }
  .workshop-floating-card b{
    margin-top:4px;
    font-size:14.0px;
  }

  .workshop-page h1{
    font-size:20.0px;
  }
  .workshop-page-hero p{
    font-size:14.4px;
    line-height:1.9;
  }
  .workshop-page-grid{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:12px;
  }
  .workshop-page-card{
    padding:12px;
    border-radius:14px;
  }
  .workshop-page-card h2{
    font-size:16.0px;
    margin-bottom:7px;
  }
  .workshop-list{
    font-size:14.0px;
    line-height:1.9;
  }
  .workshop-steps>div{
    grid-template-columns:28px 1fr;
    gap:8px;
    padding:8px;
  }
  .workshop-steps b{
    width:28px;
    height:28px;
    font-size:15.0px;
  }
  .workshop-steps span{
    font-size:13.8px;
  }
  .workshop-page-note{
    flex-direction:column;
    align-items:flex-start;
    padding:12px;
    border-radius:14px;
  }
  .workshop-page-note b{
    font-size:15.0px;
  }
  .workshop-page-note p{
    font-size:13.9px;
  }
  .workshop-page-actions .btn{
    min-height:36px;
    font-size:14.0px;
  }
}



.workshop-service-expanded{
  padding:18px 0 38px!important;
}

.workshop-hero-banner{
  position:relative;
  min-height:280px;
  overflow:hidden;
  border-radius:28px;
  margin-bottom:14px;
  background:#121a22;
  box-shadow:0 18px 44px rgba(31,41,51,.12);
}
.workshop-hero-bg{
  position:absolute;
  inset:0;
  background-image:var(--ds-inline-img-1);
  background-size:cover;
  background-position:center;
  filter:saturate(1.08) contrast(1.04);
  transform:scale(1.02);
}
.workshop-hero-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 85% 30%,rgba(201,47,61,.26),transparent 26%),
    linear-gradient(90deg,rgba(15,21,28,.97) 0%,rgba(17,24,32,.90) 48%,rgba(17,24,32,.42) 72%,rgba(17,24,32,.20) 100%);
}
.workshop-hero-copy{
  position:relative;
  z-index:2;
  width:min(690px,72%);
  padding:38px 42px 34px;
  color:#fff;
}
.workshop-eyebrow{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
  color:#ff6975;
  font-size:14.0px;
  font-weight:950;
}
.workshop-hero-copy h2{
  margin:11px 0 10px;
  color:#fff;
  font-size:30.0px;
  line-height:1.62;
}
.workshop-hero-copy h2 span{
  display:block;
  color:#ff4d5b;
}
.workshop-hero-copy p{
  margin:0;
  color:#d6dfe3;
  font-size:15.2px;
  line-height:2;
  max-width:620px;
}
.workshop-hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:18px;
}
.workshop-hero-badges span{
  padding:6px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-size:13.5px;
  font-weight:850;
}
.workshop-hero-seal{
  position:absolute;
  z-index:2;
  left:24px;
  bottom:24px;
  max-width:230px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.94);
  color:#1d2931;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}
.workshop-hero-seal b{
  display:block;
  font-size:15.0px;
}
.workshop-hero-seal small{
  display:block;
  margin-top:5px;
  color:#6e7c85;
  font-size:13.5px;
  line-height:1.7;
}

.workshop-expanded-grid{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:14px;
  align-items:stretch;
}
.workshop-expanded-info,
.workshop-booking-card{
  border-radius:22px;
  border:1px solid #e3e8ea;
  background:#fff;
  box-shadow:0 12px 32px rgba(31,41,51,.065);
}
.workshop-expanded-info{
  padding:24px;
}
.workshop-expanded-info h3{
  margin:6px 0 9px;
  color:#1f2c34;
  font-size:22.0px;
  line-height:1.65;
}
.workshop-expanded-info>p{
  margin:0;
  color:#6d7c85;
  font-size:14.8px;
  line-height:2;
}
.workshop-points-wide{
  margin-top:16px!important;
}
.workshop-more-btn{
  margin-top:15px;
}

.workshop-booking-card{
  padding:22px;
  background:
    radial-gradient(circle at 100% 0%,rgba(201,47,61,.06),transparent 26%),
    #fff;
}
.workshop-booking-head{
  margin-bottom:14px;
}
.workshop-booking-head>span{
  color:#c92f3d;
  font-size:14.0px;
  font-weight:950;
}
.workshop-booking-head h3{
  margin:5px 0 5px;
  color:#1e2b33;
  font-size:19.5px;
}
.workshop-booking-head p{
  margin:0;
  color:#7a8891;
  font-size:14.0px;
}
.workshop-booking-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.workshop-booking-form label{
  display:block;
}
.workshop-booking-form label>span{
  display:block;
  margin-bottom:5px;
  color:#596871;
  font-size:14.0px;
  font-weight:900;
}
.workshop-booking-form select,
.workshop-booking-form input,
.workshop-booking-form textarea{
  width:100%;
  min-height:41px;
  border:1px solid #dfe5e8;
  border-radius:11px;
  background:#f8f9fa;
  color:#26343c;
  font-family:inherit;
  font-size:14.2px;
  padding:0 10px;
  outline:0;
}
.workshop-booking-form textarea{
  min-height:78px;
  padding-top:10px;
  resize:vertical;
}
.workshop-booking-form select:focus,
.workshop-booking-form input:focus,
.workshop-booking-form textarea:focus{
  border-color:#d8a1a7;
  background:#fff;
  box-shadow:0 0 0 3px rgba(201,47,61,.07);
}
.workshop-booking-wide{
  grid-column:1/-1;
}
.workshop-booking-submit{
  grid-column:1/-1;
  min-height:45px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#e33a49,#c92f3d);
  color:#fff;
  font-family:inherit;
  font-size:14.8px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(201,47,61,.20);
}
.workshop-booking-note{
  grid-column:1/-1;
  margin:0;
  color:#929da3;
  font-size:13.4px;
  line-height:1.7;
}
.workshop-booking-success{
  min-height:340px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:24px;
}
.workshop-booking-success>span{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eaf7ef;
  color:#26805b;
  font-size:24.0px;
  font-weight:1000;
}
.workshop-booking-success h3{
  margin:12px 0 6px;
  font-size:19.0px;
  color:#203039;
}
.workshop-booking-success p{
  margin:0;
  color:#6d7a83;
  font-size:14.5px;
  line-height:1.9;
}
.workshop-booking-success small{
  margin:8px 0 14px;
  color:#9aa4aa;
  font-size:13.5px;
}

@media(max-width:900px){
  .workshop-expanded-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .workshop-service-expanded{
    padding:10px 0 25px!important;
  }
  .workshop-hero-banner{
    min-height:300px;
    border-radius:19px;
    margin-bottom:9px;
  }
  .workshop-hero-overlay{
    background:
      linear-gradient(180deg,rgba(14,20,27,.80) 0%,rgba(14,20,27,.93) 70%,rgba(14,20,27,.98) 100%);
  }
  .workshop-hero-copy{
    width:100%;
    padding:22px 18px 90px;
  }
  .workshop-eyebrow{
    font-size:13.2px;
  }
  .workshop-hero-copy h2{
    font-size:20.0px;
    line-height:1.65;
  }
  .workshop-hero-copy p{
    font-size:14.0px;
    line-height:1.9;
  }
  .workshop-hero-badges{
    margin-top:12px;
  }
  .workshop-hero-badges span{
    font-size:13.0px;
    padding:5px 7px;
  }
  .workshop-hero-seal{
    right:18px;
    left:18px;
    bottom:15px;
    max-width:none;
    padding:10px 12px;
  }
  .workshop-hero-seal b{
    font-size:14.0px;
  }
  .workshop-hero-seal small{
    font-size:13.0px;
  }

  .workshop-expanded-grid{
    grid-template-columns:1fr;
    gap:8px;
  }
  .workshop-expanded-info,
  .workshop-booking-card{
    border-radius:16px;
  }
  .workshop-expanded-info{
    padding:15px;
  }
  .workshop-expanded-info h3{
    font-size:18.0px;
  }
  .workshop-expanded-info>p{
    font-size:13.9px;
    line-height:1.9;
  }
  .workshop-booking-card{
    padding:14px;
  }
  .workshop-booking-head h3{
    font-size:17.5px;
  }
  .workshop-booking-head p{
    font-size:13.5px;
  }
  .workshop-booking-form{
    gap:7px;
  }
  .workshop-booking-form label>span{
    font-size:13.5px;
  }
  .workshop-booking-form select,
  .workshop-booking-form input,
  .workshop-booking-form textarea{
    min-height:38px;
    border-radius:9px;
    font-size:13.8px;
  }
  .workshop-booking-submit{
    min-height:40px;
    font-size:14.0px;
  }
  .workshop-booking-note{
    font-size:13.0px;
  }
}



.footer-pro{
  background:
    radial-gradient(circle at 12% 10%,rgba(201,47,61,.11),transparent 24%),
    linear-gradient(180deg,#19222a 0%,#10171d 100%)!important;
}
.footer-pro .footer-shell{
  padding-top:28px!important;
}
.footer-location-pro{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:14px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.footer-location-map{
  min-height:270px;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:#0d141a;
}
.footer-location-map iframe{
  width:100%;
  height:100%;
  min-height:270px;
  border:0;
  display:block;
  filter:saturate(.88) contrast(1.03);
}
.footer-location-card{
  min-height:270px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:24px;
  border-radius:22px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.footer-kicker{
  color:#ff5d69;
  font-size:14.0px;
  font-weight:950;
}
.footer-location-card h3{
  margin:6px 0 8px;
  color:#fff;
  font-size:22.0px;
}
.footer-location-card p{
  margin:0;
  color:#c1ccd2;
  font-size:15.0px;
  line-height:1.9;
}
.footer-location-card p span{
  color:#8e9ba3;
  font-size:14.0px;
}
.footer-location-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:14px;
}
.footer-location-tags span{
  padding:6px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:#dfe5e8;
  font-size:13.4px;
  font-weight:800;
}
.footer-location-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:16px;
}
.footer-location-actions a,
.footer-location-actions button,
.footer-workshop-cta{
  min-height:39px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 13px;
  border-radius:10px;
  font-family:inherit;
  font-size:13.9px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}
.footer-map-primary{
  background:#c92f3d;
  color:#fff!important;
  border:1px solid #c92f3d;
}
.footer-location-actions button{
  background:rgba(255,255,255,.06);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
}

.footer-trust-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-trust-row>div{
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.055);
}
.footer-trust-row b{
  display:block;
  color:#f5f8f9;
  font-size:14.0px;
}
.footer-trust-row small{
  display:block;
  margin-top:4px;
  color:#82919a;
  font-size:13.2px;
}

.footer-main-pro{
  padding-top:22px!important;
}
.footer-main-pro h4{
  color:#fff!important;
  font-size:15.0px!important;
}
.footer-main-pro .footer-link{
  color:#aab6bd!important;
}
.footer-main-pro .footer-link:hover{
  color:#fff!important;
}
.footer-main-pro .footer-brand-block p{
  color:#aeb9bf!important;
  line-height:2!important;
}
.footer-workshop-cta{
  margin-top:12px;
  border:1px solid rgba(255,255,255,.12);
  background:#fff;
  color:#19242c;
}
.footer-bottom-pro{
  border-top:1px solid rgba(255,255,255,.10)!important;
  color:#7f8d95!important;
}

@media(max-width:760px){
  .footer-location-pro{
    grid-template-columns:1fr;
  }
  .footer-location-card{
    min-height:auto;
    padding:18px;
  }
  .footer-location-map,
  .footer-location-map iframe{
    min-height:230px;
  }
  .footer-trust-row{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:620px){
  .footer-pro .footer-shell{
    padding-top:18px!important;
  }
  .footer-location-pro{
    gap:9px;
    padding-bottom:16px;
  }
  .footer-location-map,
  .footer-location-map iframe{
    min-height:205px;
    border-radius:16px;
  }
  .footer-location-card{
    border-radius:16px;
    padding:15px;
  }
  .footer-location-card h3{
    font-size:18.5px;
  }
  .footer-location-card p{
    font-size:14.0px;
  }
  .footer-location-tags{
    margin-top:10px;
  }
  .footer-location-tags span{
    font-size:12.9px;
    padding:5px 7px;
  }
  .footer-location-actions{
    margin-top:12px;
  }
  .footer-location-actions a,
  .footer-location-actions button{
    min-height:36px;
    font-size:13.5px;
    padding:0 10px;
  }
  .footer-trust-row{
    gap:6px;
    padding:13px 0;
  }
  .footer-trust-row>div{
    padding:8px;
  }
  .footer-trust-row b{
    font-size:13.5px;
  }
  .footer-trust-row small{
    font-size:12.9px;
  }
}



.header-brand-group{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
}
.hamburger-btn{
  width:42px;
  height:42px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:1px solid #dfe5e8;
  border-radius:13px;
  background:#fff;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(31,41,51,.05);
}
.hamburger-btn span{
  width:18px;
  height:2px;
  border-radius:999px;
  background:#27343c;
}
.hamburger-btn:hover{
  border-color:#e2b9bd;
  background:#fff8f8;
}

.instant-support-wrap{
  position:relative;
}
.instant-support-btn{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:5px 11px;
  border:1px solid #dfe5e8;
  border-radius:13px;
  background:#fff;
  color:#26343c;
  font-family:inherit;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(31,41,51,.05);
}
.support-pulse{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2dbb72;
  box-shadow:0 0 0 5px rgba(45,187,114,.10);
}
.support-icon{
  font-size:17.0px;
}
.support-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.support-copy b{
  font-size:14.0px;
}
.support-copy small{
  margin-top:1px;
  color:#87939a;
  font-size:13.0px;
}
.instant-support-popover{
  position:absolute;
  top:calc(100% + 9px);
  left:0;
  z-index:260;
  width:260px;
  padding:11px;
  border-radius:16px;
  background:#fff;
  border:1px solid #e1e6e8;
  box-shadow:0 18px 45px rgba(31,41,51,.16);
  opacity:0;
  visibility:hidden;
  transform:translateY(-5px);
  transition:.18s ease;
}
.instant-support-popover.on{
  opacity:1;
  visibility:visible;
  transform:none;
}
.support-popover-head{
  padding:5px 5px 9px;
  border-bottom:1px solid #edf0f2;
}
.support-popover-head b{
  display:block;
  color:#22313a;
  font-size:15.0px;
}
.support-popover-head small{
  display:block;
  margin-top:3px;
  color:#8b969c;
  font-size:13.2px;
}
.instant-support-popover>a{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:7px;
  padding:0 9px;
  border-radius:10px;
  background:#f7f8f9;
  color:#24323a;
  text-decoration:none;
  direction:ltr;
  font-size:14.5px;
}
.instant-support-popover>a b{
  color:#c92f3d;
  font-size:13.5px;
  direction:rtl;
}
.instant-support-popover>button{
  width:100%;
  min-height:36px;
  margin-top:7px;
  border:1px solid #ead9db;
  border-radius:10px;
  background:#fff5f6;
  color:#9f2b36;
  font-family:inherit;
  font-size:13.5px;
  font-weight:900;
  cursor:pointer;
}


.site-menu-backdrop{
  position:fixed;
  inset:0;
  z-index:620;
  background:rgba(10,16,22,.46);
  backdrop-filter:blur(3px);
  opacity:0;
  visibility:hidden;
  transition:.22s ease;
}
.site-menu-backdrop.on{
  opacity:1;
  visibility:visible;
}
.site-menu-drawer{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:630;
  width:min(420px,92vw);
  display:flex;
  flex-direction:column;
  background:#fff;
  box-shadow:-20px 0 55px rgba(17,24,32,.19);
  transform:translateX(104%);
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
  overflow:hidden;
}
.site-menu-drawer.on{
  transform:none;
}
.site-menu-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px;
  border-bottom:1px solid #e8ecee;
}
.site-menu-brand{
  display:flex;
  align-items:center;
  gap:10px;
}
.site-menu-brand>div{
  display:flex;
  flex-direction:column;
}
.site-menu-brand b{
  font-size:16.5px;
  color:#1e2b33;
}
.site-menu-brand small{
  margin-top:2px;
  color:#8b969d;
  font-size:13.2px;
}
.site-menu-close{
  width:36px;
  height:36px;
  border:1px solid #e1e6e8;
  border-radius:11px;
  background:#f7f8f9;
  color:#3f4c54;
  font-size:20.0px;
  cursor:pointer;
}
.site-menu-support{
  padding:13px 18px;
  background:linear-gradient(135deg,#172129,#111820);
  color:#fff;
}
.site-menu-support>span{
  display:block;
  color:#ff6874;
  font-size:13.5px;
  font-weight:950;
}
.site-menu-support>div{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:7px;
  direction:ltr;
}
.site-menu-support a{
  padding:6px 8px;
  border-radius:9px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  text-decoration:none;
  font-size:14.0px;
}
.site-menu-sections{
  flex:1;
  overflow:auto;
  padding:8px 18px 18px;
}
.site-menu-sections section{
  padding:13px 0 9px;
  border-bottom:1px solid #edf0f2;
}
.site-menu-sections section:last-child{
  border-bottom:0;
}
.site-menu-sections h3{
  margin:0 0 7px;
  color:#a02a35;
  font-size:14.0px;
}
.site-menu-sections button{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 4px;
  border:0;
  background:transparent;
  color:#34434c;
  font-family:inherit;
  font-size:14.2px;
  font-weight:750;
  cursor:pointer;
}
.site-menu-sections button:hover{
  color:#c92f3d;
}
.site-menu-sections i{
  color:#a6b0b6;
  font-style:normal;
}
.site-menu-footer{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  padding:12px 18px 16px;
  border-top:1px solid #e8ecee;
  background:#fff;
}
.site-menu-footer button{
  min-height:40px;
  border:1px solid #dde3e6;
  border-radius:11px;
  background:#f7f8f9;
  color:#2d3a43;
  font-family:inherit;
  font-size:14.0px;
  font-weight:900;
  cursor:pointer;
}
.site-menu-footer button:first-child{
  background:#c92f3d;
  border-color:#c92f3d;
  color:#fff;
}


.info-page-pro{
  max-width:900px;
  margin:0 auto;
}
.info-page-pro h1{
  margin:6px 0 10px;
  color:#1e2b33;
  font-size:25.0px;
  line-height:1.6;
}
.info-page-pro>p{
  margin:0;
  color:#697781;
  font-size:15.0px;
  line-height:2;
}
.info-card-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:9px;
  margin-top:18px;
}
.info-card-grid>div{
  padding:15px;
  border:1px solid #e4e9eb;
  border-radius:15px;
  background:#fff;
}
.info-card-grid b{
  display:block;
  color:#24323a;
  font-size:15.0px;
}
.info-card-grid small{
  display:block;
  margin-top:4px;
  color:#87939a;
  font-size:13.5px;
}
.contact-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:16px;
}
.contact-cards a{
  padding:16px;
  border-radius:15px;
  background:#fff;
  border:1px solid #e2e7e9;
  text-decoration:none;
  direction:ltr;
  color:#1f2d35;
}
.contact-cards b{
  display:block;
  font-size:17.0px;
}
.contact-cards small{
  display:block;
  margin-top:4px;
  color:#8b969c;
  font-size:13.5px;
  direction:rtl;
}
.info-note,
.policy-pending{
  margin-top:16px;
  padding:16px;
  border-radius:16px;
  border:1px solid #e5e9eb;
  background:#fff;
}
.policy-pending{
  background:#fff8f8;
  border-color:#efdadd;
}
.info-note b,.policy-pending b{
  color:#26353e;
  font-size:15.5px;
}
.info-note p,.policy-pending p{
  color:#718089;
  font-size:14.2px;
  line-height:1.9;
}
.info-note a{
  color:#c92f3d;
  font-size:14.0px;
  font-weight:900;
}
.faq-pro{
  display:grid;
  gap:8px;
  margin-top:16px;
}
.faq-pro details{
  padding:12px 14px;
  border-radius:13px;
  border:1px solid #e4e9eb;
  background:#fff;
}
.faq-pro summary{
  color:#293740;
  font-size:14.5px;
  font-weight:900;
  cursor:pointer;
}
.faq-pro p{
  color:#718089;
  font-size:14.0px;
  line-height:1.9;
}
.order-track-box{
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
  margin-top:16px;
}
.track-result{
  margin-top:12px;
  padding:14px;
  border-radius:13px;
  background:#fff8f8;
  border:1px solid #efdadd;
}
.track-result.ok{
  background:#f1faf5;
  border-color:#d7eee0;
}
.track-result b{
  font-size:14.5px;
  color:#27353e;
}
.track-result p{
  margin:5px 0 0;
  color:#77858e;
  font-size:14.0px;
  line-height:1.8;
}


.footer-phone-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
  direction:ltr;
}
.footer-phone-list a{
  padding:6px 8px;
  border-radius:8px;
  background:rgba(255,255,255,.06);
  color:#fff;
  text-decoration:none;
  font-size:13.5px;
}
.footer-phone-list small{
  width:100%;
  color:#7f8d95;
  font-size:13.0px;
  direction:rtl;
}


@media(max-width:900px){
  .support-copy{
    display:none;
  }
  .instant-support-btn{
    width:42px;
    justify-content:center;
    padding:0;
  }
}
@media(max-width:620px){
  .head{
    gap:7px!important;
  }
  .header-brand-group{
    gap:5px;
  }
  .hamburger-btn{
    width:37px;
    height:37px;
    border-radius:11px;
  }
  .hamburger-btn span{
    width:16px;
  }
  .instant-support-btn{
    width:37px;
    min-height:37px;
    border-radius:11px;
  }
  .support-pulse{
    position:absolute;
    top:6px;
    right:6px;
    width:6px;
    height:6px;
  }
  .support-icon{
    font-size:16.5px;
  }
  .instant-support-popover{
    position:fixed;
    top:68px;
    left:10px;
    right:10px;
    width:auto;
  }
  .site-menu-head{
    padding:14px;
  }
  .site-menu-sections{
    padding:6px 14px 14px;
  }
  .site-menu-footer{
    padding:10px 14px 13px;
  }
  .info-page-pro h1{
    font-size:20.0px;
  }
  .contact-cards,.info-card-grid{
    grid-template-columns:1fr;
  }
}



.support-icon{
  font-size:18.0px!important;
  font-weight:1000!important;
  text-shadow:0 0 .35px currentColor,0 0 .35px currentColor;
}
.instant-support-btn{
  border-color:#d9dfe2!important;
}
.support-copy b{
  font-size:14.2px!important;
  font-weight:1000!important;
  color:#1f2d35!important;
}
.support-copy small{
  font-size:13.2px!important;
  font-weight:850!important;
  color:#b32b37!important;
  letter-spacing:0!important;
}
@media(max-width:900px){
  .support-icon{
    font-size:17.5px!important;
  }
}



.instant-support-btn{
  min-width:116px!important;
  justify-content:flex-start!important;
  gap:9px!important;
  padding:5px 12px!important;
}
.support-icon{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:#fff3f4!important;
  color:#c92f3d!important;
  flex:0 0 auto!important;
}
.support-agent-svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.support-copy{
  display:flex!important;
  align-items:center!important;
}
.support-copy b{
  font-size:14.5px!important;
  font-weight:1000!important;
  color:#202c34!important;
  white-space:nowrap!important;
}
@media(max-width:900px){
  .support-copy{
    display:flex!important;
  }
  .instant-support-btn{
    width:auto!important;
    min-width:108px!important;
    padding:4px 9px!important;
  }
}
@media(max-width:620px){
  .instant-support-btn{
    min-width:96px!important;
    height:37px!important;
    gap:6px!important;
    padding:3px 7px!important;
  }
  .support-icon{
    width:27px!important;
    height:27px!important;
    border-radius:9px!important;
  }
  .support-agent-svg{
    width:19px!important;
    height:19px!important;
  }
  .support-copy b{
    font-size:13.8px!important;
  }
}



.tech-pro-shell{
  min-height:calc(100vh - 120px);
  display:grid;
  grid-template-columns:215px minmax(0,1fr);
  gap:14px;
}
.tech-pro-nav{
  position:sticky;
  top:0;
  align-self:start;
  min-height:620px;
  display:flex;
  flex-direction:column;
  padding:14px;
  border-radius:22px;
  background:linear-gradient(180deg,#17222b,#10171d);
  color:#fff;
  box-shadow:0 18px 42px rgba(17,24,32,.14);
}
.tech-pro-brand{
  padding:9px 8px 15px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.tech-pro-brand>span{
  color:#ff5664;
  font-size:13.5px;
  font-weight:1000;
  letter-spacing:.7px;
}
.tech-pro-brand b{
  display:block;
  margin-top:5px;
  font-size:17.0px;
}
.tech-pro-brand small{
  display:block;
  margin-top:4px;
  color:#8fa0aa;
  font-size:13.2px;
  line-height:1.7;
}
.tech-pro-navlist{
  display:grid;
  gap:4px;
  margin-top:12px;
}
.tech-pro-navlist button{
  min-height:42px;
  display:grid;
  grid-template-columns:28px 1fr;
  align-items:center;
  gap:7px;
  padding:0 9px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#aebac0;
  font-family:inherit;
  font-size:14.0px;
  text-align:right;
  cursor:pointer;
}
.tech-pro-navlist button i{
  width:28px;height:28px;display:grid;place-items:center;border-radius:8px;
  background:rgba(255,255,255,.05);font-style:normal;color:#d8e0e4;
}
.tech-pro-navlist button.active{
  background:rgba(201,47,61,.18);
  color:#fff;
}
.tech-pro-navlist button.active i{
  background:#c92f3d;
}
.tech-pro-navbottom{
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
}
.tech-pro-navbottom button{
  width:100%;min-height:38px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.04);color:#aab7bd;font-family:inherit;font-size:13.5px;cursor:pointer;
}
.tech-pro-main{
  min-width:0;
  padding:2px 2px 30px;
}

.tech-dashboard-hero,.tech-diagnose-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:20px;
  border:1px solid #e2e7e9;
  border-radius:20px;
  background:linear-gradient(135deg,#fff,#f7f8f9);
}
.tech-dashboard-hero h1,.tech-diagnose-top h1,.tech-page-head h1{
  margin:5px 0 5px;
  color:#1d2a32;
  font-size:23.0px;
  line-height:1.55;
}
.tech-dashboard-hero p,.tech-diagnose-top p,.tech-page-head p{
  margin:0;color:#74828a;font-size:14.0px;line-height:1.8;
}
.tech-kpi-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;
}
.tech-kpi-grid>div{
  padding:15px;border:1px solid #e3e8ea;border-radius:15px;background:#fff;
}
.tech-kpi-grid b{display:block;color:#c92f3d;font-size:22.0px}
.tech-kpi-grid small{display:block;margin-top:4px;color:#839098;font-size:13.5px}
.tech-quick-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;
}
.tech-quick-grid button{
  min-height:100px;position:relative;padding:14px;border:1px solid #e3e8ea;border-radius:15px;background:#fff;text-align:right;font-family:inherit;cursor:pointer;
}
.tech-quick-grid b{display:block;color:#26343c;font-size:14.5px}
.tech-quick-grid small{display:block;margin-top:5px;color:#89949b;font-size:13.4px}
.tech-quick-grid span{position:absolute;left:12px;bottom:10px;color:#c92f3d;font-size:18.0px}
.tech-recent{margin-top:14px}
.tech-section-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:9px;
}
.tech-section-head h2{margin:4px 0 0;font-size:18.0px;color:#25323a}
.tech-section-head>button{border:0;background:transparent;color:#c92f3d;font-family:inherit;font-size:13.5px;font-weight:900;cursor:pointer}
.tech-section-head>small{color:#909aa0;font-size:13.4px}
.tech-page-head{align-items:center;margin-bottom:14px}
.tech-case-list{display:grid;gap:6px}
.tech-case-row{
  min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) 130px 42px;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e9eb;border-radius:13px;background:#fff;font-family:inherit;text-align:right;cursor:pointer;
}
.tech-case-row b{display:block;color:#2b3941;font-size:14.2px}
.tech-case-row small{display:block;margin-top:3px;color:#8b969c;font-size:13.2px}
.case-row-progress,.tech-progress-track{height:6px;overflow:hidden;border-radius:999px;background:#edf0f2}
.case-row-progress span,.tech-progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#d83947,#c92f3d)}
.tech-case-row strong{color:#c92f3d;font-size:14.5px;text-align:left}
.tech-empty,.tech-diagnose-empty{
  padding:34px 20px;border:1px dashed #d9e0e3;border-radius:18px;background:#fff;text-align:center;color:#6c7b84;
}
.tech-diagnose-empty span{color:#c92f3d;font-size:14.0px;font-weight:1000}
.tech-diagnose-empty h1{margin:7px 0;font-size:24.0px;color:#24313a}
.tech-diagnose-empty p{font-size:14.5px;line-height:1.9}
.tech-top-actions{display:flex;gap:5px;flex-wrap:wrap}
.tech-top-actions button{
  min-height:35px;padding:0 10px;border:1px solid #dfe4e7;border-radius:9px;background:#fff;color:#55646d;font-family:inherit;font-size:13.5px;font-weight:850;cursor:pointer;
}
.tech-top-actions .primary{background:#c92f3d;color:#fff;border-color:#c92f3d}
.tech-device-selector{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px;padding:11px;border:1px solid #e3e8ea;border-radius:15px;background:#fff;
}
.tech-device-selector label>span{display:block;margin-bottom:5px;color:#697780;font-size:13.5px;font-weight:850}
.tech-device-selector select,.tech-device-selector input{
  width:100%;height:39px;border:1px solid #dfe5e8;border-radius:10px;background:#f8f9fa;color:#28353d;font-family:inherit;font-size:13.8px;padding:0 9px;outline:0;
}
.tech-case-overview{
  display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:7px;margin-top:9px;
}
.tech-error-card,.tech-progress-card,.tech-next-card{
  min-height:78px;padding:12px;border:1px solid #e3e8ea;border-radius:14px;background:#fff;
}
.tech-error-card{display:flex;align-items:center;gap:10px}
.tech-error-card>span{
  width:50px;height:50px;display:grid;place-items:center;border-radius:13px;background:#fff0f1;color:#c92f3d;font-size:17.5px;font-weight:1000;
}
.tech-error-card b{display:block;font-size:14.5px;color:#27343c}
.tech-error-card small{display:block;margin-top:3px;font-size:13.2px;color:#8b969c}
.tech-progress-card>div:first-child{display:flex;align-items:baseline;justify-content:space-between}
.tech-progress-card b{font-size:20.0px;color:#c92f3d}
.tech-progress-card span{font-size:13.2px;color:#8d989e}
.tech-progress-card .tech-progress-track{margin-top:12px}
.tech-next-card span{display:block;color:#9a6a16;font-size:13.2px;font-weight:900}
.tech-next-card b{display:block;margin-top:8px;color:#2c3941;font-size:14.5px;line-height:1.7}
.tech-source-note{
  margin-top:8px;padding:9px 11px;border-radius:11px;background:#fff8e8;border:1px solid #f0dfb8;color:#7d692f;font-size:13.5px;line-height:1.8;
}
.tech-workspace-grid{
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:10px;margin-top:10px;align-items:start;
}
.tech-checklist-panel,.tech-side-card{
  border:1px solid #e3e8ea;border-radius:17px;background:#fff;
}
.tech-checklist-panel{padding:14px}
.tech-checklist{display:grid;gap:7px}
.tech-step{
  display:grid;grid-template-columns:36px 1fr;gap:9px;padding:11px;border:1px solid #e7ebed;border-radius:13px;background:#fbfcfc;transition:.18s ease;
}
.tech-step.status-ok{border-color:#d4eadc;background:#f7fcf9}
.tech-step.status-suspect{border-color:#eadfbf;background:#fffbf1}
.tech-step.status-fault{border-color:#efcdd0;background:#fff7f8}
.tech-step.status-skip{opacity:.68}
.tech-step-number{
  width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eef1f3;color:#52616a;font-size:14.5px;font-weight:1000;
}
.status-ok .tech-step-number{background:#dff3e7;color:#27714f}
.status-suspect .tech-step-number{background:#f9edc9;color:#966d19}
.status-fault .tech-step-number{background:#f8dfe2;color:#a32f39}
.tech-step-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.tech-step-head b{font-size:14.2px;color:#27343c}
.tech-step-head span{padding:4px 6px;border-radius:999px;background:#eef1f3;color:#718088;font-size:12.9px;font-weight:850}
.tech-step p{margin:5px 0 0;color:#78868e;font-size:13.6px;line-height:1.8}
.tech-step-current{margin-top:6px;color:#6e7c84;font-size:13.2px}
.tech-step-actions{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}
.tech-step-actions button{
  min-height:28px;padding:0 7px;border:1px solid #dfe5e8;border-radius:8px;background:#fff;color:#63727b;font-family:inherit;font-size:13.0px;font-weight:850;cursor:pointer;
}
.tech-step-actions button.selected{background:#24313a;color:#fff;border-color:#24313a}
.tech-case-side{display:grid;gap:8px}
.tech-side-card{padding:13px}
.tech-side-card h3{margin:5px 0 8px;color:#293740;font-size:15.5px}
.tech-side-card p{margin:0;color:#7a878f;font-size:13.5px;line-height:1.8}
.tech-side-card textarea{
  width:100%;min-height:112px;padding:10px;border:1px solid #dfe5e8;border-radius:10px;background:#f8f9fa;color:#32414a;font-family:inherit;font-size:13.8px;line-height:1.8;resize:vertical;outline:0;
}
.tech-side-card>small{display:block;margin-top:5px;color:#9aa3a8;font-size:12.9px}
.tech-mini-products{display:grid;gap:5px}
.tech-mini-products button{
  display:grid;gap:2px;padding:8px;border:1px solid #e6eaec;border-radius:9px;background:#fafbfb;text-align:right;font-family:inherit;cursor:pointer;
}
.tech-mini-products span{color:#c92f3d;font-size:12.9px;font-weight:900}
.tech-mini-products b{color:#2c3941;font-size:13.6px}
.tech-mini-products small{color:#939da2;font-size:12.9px}
.tech-side-link{width:100%;min-height:32px;margin-top:8px;border:1px solid #e7cdd0;border-radius:9px;background:#fff5f6;color:#a72f3a;font-family:inherit;font-size:13.2px;font-weight:900;cursor:pointer}
.tech-decision-next{margin-top:8px;padding:9px;border-radius:10px;background:#f3f5f6}
.tech-decision-next span{display:block;color:#8a969c;font-size:12.9px}
.tech-decision-next b{display:block;margin-top:4px;color:#2c3941;font-size:13.8px;line-height:1.7}
.decision-alert{padding:9px;border-radius:10px}
.decision-alert b{display:block;font-size:13.8px}
.decision-alert small{display:block;margin-top:4px;font-size:13.1px;line-height:1.7}
.decision-alert.fault{background:#fff1f2;color:#93303a}
.decision-alert.suspect{background:#fff8e6;color:#85651e}
.decision-alert.ok{background:#eef9f2;color:#327253}

.tech-session-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
}
.tech-session-card{
  padding:13px;border:1px solid #e3e8ea;border-radius:15px;background:#fff;
}
.tech-session-top{display:flex;justify-content:space-between;align-items:center}
.tech-session-top span{color:#8b969c;font-size:13.0px}
.tech-session-top b{color:#c92f3d;font-size:15.5px}
.tech-session-card h3{margin:8px 0 4px;font-size:15.0px;color:#2a3840}
.tech-session-card p{margin:0 0 9px;font-size:13.2px;color:#7e8b93}
.tech-session-card>small{display:block;margin-top:7px;color:#9aa3a8;font-size:12.9px}
.tech-session-actions{display:flex;gap:5px;margin-top:9px}
.tech-session-actions button{flex:1;min-height:31px;border:1px solid #dfe5e8;border-radius:8px;background:#f7f8f9;color:#52616a;font-family:inherit;font-size:13.0px;font-weight:850;cursor:pointer}
.tech-session-actions .danger{color:#a9333d;background:#fff6f7;border-color:#edd5d8}

.tech-library-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;
}
.tech-library-card{
  padding:14px;border:1px solid #e3e8ea;border-radius:16px;background:#fff;
}
.tech-library-card h2{margin:0 0 10px;font-size:16.5px;color:#28363e}
.tech-library-card>button{
  width:100%;display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:8px;padding:9px;border:0;border-bottom:1px solid #edf0f2;background:transparent;text-align:right;font-family:inherit;cursor:pointer;
}
.tech-library-card>button>span{width:42px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fff0f1;color:#c92f3d;font-size:14.5px;font-weight:1000}
.tech-library-card>button b{display:block;font-size:14.0px;color:#2d3a42}
.tech-library-card>button small{display:block;margin-top:2px;font-size:13.0px;color:#919ba1}
.tech-library-card>button i{font-style:normal;color:#aab3b8}
.library-warning{margin-top:10px;padding:9px;border-radius:10px;background:#fff8e8;color:#826d32;font-size:13.2px;line-height:1.8}
.tech-model-cloud{display:grid;gap:6px}
.tech-model-cloud>div{padding:8px;border-radius:9px;background:#f7f8f9}
.tech-model-cloud b{display:block;font-size:13.8px;color:#2e3c44}
.tech-model-cloud small{display:block;margin-top:3px;font-size:13.0px;color:#89949a;line-height:1.6}
.tech-library-wide{grid-column:1/-1}
.tech-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.tech-roadmap>div{padding:10px;border-radius:11px;background:#f7f8f9}
.tech-roadmap b{display:block;font-size:13.8px;color:#2d3a42}
.tech-roadmap small{display:block;margin-top:4px;font-size:13.0px;color:#8c969c;line-height:1.6}

@media(max-width:900px){
  .tech-pro-shell{grid-template-columns:1fr}
  .tech-pro-nav{position:relative;min-height:auto}
  .tech-pro-brand{display:none}
  .tech-pro-navlist{display:flex;overflow:auto;margin-top:0;padding-bottom:2px}
  .tech-pro-navlist button{min-width:max-content;grid-template-columns:24px auto;padding:0 9px}
  .tech-pro-navbottom{display:none}
  .tech-workspace-grid{grid-template-columns:1fr}
  .tech-session-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .tech-pro-shell{gap:8px}
  .tech-pro-nav{padding:7px;border-radius:14px}
  .tech-pro-navlist button{min-height:37px;font-size:13.4px}
  .tech-pro-navlist button i{width:24px;height:24px}
  .tech-dashboard-hero,.tech-diagnose-top{align-items:flex-start;flex-direction:column;padding:14px;border-radius:15px}
  .tech-dashboard-hero h1,.tech-diagnose-top h1,.tech-page-head h1{font-size:19.0px}
  .tech-kpi-grid{grid-template-columns:1fr 1fr;gap:6px}
  .tech-kpi-grid>div{padding:11px}
  .tech-kpi-grid b{font-size:18.5px}
  .tech-quick-grid{grid-template-columns:1fr 1fr;gap:6px}
  .tech-quick-grid button{min-height:82px;padding:11px}
  .tech-case-row{grid-template-columns:minmax(0,1fr) 72px 32px;gap:6px;padding:8px}
  .tech-device-selector{grid-template-columns:1fr 1fr;gap:6px;padding:8px}
  .tech-case-overview{grid-template-columns:1fr;gap:6px}
  .tech-error-card,.tech-progress-card,.tech-next-card{min-height:65px}
  .tech-workspace-grid{grid-template-columns:1fr}
  .tech-checklist-panel{padding:9px}
  .tech-step{grid-template-columns:30px 1fr;gap:7px;padding:8px}
  .tech-step-number{width:30px;height:30px}
  .tech-step-actions button{font-size:12.8px;padding:0 6px}
  .tech-session-grid{grid-template-columns:1fr}
  .tech-library-grid{grid-template-columns:1fr}
  .tech-library-wide{grid-column:auto}
  .tech-roadmap{grid-template-columns:1fr 1fr}
}



@media(max-width:700px){
  #appPage.tech-page-active{background:#f4f6f7!important;bottom:0!important;height:100dvh!important}
  #appPage.tech-page-active .page-top{height:48px!important;min-height:48px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e1e6e9!important;box-shadow:0 5px 16px rgba(31,41,51,.06)!important}
  #appPage.tech-page-active .page-top .wrap{height:48px!important;width:100%!important;padding:0 9px!important}
  #appPage.tech-page-active #pageTitle{font-size:15.0px!important;color:#24323a!important}
  #appPage.tech-page-active .page-top .btn{height:30px!important;min-height:30px!important;padding:0 8px!important;border-radius:8px!important;font-size:13.2px!important}
  #appPage.tech-page-active #pageBody{width:100%!important;max-width:none!important;margin:0!important;padding:6px 6px 14px!important}

  .tech-pro-shell{display:block!important;min-height:0!important}
  .tech-pro-nav{position:sticky!important;top:48px!important;z-index:15!important;min-height:0!important;height:auto!important;display:block!important;margin:0 0 6px!important;padding:5px!important;border-radius:11px!important;background:#17222b!important;box-shadow:0 7px 18px rgba(17,24,32,.12)!important}
  .tech-pro-brand,.tech-pro-navbottom{display:none!important}
  .tech-pro-navlist{display:flex!important;gap:3px!important;overflow-x:auto!important;margin:0!important;padding:0!important;scrollbar-width:none!important}
  .tech-pro-navlist::-webkit-scrollbar{display:none!important}
  .tech-pro-navlist button{min-width:max-content!important;min-height:33px!important;height:33px!important;display:flex!important;align-items:center!important;gap:4px!important;padding:0 7px!important;border-radius:8px!important;font-size:13.1px!important;flex:0 0 auto!important}
  .tech-pro-navlist button i{width:20px!important;height:20px!important;border-radius:6px!important;font-size:14.0px!important}

  .tech-pro-main{padding:0 0 8px!important}

  .tech-dashboard-hero,.tech-diagnose-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;padding:9px!important;border-radius:12px!important;background:#fff!important;min-height:0!important}
  .tech-dashboard-hero h1,.tech-diagnose-top h1,.tech-page-head h1{margin:2px 0!important;font-size:16.5px!important;line-height:1.45!important}
  .tech-dashboard-hero p,.tech-diagnose-top p,.tech-page-head p{font-size:13.1px!important;line-height:1.5!important}
  .tech-dashboard-hero .kicker,.tech-diagnose-top .kicker{font-size:12.6px!important}
  .tech-dashboard-hero>.btn{min-height:31px!important;height:31px!important;padding:0 7px!important;font-size:12.9px!important;white-space:nowrap!important}
  .tech-top-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px!important}
  .tech-top-actions button{min-height:27px!important;height:27px!important;padding:0 5px!important;border-radius:7px!important;font-size:12.6px!important}
  .tech-top-actions .primary{grid-column:1/-1!important}

  .tech-device-selector{grid-template-columns:1fr 1fr!important;gap:4px!important;margin-top:5px!important;padding:6px!important;border-radius:10px!important}
  .tech-device-selector label>span{margin-bottom:3px!important;font-size:12.8px!important}
  .tech-device-selector select,.tech-device-selector input{height:32px!important;min-height:32px!important;padding:0 6px!important;border-radius:7px!important;font-size:13.1px!important}

  .tech-case-overview{grid-template-columns:1fr 1fr 1fr!important;gap:4px!important;margin-top:5px!important}
  .tech-error-card,.tech-progress-card,.tech-next-card{min-width:0!important;min-height:54px!important;padding:6px!important;border-radius:9px!important}
  .tech-error-card{gap:4px!important}
  .tech-error-card>span{width:28px!important;height:28px!important;border-radius:7px!important;font-size:14.0px!important;flex:0 0 auto!important}
  .tech-error-card b{font-size:12.9px!important;line-height:1.3!important}
  .tech-error-card small{display:none!important}
  .tech-progress-card b{font-size:15.5px!important}
  .tech-progress-card span{font-size:12.4px!important}
  .tech-progress-card .tech-progress-track{margin-top:6px!important}
  .tech-next-card span{font-size:12.4px!important}
  .tech-next-card b{margin-top:4px!important;font-size:12.8px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

  .tech-source-note{margin-top:4px!important;padding:5px 6px!important;border-radius:7px!important;font-size:12.6px!important;line-height:1.45!important}

  .tech-workspace-grid{display:block!important;margin-top:5px!important}
  .tech-checklist-panel{padding:7px!important;border-radius:11px!important}
  .tech-section-head{margin-bottom:5px!important}
  .tech-section-head h2{margin-top:2px!important;font-size:14.5px!important}
  .tech-section-head .kicker,.tech-section-head>small{font-size:12.4px!important}
  .tech-checklist{gap:4px!important}
  .tech-step{grid-template-columns:24px minmax(0,1fr)!important;gap:5px!important;padding:6px!important;border-radius:8px!important}
  .tech-step-number{width:24px!important;height:24px!important;border-radius:6px!important;font-size:13.2px!important}
  .tech-step-head{gap:3px!important}
  .tech-step-head b{font-size:13.2px!important;line-height:1.35!important}
  .tech-step-head span{padding:2px 4px!important;font-size:12.2px!important}
  .tech-step p{margin-top:3px!important;font-size:12.7px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .tech-step-current{margin-top:3px!important;font-size:12.4px!important}
  .tech-step-actions{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:2px!important;margin-top:4px!important}
  .tech-step-actions button{min-width:0!important;min-height:24px!important;height:24px!important;padding:0 1px!important;border-radius:5px!important;font-size:12.2px!important;white-space:nowrap!important}

  .tech-case-side{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-top:5px!important}
  .tech-side-card{padding:8px!important;border-radius:10px!important}
  .tech-side-card h3{margin:2px 0 4px!important;font-size:14.0px!important}
  .tech-side-card .kicker{font-size:12.4px!important}
  .tech-side-card textarea{min-height:64px!important;padding:6px!important;border-radius:7px!important;font-size:12.9px!important}
  .tech-side-card>small{font-size:12.4px!important}
  .tech-mini-products{grid-template-columns:1fr 1fr!important;gap:3px!important}
  .tech-mini-products button{padding:5px!important;border-radius:7px!important}
  .tech-mini-products span{font-size:12.2px!important}
  .tech-mini-products b{font-size:12.7px!important}
  .tech-mini-products small{font-size:12.2px!important}

  .tech-kpi-grid{grid-template-columns:repeat(4,1fr)!important;gap:3px!important;margin-top:5px!important}
  .tech-kpi-grid>div{min-width:0!important;padding:6px 3px!important;border-radius:8px!important;text-align:center!important}
  .tech-kpi-grid b{font-size:15.5px!important}
  .tech-kpi-grid small{font-size:12.2px!important;line-height:1.3!important}
  .tech-quick-grid{grid-template-columns:1fr 1fr!important;gap:4px!important;margin-top:5px!important}
  .tech-quick-grid button{min-height:58px!important;padding:7px!important;border-radius:9px!important}
  .tech-quick-grid b{font-size:13.2px!important}
  .tech-quick-grid small{margin-top:2px!important;font-size:12.4px!important}
  .tech-quick-grid span{left:7px!important;bottom:5px!important;font-size:15.0px!important}
  .tech-recent{margin-top:7px!important}
  .tech-case-row{min-height:43px!important;grid-template-columns:minmax(0,1fr) 58px 26px!important;gap:4px!important;padding:5px 6px!important;border-radius:8px!important}
  .tech-case-row b{font-size:13.0px!important}
  .tech-case-row small{font-size:12.3px!important}
  .tech-case-row strong{font-size:13.0px!important}

  .tech-page-head{align-items:center!important;margin-bottom:7px!important}
  .tech-page-head>.btn{min-height:30px!important;height:30px!important;padding:0 7px!important;font-size:12.8px!important}
  .tech-session-grid{grid-template-columns:1fr!important;gap:4px!important}
  .tech-session-card{padding:7px!important;border-radius:9px!important}
  .tech-session-card h3{margin:4px 0 2px!important;font-size:13.5px!important}
  .tech-session-card p{margin-bottom:4px!important;font-size:12.5px!important}
  .tech-session-actions{margin-top:5px!important}
  .tech-session-actions button{min-height:26px!important;font-size:12.4px!important}

  .tech-library-grid{grid-template-columns:1fr!important;gap:4px!important}
  .tech-library-card{padding:8px!important;border-radius:10px!important}
  .tech-library-card h2{margin-bottom:5px!important;font-size:14.2px!important}
  .tech-library-card>button{grid-template-columns:32px 1fr 12px!important;padding:5px!important;gap:4px!important}
  .tech-library-card>button>span{width:29px!important;height:25px!important;font-size:13.0px!important}
  .tech-library-card>button b{font-size:12.8px!important}
  .tech-library-card>button small{font-size:12.2px!important}
  .tech-model-cloud{gap:3px!important}
  .tech-model-cloud>div{padding:5px!important}
  .tech-model-cloud b{font-size:12.8px!important}
  .tech-model-cloud small{font-size:12.2px!important}
  .tech-roadmap{grid-template-columns:1fr 1fr!important;gap:3px!important}
  .tech-roadmap>div{padding:6px!important}
  .tech-roadmap b{font-size:12.7px!important}
  .tech-roadmap small{font-size:12.2px!important}

  #appPage.tech-page-active .product-grid{grid-template-columns:1fr 1fr!important;gap:4px!important}
  #appPage.tech-page-active .product{border-radius:10px!important}
  #appPage.tech-page-active .product-pic{height:88px!important;min-height:88px!important}
  #appPage.tech-page-active .product h3{min-height:25px!important;margin:4px 0 2px!important;font-size:13.2px!important}
  #appPage.tech-page-active .product-meta,#appPage.tech-page-active .stock,#appPage.tech-page-active .sku-mini{font-size:12.4px!important}
}

@media(max-width:380px){
  .tech-step-actions{grid-template-columns:1fr 1fr!important}
  .tech-case-overview{grid-template-columns:1fr 1fr!important}
  .tech-next-card{grid-column:1/-1!important;min-height:42px!important}
  .tech-kpi-grid{grid-template-columns:1fr 1fr!important}
}



@media(max-width:700px){

  
  .tech-pro-navlist{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    overflow:visible!important;
    gap:3px!important;
  }
  .tech-pro-navlist button{
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    justify-content:center!important;
    padding:0 3px!important;
    font-size:12.9px!important;
    gap:3px!important;
  }
  .tech-pro-navlist button i{
    width:18px!important;
    height:18px!important;
    font-size:13.5px!important;
  }

  
  .tech-diagnose-top{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .tech-diagnose-top p{
    display:none!important;
  }
  .tech-top-actions button:not(.primary){
    display:none!important;
  }
  .tech-top-actions{
    display:block!important;
  }
  .tech-top-actions .primary{
    width:auto!important;
    min-width:72px!important;
  }

  
  .tech-device-selector{
    margin-top:5px!important;
    background:#fff!important;
  }

  
  .tech-case-overview{
    grid-template-columns:92px 1fr!important;
  }
  .tech-error-card{
    min-height:50px!important;
  }
  .tech-progress-card{
    min-height:50px!important;
  }
  .tech-next-card{
    grid-column:1/-1!important;
    min-height:42px!important;
    display:grid!important;
    grid-template-columns:72px 1fr!important;
    align-items:center!important;
    gap:6px!important;
  }
  .tech-next-card span{
    margin:0!important;
  }
  .tech-next-card b{
    margin:0!important;
    -webkit-line-clamp:1!important;
  }

  
  .tech-source-note{
    background:#fffdf5!important;
    border-style:dashed!important;
    color:#857342!important;
    opacity:.88!important;
  }

  
  .tech-checklist-panel{
    border-color:#dde3e6!important;
    box-shadow:0 5px 16px rgba(31,41,51,.035)!important;
  }
  .tech-step{
    background:#fff!important;
  }
  .tech-step p{
    -webkit-line-clamp:1!important;
  }

  
  .tech-case-side .tech-side-card:nth-child(2),
  .tech-case-side .tech-side-card:nth-child(3){
    display:none!important;
  }
  .tech-side-card textarea{
    min-height:54px!important;
  }

  
  .tech-section-head>small{
    display:none!important;
  }
  .tech-checklist-panel .kicker,
  .tech-side-card .kicker{
    display:none!important;
  }

  
  .tech-more-head{
    padding:10px!important;
    border:1px solid #e3e8ea!important;
    border-radius:12px!important;
    background:#fff!important;
  }
  .tech-more-head h1{
    margin:3px 0!important;
    font-size:17.0px!important;
    color:#24323a!important;
  }
  .tech-more-head p{
    margin:0!important;
    font-size:13.0px!important;
    line-height:1.6!important;
    color:#7b8991!important;
  }
  .tech-more-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin-top:6px!important;
  }
  .tech-more-grid button{
    min-height:52px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    padding:8px 10px!important;
    border:1px solid #e3e8ea!important;
    border-radius:10px!important;
    background:#fff!important;
    font-family:inherit!important;
    text-align:right!important;
    cursor:pointer!important;
  }
  .tech-more-grid b{
    font-size:13.5px!important;
    color:#26343c!important;
  }
  .tech-more-grid small{
    font-size:12.6px!important;
    color:#8a969c!important;
  }
  .tech-more-grid span{
    grid-row:1/3!important;
    grid-column:2!important;
    color:#c92f3d!important;
    font-size:16.0px!important;
  }
}



.tech-flow-strip{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:4px;
  margin-bottom:9px;
  padding:8px;
  border:1px solid #e3e8ea;
  border-radius:12px;
  background:#f8f9fa;
}
.tech-flow-node{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  color:#9aa4aa;
}
.tech-flow-node>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e8ecee;
  color:#7c8990;
  font-size:13.5px;
  font-weight:1000;
}
.tech-flow-node small{
  font-size:12.6px;
  font-weight:850;
  white-space:nowrap;
}
.tech-flow-node.active>span{
  background:#c92f3d;
  color:#fff;
  box-shadow:0 0 0 4px rgba(201,47,61,.10);
}
.tech-flow-node.active small{
  color:#a72d37;
}
.tech-flow-node.done>span{
  background:#dff2e7;
  color:#2d7b59;
}
.tech-flow-node.done small{
  color:#4f6e60;
}
.tech-flow-node.locked{
  opacity:.55;
}

.tech-checklist-ordered{
  gap:0!important;
}
.tech-step-ordered{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:9px!important;
  padding:0 0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.tech-step-rail{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.tech-step-ordered .tech-step-number{
  flex:0 0 auto;
}
.tech-step-rail>i{
  width:2px;
  flex:1;
  min-height:22px;
  margin-top:4px;
  border-radius:999px;
  background:#e2e7e9;
}
.tech-step-ordered.status-ok .tech-step-rail>i,
.tech-step-ordered.status-suspect .tech-step-rail>i,
.tech-step-ordered.status-fault .tech-step-rail>i,
.tech-step-ordered.status-skip .tech-step-rail>i{
  background:#cfd8dc;
}
.tech-step-ordered .tech-step-body{
  padding:9px 10px;
  border:1px solid #e5e9eb;
  border-radius:11px;
  background:#fff;
}
.tech-step-ordered.is-current .tech-step-body{
  border-color:#dfb6ba;
  box-shadow:0 0 0 3px rgba(201,47,61,.05);
}
.tech-step-ordered.is-locked{
  opacity:.52;
}
.tech-step-phase{
  margin-bottom:4px;
  color:#c92f3d;
  font-size:12.7px;
  font-weight:1000;
}
.tech-step-lock{
  margin-top:6px;
  padding:6px 7px;
  border-radius:7px;
  background:#f3f5f6;
  color:#8c989f;
  font-size:12.8px;
}
.tech-step-actions-clean{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:3px!important;
}
.tech-step-actions-clean button{
  min-width:0!important;
  white-space:nowrap!important;
}

@media(max-width:700px){
  .tech-flow-strip{
    grid-template-columns:repeat(6,1fr)!important;
    gap:2px!important;
    margin-bottom:6px!important;
    padding:6px 4px!important;
    border-radius:9px!important;
  }
  .tech-flow-node{
    gap:2px!important;
  }
  .tech-flow-node>span{
    width:22px!important;
    height:22px!important;
    font-size:12.8px!important;
  }
  .tech-flow-node small{
    font-size:12.1px!important;
  }

  .tech-checklist-panel{
    padding:7px!important;
  }
  .tech-step-ordered{
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:5px!important;
    padding-bottom:5px!important;
  }
  .tech-step-ordered .tech-step-body{
    padding:7px!important;
    border-radius:8px!important;
  }
  .tech-step-ordered .tech-step-number{
    width:24px!important;
    height:24px!important;
  }
  .tech-step-rail>i{
    min-height:14px!important;
    margin-top:3px!important;
  }
  .tech-step-phase{
    margin-bottom:2px!important;
    font-size:12.4px!important;
  }
  .tech-step-ordered .tech-step-head b{
    font-size:13.1px!important;
  }
  .tech-step-ordered .tech-step-head span{
    font-size:12.1px!important;
    padding:2px 4px!important;
  }
  .tech-step-ordered p{
    margin-top:3px!important;
    font-size:12.6px!important;
    line-height:1.42!important;
    -webkit-line-clamp:2!important;
  }
  .tech-step-current{
    margin-top:3px!important;
    font-size:12.4px!important;
  }
  .tech-step-lock{
    margin-top:4px!important;
    padding:4px 5px!important;
    font-size:12.4px!important;
  }
  .tech-step-actions-clean{
    grid-template-columns:repeat(4,1fr)!important;
    gap:2px!important;
    margin-top:4px!important;
  }
  .tech-step-actions-clean button{
    height:23px!important;
    min-height:23px!important;
    padding:0 1px!important;
    font-size:12.1px!important;
  }

  
  .tech-step-ordered.is-locked .tech-step-body{
    background:#f8f9fa!important;
  }
}

@media(max-width:380px){
  .tech-flow-node small{
    display:none!important;
  }
  .tech-step-actions-clean{
    grid-template-columns:1fr 1fr!important;
  }
}



.tech-wizard-tabs{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:2px 1px 8px;
  margin-bottom:8px;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
}
.tech-wizard-tabs::-webkit-scrollbar{display:none}
.tech-wizard-tabs button{
  min-width:92px;
  height:54px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border:1px solid #e1e6e8;
  border-radius:13px;
  background:#fff;
  color:#66757e;
  font-family:inherit;
  cursor:pointer;
  scroll-snap-align:start;
}
.tech-wizard-tabs button>span{
  width:28px;
  height:28px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#f0f3f4;
  font-size:14.0px;
  font-weight:1000;
}
.tech-wizard-tabs button>b{
  font-size:13.8px;
  white-space:nowrap;
}
.tech-wizard-tabs button.active{
  border-color:#d89da3;
  background:#fff7f8;
  color:#a62d38;
  box-shadow:0 6px 16px rgba(201,47,61,.07);
}
.tech-wizard-tabs button.active>span{
  background:#c92f3d;
  color:#fff;
}
.tech-wizard-tabs button.done>span{
  background:#e3f3e9;
  color:#2d7a58;
}
.tech-wizard-tabs button.locked{
  opacity:.42;
  cursor:not-allowed;
}

.tech-wizard-stage{
  min-height:0;
}
.tech-wizard-card{
  padding:18px;
  border:1px solid #dde3e6;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(31,41,51,.06);
}
.tech-wizard-card-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.tech-wizard-card-top>div>span{
  display:block;
  margin-bottom:5px;
  color:#9a5b61;
  font-size:13.5px;
  font-weight:950;
}
.tech-wizard-card-top h3{
  margin:0;
  color:#202d35;
  font-size:18.5px;
  line-height:1.55;
}
.tech-wizard-card-top em{
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  background:#fff0f1;
  color:#b6323d;
  font-size:13.0px;
  font-style:normal;
  font-weight:950;
}
.tech-wizard-card>p{
  margin:12px 0 0;
  color:#64737c;
  font-size:15.0px;
  line-height:1.95;
}
.tech-wizard-current-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:13px;
  padding:10px 12px;
  border-radius:11px;
  background:#f7f8f9;
}
.tech-wizard-current-status span{
  color:#7b8991;
  font-size:13.5px;
}
.tech-wizard-current-status b{
  color:#25333b;
  font-size:14.0px;
}
.tech-wizard-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:16px;
}
.tech-wizard-actions button{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid #e1e6e8;
  border-radius:13px;
  background:#fafbfb;
  color:#42515a;
  font-family:inherit;
  cursor:pointer;
}
.tech-wizard-actions button>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#edf1f2;
  font-size:15.5px;
  font-weight:1000;
}
.tech-wizard-actions button>b{
  font-size:14.5px;
}
.tech-wizard-actions .ok.selected{
  border-color:#bcdcc9;background:#f0faf4;color:#2f7656;
}
.tech-wizard-actions .ok.selected>span{
  background:#d9f0e2;color:#2f7656;
}
.tech-wizard-actions .suspect.selected{
  border-color:#ead9a9;background:#fff9e8;color:#8c6a1e;
}
.tech-wizard-actions .suspect.selected>span{
  background:#f8edc7;color:#8c6a1e;
}
.tech-wizard-actions .fault.selected{
  border-color:#eac2c6;background:#fff3f4;color:#9c313b;
}
.tech-wizard-actions .fault.selected>span{
  background:#f5dfe1;color:#9c313b;
}
.tech-wizard-actions .skip.selected{
  border-color:#d6dde0;background:#f3f5f6;color:#5d6b74;
}
.tech-back-current{
  width:100%;
  min-height:38px;
  margin-top:10px;
  border:1px solid #e1e6e8;
  border-radius:10px;
  background:#fff;
  color:#a3313c;
  font-family:inherit;
  font-size:13.5px;
  font-weight:900;
  cursor:pointer;
}


.tech-flow-strip,
.tech-checklist-ordered,
.tech-step-ordered{
  display:none!important;
}

@media(max-width:700px){
  
  .tech-checklist-panel{
    padding:10px!important;
  }
  .tech-section-head h2{
    font-size:16.0px!important;
  }

  .tech-wizard-tabs{
    gap:6px!important;
    margin:0 -2px 8px!important;
    padding:2px 2px 7px!important;
  }
  .tech-wizard-tabs button{
    min-width:105px!important;
    height:52px!important;
    padding:0 9px!important;
    border-radius:11px!important;
  }
  .tech-wizard-tabs button>span{
    width:27px!important;
    height:27px!important;
    font-size:13.5px!important;
  }
  .tech-wizard-tabs button>b{
    font-size:13.5px!important;
  }

  .tech-wizard-card{
    padding:14px!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  .tech-wizard-card-top h3{
    font-size:17.5px!important;
    line-height:1.55!important;
  }
  .tech-wizard-card-top>div>span{
    font-size:13.2px!important;
  }
  .tech-wizard-card-top em{
    padding:5px 7px!important;
    font-size:12.8px!important;
  }
  .tech-wizard-card>p{
    margin-top:9px!important;
    font-size:14.3px!important;
    line-height:1.9!important;
  }
  .tech-wizard-actions{
    gap:7px!important;
    margin-top:13px!important;
  }
  .tech-wizard-actions button{
    min-height:52px!important;
    border-radius:11px!important;
  }
  .tech-wizard-actions button>span{
    width:26px!important;
    height:26px!important;
    font-size:15.0px!important;
  }
  .tech-wizard-actions button>b{
    font-size:14.0px!important;
  }

  
  .tech-device-selector label>span{
    font-size:13.2px!important;
  }
  .tech-device-selector select,
  .tech-device-selector input{
    font-size:13.6px!important;
  }

  
  .tech-case-overview{
    grid-template-columns:1fr 1fr!important;
  }
  .tech-error-card,
  .tech-progress-card{
    min-height:64px!important;
    padding:9px!important;
  }
  .tech-next-card{
    grid-column:1/-1!important;
    min-height:48px!important;
    padding:9px!important;
  }
  .tech-error-card b{
    font-size:13.5px!important;
  }
  .tech-progress-card b{
    font-size:17.0px!important;
  }
  .tech-progress-card span,
  .tech-next-card span{
    font-size:12.9px!important;
  }
  .tech-next-card b{
    font-size:13.4px!important;
  }

  
  .tech-side-card{
    padding:10px!important;
  }
  .tech-side-card h3{
    font-size:14.5px!important;
  }
  .tech-side-card textarea{
    min-height:72px!important;
    font-size:13.5px!important;
  }
}

@media(max-width:380px){
  .tech-wizard-actions{
    grid-template-columns:1fr 1fr!important;
  }
  .tech-wizard-tabs button{
    min-width:98px!important;
  }
}



.workshop-booking-modern{
  padding:0!important;
  overflow:hidden;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid #e1e6e8!important;
  box-shadow:0 18px 44px rgba(31,41,51,.08)!important;
}
.wb-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:20px 20px 14px;
  background:
    radial-gradient(circle at 100% 0%,rgba(201,47,61,.07),transparent 34%),
    linear-gradient(180deg,#fff,#fafbfb);
}
.wb-kicker{
  color:#c92f3d;
  font-size:13.5px;
  font-weight:1000;
}
.wb-topline h3{
  margin:5px 0 4px;
  color:#1e2c34;
  font-size:19.5px;
}
.wb-topline p{
  margin:0;
  color:#7c8991;
  font-size:13.8px;
}
.wb-fast-badge{
  padding:6px 9px;
  border-radius:999px;
  background:#eef8f2;
  color:#347458;
  font-size:13.0px;
  font-weight:900;
  white-space:nowrap;
}
.wb-progress{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  align-items:center;
  gap:7px;
  padding:0 20px 15px;
}
.wb-progress>i{
  height:1px;
  background:#e2e7e9;
}
.wb-progress button{
  min-width:62px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0;
  border:0;
  background:transparent;
  color:#929da3;
  font-family:inherit;
  cursor:pointer;
}
.wb-progress button>span{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#eef1f3;
  font-size:13.5px;
  font-weight:1000;
}
.wb-progress button>b{
  font-size:13.2px;
}
.wb-progress button.active{
  color:#a62f39;
}
.wb-progress button.active>span{
  background:#c92f3d;
  color:#fff;
}
.wb-progress button.done>span{
  background:#e2f3e9;
  color:#2f7958;
}

.wb-stage{
  display:none;
  padding:16px 20px 20px;
  border-top:1px solid #edf0f2;
}
.wb-stage.active{display:block}
.wb-section-title{
  margin-bottom:12px;
}
.wb-section-title>span{
  display:block;
  color:#c92f3d;
  font-size:13.0px;
  font-weight:1000;
}
.wb-section-title>b{
  display:block;
  margin-top:3px;
  color:#25323a;
  font-size:15.5px;
}

.wb-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.wb-service-grid button{
  min-height:102px;
  padding:11px;
  border:1px solid #e1e6e8;
  border-radius:14px;
  background:#fafbfb;
  color:#35434c;
  font-family:inherit;
  text-align:right;
  cursor:pointer;
  transition:.16s ease;
}
.wb-service-grid button>span{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  margin-bottom:8px;
  border-radius:9px;
  background:#fff0f1;
  color:#c92f3d;
  font-size:16.0px;
  font-weight:1000;
}
.wb-service-grid button>b{
  display:block;
  font-size:13.8px;
}
.wb-service-grid button>small{
  display:block;
  margin-top:5px;
  color:#8a969c;
  font-size:12.9px;
  line-height:1.65;
}
.wb-service-grid button.selected{
  border-color:#d999a0;
  background:#fff6f7;
  box-shadow:0 0 0 3px rgba(201,47,61,.05);
}

.wb-device-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:11px;
}
.wb-device-grid label>span,
.wb-contact-field>span{
  display:block;
  margin-bottom:5px;
  color:#65737c;
  font-size:13.2px;
  font-weight:900;
}
.wb-device-grid select,
.wb-contact-field input,
.wb-contact-field textarea{
  width:100%;
  border:1px solid #dfe5e8;
  border-radius:10px;
  background:#f8f9fa;
  color:#26343c;
  font-family:inherit;
  outline:0;
}
.wb-device-grid select,
.wb-contact-field input{
  height:40px;
  padding:0 10px;
  font-size:13.8px;
}
.wb-contact-field textarea{
  min-height:76px;
  padding:9px 10px;
  font-size:13.8px;
  line-height:1.8;
  resize:vertical;
}
.wb-device-grid select:focus,
.wb-contact-field input:focus,
.wb-contact-field textarea:focus{
  border-color:#d69ca2;
  background:#fff;
  box-shadow:0 0 0 3px rgba(201,47,61,.06);
}

.wb-next,
.wb-back{
  min-height:40px;
  border-radius:10px;
  font-family:inherit;
  font-size:13.8px;
  font-weight:950;
  cursor:pointer;
}
.wb-next{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  margin-top:12px;
  border:0;
  background:#c92f3d;
  color:#fff;
}
.wb-back{
  border:1px solid #dfe5e8;
  background:#fff;
  color:#64727b;
  padding:0 13px;
}
.wb-stage-actions{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:7px;
  margin-top:12px;
}
.wb-stage-actions .wb-next{
  margin:0;
}

.wb-selected-device{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:12px;
  padding:9px 10px;
  border-radius:10px;
  background:#f7f8f9;
}
.wb-selected-device span{
  color:#c92f3d;
  font-size:13.0px;
  font-weight:900;
}
.wb-selected-device b{
  color:#2b3941;
  font-size:13.5px;
}
.wb-field-label{
  margin:10px 0 6px;
  color:#65737c;
  font-size:13.2px;
  font-weight:900;
}
.wb-date-strip{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding-bottom:3px;
  scrollbar-width:none;
}
.wb-date-strip::-webkit-scrollbar{display:none}
.wb-date-strip button{
  min-width:82px;
  min-height:56px;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:3px;
  border:1px solid #e0e5e8;
  border-radius:11px;
  background:#fff;
  color:#6f7d85;
  font-family:inherit;
  cursor:pointer;
}
.wb-date-strip button span{font-size:13.0px}
.wb-date-strip button b{font-size:13.5px}
.wb-date-strip button.selected{
  border-color:#c92f3d;
  background:#fff6f7;
  color:#a82f39;
}
.wb-time-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:5px;
}
.wb-time-grid button{
  min-height:38px;
  border:1px solid #e0e5e8;
  border-radius:9px;
  background:#fff;
  color:#4f5e67;
  font-family:inherit;
  font-size:13.5px;
  cursor:pointer;
}
.wb-time-grid button.selected{
  border-color:#c92f3d;
  background:#c92f3d;
  color:#fff;
}
.wb-time-grid button:disabled{
  opacity:.38;
  cursor:not-allowed;
}
.wb-time-grid button small{
  display:block;
  margin-top:2px;
  font-size:12.2px;
}

.wb-problem-chips{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-bottom:10px;
}
.wb-problem-chips button{
  min-height:30px;
  padding:0 8px;
  border:1px solid #e0e5e8;
  border-radius:999px;
  background:#fff;
  color:#64727b;
  font-family:inherit;
  font-size:13.0px;
  cursor:pointer;
}
.wb-problem-chips button.selected{
  border-color:#e0a9ae;
  background:#fff2f3;
  color:#a62f39;
}
.wb-contact-field{
  display:block;
  margin-top:8px;
}
.wb-live-summary{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:5px;
  margin-top:11px;
  padding:8px;
  border-radius:11px;
  background:#f7f8f9;
}
.wb-live-summary>div{
  min-width:0;
}
.wb-live-summary span{
  display:block;
  color:#929da3;
  font-size:12.5px;
}
.wb-live-summary b{
  display:block;
  margin-top:3px;
  color:#2f3d45;
  font-size:13.0px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.wb-live-summary .wide{
  grid-column:1/-1;
}
.wb-live-summary .wide b{
  white-space:normal;
  line-height:1.5;
}
.workshop-booking-modern .workshop-booking-submit{
  min-height:40px!important;
  margin:0!important;
  border-radius:10px!important;
  font-size:13.8px!important;
}
.workshop-booking-modern .workshop-booking-note{
  margin:8px 0 0!important;
  color:#9aa4aa!important;
  font-size:12.6px!important;
  line-height:1.6!important;
}

.wb-success{
  min-height:500px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:28px;
  text-align:center;
}
.wb-success-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#e8f7ee;
  color:#2f7958;
  font-size:24.0px;
  font-weight:1000;
}
.wb-success>span{
  margin-top:12px;
  color:#3c7a5c;
  font-size:13.5px;
  font-weight:950;
}
.wb-success h3{
  margin:6px 0;
  color:#25323a;
  font-size:18.5px;
}
.wb-success p{
  margin:0;
  color:#748189;
  font-size:14.0px;
  line-height:1.9;
}
.wb-success-code{
  min-width:190px;
  margin-top:14px;
  padding:9px 12px;
  border-radius:10px;
  background:#f7f8f9;
}
.wb-success-code span{
  display:block;
  color:#9aa4aa;
  font-size:12.5px;
}
.wb-success-code b{
  display:block;
  margin-top:3px;
  color:#293740;
  font-size:14.5px;
  direction:ltr;
}
.wb-success>small{
  max-width:360px;
  margin-top:10px;
  color:#9aa4aa;
  font-size:12.9px;
  line-height:1.7;
}
.wb-success>button{
  min-height:38px;
  margin-top:14px;
  padding:0 13px;
  border:0;
  border-radius:9px;
  background:#c92f3d;
  color:#fff;
  font-family:inherit;
  font-size:13.5px;
  font-weight:900;
  cursor:pointer;
}

@media(max-width:620px){
  .workshop-booking-modern{
    border-radius:16px!important;
  }
  .wb-topline{
    padding:14px 13px 10px;
  }
  .wb-topline h3{
    font-size:18.0px;
  }
  .wb-topline p{
    font-size:13.2px;
  }
  .wb-fast-badge{
    font-size:12.6px;
    padding:5px 7px;
  }
  .wb-progress{
    padding:0 13px 10px;
    gap:4px;
  }
  .wb-progress button{
    min-width:auto;
  }
  .wb-progress button>b{
    font-size:12.9px;
  }
  .wb-progress button>span{
    width:23px;
    height:23px;
  }
  .wb-stage{
    padding:12px 13px 14px;
  }
  .wb-section-title>b{
    font-size:15.0px;
  }

  .wb-service-grid{
    grid-template-columns:1fr;
    gap:5px;
  }
  .wb-service-grid button{
    min-height:64px;
    display:grid;
    grid-template-columns:34px 1fr;
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:8px;
    padding:8px 9px;
  }
  .wb-service-grid button>span{
    grid-row:1/3;
    width:32px;
    height:32px;
    margin:0;
  }
  .wb-service-grid button>b{
    font-size:13.5px;
  }
  .wb-service-grid button>small{
    margin:1px 0 0;
    font-size:12.7px;
  }

  .wb-device-grid{
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin-top:8px;
  }
  .wb-device-grid select,
  .wb-contact-field input{
    height:38px;
    font-size:13.5px;
  }
  .wb-date-strip button{
    min-width:78px;
    min-height:54px;
  }
  .wb-time-grid{
    grid-template-columns:repeat(3,1fr);
    gap:5px;
  }
  .wb-time-grid button{
    min-height:38px;
    font-size:13.5px;
  }
  .wb-live-summary{
    grid-template-columns:1fr 1fr;
  }
  .wb-live-summary>div:nth-child(3){
    grid-column:1/-1;
  }
  .wb-stage-actions{
    grid-template-columns:86px 1fr;
  }
  .wb-success{
    min-height:390px;
    padding:20px;
  }
}



.wb-service-grid{
  grid-template-columns:repeat(2,1fr)!important;
}
.wb-success-details{
  width:100%;
  max-width:420px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:14px;
}
.wb-success-details>div{
  padding:9px 10px;
  border-radius:10px;
  background:#f7f8f9;
  border:1px solid #e7ebed;
  text-align:right;
}
.wb-success-details>div:last-child{
  grid-column:1/-1;
}
.wb-success-details span{
  display:block;
  color:#8f9aa1;
  font-size:12.8px;
}
.wb-success-details b{
  display:block;
  margin-top:3px;
  color:#2a3840;
  font-size:13.5px;
  line-height:1.6;
}
@media(max-width:620px){
  .wb-service-grid{
    grid-template-columns:1fr!important;
  }
  .wb-success-details{
    grid-template-columns:1fr!important;
  }
  .wb-success-details>div:last-child{
    grid-column:auto;
  }
}



.customer-profile-shell{
  max-width:980px;
  margin:0 auto;
}
.cp-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px;
  border:1px solid #e1e6e8;
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0%,rgba(201,47,61,.08),transparent 35%),
    #fff;
}
.cp-user{
  display:flex;
  align-items:center;
  gap:13px;
}
.cp-avatar{
  width:60px;
  height:60px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#c92f3d;
  color:#fff;
  font-size:19.0px;
  font-weight:1000;
  box-shadow:0 9px 24px rgba(201,47,61,.18);
}
.cp-user span{
  color:#9a5a60;
  font-size:13.2px;
  font-weight:900;
}
.cp-user h1{
  margin:4px 0 2px;
  color:#1f2d35;
  font-size:20.0px;
}
.cp-user p{
  margin:0;
  color:#7e8b93;
  font-size:13.8px;
  direction:ltr;
  text-align:right;
}
.cp-edit-mini{
  min-height:37px;
  padding:0 11px;
  border:1px solid #e0e5e8;
  border-radius:10px;
  background:#fff;
  color:#52616a;
  font-family:inherit;
  font-size:13.5px;
  font-weight:900;
  cursor:pointer;
}
.cp-tabs{
  position:sticky;
  top:64px;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:5px;
  margin-top:9px;
  padding:5px;
  border:1px solid #e1e6e8;
  border-radius:14px;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(12px);
}
.cp-tabs button{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#75828a;
  font-family:inherit;
  font-size:13.5px;
  font-weight:900;
  cursor:pointer;
}
.cp-tabs button span{font-size:16.0px}
.cp-tabs button.active{
  background:#fff1f2;
  color:#a62e39;
}
.cp-main{padding:10px 0 24px}

.cp-kpis{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.cp-kpis button{
  min-height:100px;
  padding:13px;
  border:1px solid #e2e7e9;
  border-radius:15px;
  background:#fff;
  text-align:right;
  font-family:inherit;
  cursor:pointer;
}
.cp-kpis span{
  display:block;
  color:#c92f3d;
  font-size:21.0px;
  font-weight:1000;
}
.cp-kpis b{
  display:block;
  margin-top:3px;
  color:#28363e;
  font-size:14.0px;
}
.cp-kpis small{
  display:block;
  margin-top:4px;
  color:#929ca2;
  font-size:12.9px;
}
.cp-focus-card,.cp-info-card,.cp-active-orders,.cp-detail-status,.cp-detail-items{
  margin-top:8px;
  padding:14px;
  border:1px solid #e2e7e9;
  border-radius:16px;
  background:#fff;
}
.cp-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:8px;
  margin-bottom:9px;
}
.cp-section-head span{
  display:block;
  color:#a65c63;
  font-size:12.9px;
  font-weight:900;
}
.cp-section-head h2{
  margin:3px 0 0;
  color:#293740;
  font-size:15.5px;
}
.cp-section-head>button{
  border:0;
  background:transparent;
  color:#c92f3d;
  font-family:inherit;
  font-size:13.2px;
  font-weight:900;
  cursor:pointer;
}
.cp-focus-row{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:6px;
  padding:9px;
  border-radius:11px;
  background:#f7f8f9;
}
.cp-focus-row small{
  display:block;
  color:#919ca2;
  font-size:12.5px;
}
.cp-focus-row b{
  display:block;
  margin-top:3px;
  color:#2b3941;
  font-size:13.4px;
}

.status-registered,.status-review,.status-ready,.status-shipped,.status-delivered,.status-cancelled{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:24px;
  padding:0 7px;
  border-radius:999px;
  font-size:13.0px!important;
}
.status-registered{background:#fff3df!important;color:#8a681e!important}
.status-review{background:#edf4ff!important;color:#426a9b!important}
.status-ready{background:#f1edff!important;color:#6651a2!important}
.status-shipped{background:#eaf7fa!important;color:#347488!important}
.status-delivered{background:#e8f6ed!important;color:#347657!important}
.status-cancelled{background:#fff0f1!important;color:#a5323c!important}

.cp-order-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  margin-top:14px;
}
.cp-order-timeline:before{
  content:"";
  position:absolute;
  top:13px;
  right:10%;
  left:10%;
  height:2px;
  background:#e5e9eb;
}
.cp-order-timeline>div{
  position:relative;
  z-index:1;
  text-align:center;
  color:#a0a9ae;
}
.cp-order-timeline>div span{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  margin:0 auto;
  border:3px solid #fff;
  border-radius:50%;
  background:#e9edef;
  font-size:13.0px;
  font-weight:1000;
}
.cp-order-timeline>div b{
  display:block;
  margin-top:5px;
  font-size:12.6px;
}
.cp-order-timeline>div.done span{
  background:#dff2e7;
  color:#2f7958;
}
.cp-order-timeline>div.active span{
  background:#c92f3d;
  color:#fff;
  box-shadow:0 0 0 4px rgba(201,47,61,.08);
}
.cp-order-timeline>div.active b{color:#9f3039}
.cp-order-timeline.cancelled{opacity:.5}

.cp-quick{margin-top:8px;padding:14px;border:1px solid #e2e7e9;border-radius:16px;background:#fff}
.cp-quick-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
}
.cp-quick-grid button{
  min-height:88px;
  padding:9px;
  border:1px solid #e6eaec;
  border-radius:12px;
  background:#fafbfb;
  text-align:right;
  font-family:inherit;
  cursor:pointer;
}
.cp-quick-grid i{
  width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#fff0f1;color:#c92f3d;font-size:16.0px;font-style:normal
}
.cp-quick-grid b{display:block;margin-top:7px;color:#2b3941;font-size:13.5px}
.cp-quick-grid small{display:block;margin-top:3px;color:#929ca2;font-size:12.6px}
.cp-info-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
}
.cp-info-grid>div{
  padding:9px;
  border-radius:10px;
  background:#f7f8f9;
}
.cp-info-grid span{display:block;color:#939da3;font-size:12.5px}
.cp-info-grid b{display:block;margin-top:3px;color:#2b3941;font-size:13.2px}

.cp-page-heading{
  padding:12px 3px 10px;
}
.cp-page-heading h1{
  margin:4px 0 3px;
  color:#1f2d35;
  font-size:20.0px;
}
.cp-page-heading p{
  margin:0;
  color:#7d8a92;
  font-size:13.5px;
}
.cp-order-list{display:grid;gap:7px}
.cp-order-card{
  padding:13px;
  border:1px solid #e2e7e9;
  border-radius:15px;
  background:#fff;
  cursor:pointer;
}
.cp-order-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:9px;
}
.cp-order-top small{display:block;color:#959fa5;font-size:12.5px}
.cp-order-top b{display:block;margin-top:3px;color:#2a3840;font-size:13.5px}
.cp-order-card h3{
  margin:11px 0 8px;
  color:#34424a;
  font-size:14.0px;
  font-weight:800;
}
.cp-order-meta{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:6px;
  padding:8px;
  border-radius:9px;
  background:#f7f8f9;
  color:#78858d;
  font-size:12.8px;
}
.cp-order-meta b{color:#2f3d45}
.cp-order-open{
  display:flex;
  justify-content:space-between;
  margin-top:8px;
  color:#a4313b;
  font-size:13.0px;
  font-weight:900;
}
.cp-track-search{
  display:grid;
  grid-template-columns:1fr auto;
  gap:6px;
  padding:8px;
  border:1px solid #e2e7e9;
  border-radius:13px;
  background:#fff;
}
.cp-track-search input{
  height:39px;
  padding:0 10px;
  border:1px solid #e1e6e8;
  border-radius:9px;
  background:#f8f9fa;
  font-family:inherit;
  font-size:13.5px;
  outline:0;
}
.cp-track-search button{
  min-width:85px;
  border:0;
  border-radius:9px;
  background:#c92f3d;
  color:#fff;
  font-family:inherit;
  font-size:13.5px;
  font-weight:900;
  cursor:pointer;
}
.cp-track-message{
  margin-top:7px;
  padding:12px;
  border-radius:12px;
  border:1px solid #e2e7e9;
  background:#fff;
}
.cp-track-message.error{background:#fff6f7;border-color:#efd8da}
.cp-track-message.ok{background:#f8fbf9}
.cp-track-message>div:first-child{display:flex;justify-content:space-between;gap:8px}
.cp-track-message span{font-size:13.0px;color:#7c8991}
.cp-track-message b{font-size:14.0px;color:#2a3840}
.cp-track-message>button{
  width:100%;min-height:34px;margin-top:10px;border:1px solid #e2e7e9;border-radius:8px;background:#fff;color:#a5323d;font-family:inherit;font-size:13.0px;font-weight:900;cursor:pointer
}
.cp-active-orders button{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:7px 3px;
  border:0;
  border-bottom:1px solid #edf0f2;
  background:transparent;
  text-align:right;
  font-family:inherit;
  cursor:pointer;
}
.cp-active-orders button:last-child{border-bottom:0}
.cp-active-orders b{display:block;color:#2a3840;font-size:13.5px}
.cp-active-orders small{display:block;margin-top:3px;color:#929ca2;font-size:12.6px}
.cp-active-orders button>span{color:#a5323d;font-size:13.0px;font-weight:900}

.cp-new-service{
  width:100%;
  min-height:62px;
  display:grid;
  grid-template-columns:36px 1fr 20px;
  align-items:center;
  gap:8px;
  padding:10px;
  border:1px solid #e2e7e9;
  border-radius:13px;
  background:#fff;
  text-align:right;
  font-family:inherit;
  cursor:pointer;
}
.cp-new-service>span{
  width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff0f1;color:#c92f3d;font-size:18.0px
}
.cp-new-service b{display:block;color:#2a3840;font-size:13.8px}
.cp-new-service small{display:block;margin-top:3px;color:#929ca2;font-size:12.8px}
.cp-new-service i{font-style:normal;color:#c92f3d}
.cp-booking-list{display:grid;gap:6px;margin-top:7px}
.cp-booking-list article{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  padding:11px;
  border:1px solid #e2e7e9;
  border-radius:12px;
  background:#fff;
}
.cp-booking-list span,.cp-booking-list small{display:block;color:#929ca2;font-size:12.6px}
.cp-booking-list b{display:block;margin:3px 0;color:#2b3941;font-size:13.5px}

.cp-order-detail{max-width:760px;margin:0 auto}
.cp-detail-back{
  margin-bottom:7px;border:0;background:transparent;color:#a6323c;font-family:inherit;font-size:13.2px;font-weight:900;cursor:pointer
}
.cp-detail-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  padding:16px;
  border:1px solid #e2e7e9;
  border-radius:16px;
  background:#fff;
}
.cp-detail-head span{color:#929ca2;font-size:12.8px}
.cp-detail-head h1{margin:3px 0;color:#25323a;font-size:19.5px;direction:ltr;text-align:right}
.cp-detail-head p{margin:0;color:#7f8c94;font-size:13.0px}
.cp-detail-items{margin-top:7px}
.cp-detail-item{
  display:grid;
  grid-template-columns:46px 1fr auto;
  align-items:center;
  gap:8px;
  padding:8px 0;
  border-bottom:1px solid #edf0f2;
}
.cp-detail-item:last-child{border-bottom:0}
.cp-detail-item-icon{
  width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:#f3f5f6;overflow:hidden
}
.cp-detail-item-icon svg{width:30px;height:30px}
.cp-detail-item b{display:block;color:#2b3941;font-size:13.5px}
.cp-detail-item small{display:block;margin-top:3px;color:#939da3;font-size:12.6px}
.cp-detail-item strong{color:#2c3b43;font-size:13.2px}
.cp-detail-total{
  display:flex;justify-content:space-between;align-items:center;margin-top:7px;padding:12px;border-radius:12px;background:#17222b;color:#fff
}
.cp-detail-total span{font-size:13.0px;color:#a9b6bc}
.cp-detail-total b{font-size:14.5px}
.cp-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
.cp-detail-actions button{
  min-height:38px;border:1px solid #dfe5e8;border-radius:10px;background:#fff;color:#52616a;font-family:inherit;font-size:13.2px;font-weight:900;cursor:pointer
}
.cp-detail-actions button:first-child{background:#c92f3d;color:#fff;border-color:#c92f3d}
.cp-prototype-note{
  margin:8px 0 0;padding:8px;border-radius:9px;background:#fff8e8;color:#826e37;font-size:12.7px;line-height:1.6
}

.cp-empty-order{
  margin-top:8px;
  padding:30px 16px;
  border:1px dashed #d8dfe2;
  border-radius:16px;
  background:#fff;
  text-align:center;
}
.cp-empty-order>div{font-size:25.0px;color:#bdc5c9}
.cp-empty-order h2{margin:7px 0 4px;color:#2b3941;font-size:16.0px}
.cp-empty-order p{margin:0;color:#89959c;font-size:13.2px;line-height:1.8}
.cp-empty-order button{
  min-height:34px;margin-top:10px;padding:0 11px;border:0;border-radius:9px;background:#c92f3d;color:#fff;font-family:inherit;font-size:13.0px;font-weight:900;cursor:pointer
}
.cp-empty-order.compact{padding:16px}

.cp-onboard,.cp-edit-page,.tech-login-card{
  max-width:620px;
  margin:0 auto;
}
.cp-onboard{
  padding:22px;
  border:1px solid #e1e6e8;
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0%,rgba(201,47,61,.08),transparent 34%),
    #fff;
}
.cp-onboard-brand{
  display:flex;align-items:center;gap:9px;padding-bottom:15px;border-bottom:1px solid #edf0f2
}
.cp-onboard-mark{
  width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#c92f3d;color:#fff;font-size:15.0px;font-weight:1000
}
.cp-onboard-brand b{display:block;color:#27353d;font-size:14.0px}
.cp-onboard-brand small{display:block;margin-top:2px;color:#929ca2;font-size:12.7px}
.cp-onboard-copy{padding:18px 0 13px}
.cp-onboard-copy h1{margin:5px 0 5px;color:#1f2d35;font-size:23.0px;line-height:1.55}
.cp-onboard-copy p{margin:0;color:#78868e;font-size:13.8px;line-height:1.9}
.cp-onboard-form,.cp-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.cp-onboard-form label>span,.cp-edit-grid label>span{display:block;margin-bottom:4px;color:#65737c;font-size:13.0px;font-weight:900}
.cp-onboard-form input,.cp-edit-grid input,.cp-edit-grid textarea{
  width:100%;border:1px solid #dfe5e8;border-radius:9px;background:#f8f9fa;color:#2b3941;font-family:inherit;font-size:13.5px;outline:0
}
.cp-onboard-form input,.cp-edit-grid input{height:39px;padding:0 9px}
.cp-edit-grid textarea{padding:8px;line-height:1.7}
.cp-onboard-form .wide,.cp-edit-grid .wide{grid-column:1/-1}
.cp-onboard-form>button{
  grid-column:1/-1;min-height:40px;border:0;border-radius:10px;background:#c92f3d;color:#fff;font-family:inherit;font-size:13.5px;font-weight:900;cursor:pointer
}
.cp-onboard-tech{
  display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #edf0f2
}
.cp-onboard-tech span{color:#89959c;font-size:13.0px}
.cp-onboard-tech button{border:0;background:transparent;color:#a6323c;font-family:inherit;font-size:13.0px;font-weight:900;cursor:pointer}
.cp-edit-page{padding:16px;border:1px solid #e2e7e9;border-radius:17px;background:#fff}
.cp-edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.cp-edit-actions button{
  min-height:38px;border:1px solid #dfe5e8;border-radius:9px;background:#fff;color:#5c6a73;font-family:inherit;font-size:13.2px;font-weight:900;cursor:pointer
}
.cp-edit-actions .primary{background:#c92f3d;color:#fff;border-color:#c92f3d}
.tech-login-card{
  padding:20px;border:1px solid #e1e6e8;border-radius:18px;background:#fff
}
.tech-login-card h2{margin:5px 0;color:#25323a;font-size:19.0px}
.tech-login-card p{color:#859198;font-size:13.2px}

@media(max-width:620px){
  .customer-profile-shell{width:100%}
  .cp-hero{
    padding:12px;border-radius:14px;
  }
  .cp-avatar{
    width:48px;height:48px;border-radius:14px;font-size:17.0px
  }
  .cp-user h1{font-size:17.5px}
  .cp-edit-mini{min-height:32px;padding:0 8px;font-size:12.9px}
  .cp-tabs{
    position:sticky;
    top:64px;
    margin-top:6px;
    padding:4px;
    border-radius:11px;
  }
  .cp-tabs button{
    min-height:38px;
    flex-direction:column;
    gap:1px;
    font-size:12.6px;
  }
  .cp-tabs button span{font-size:15.5px}

  .cp-main{padding-top:6px}
  .cp-kpis{gap:4px}
  .cp-kpis button{
    min-height:82px;padding:9px;border-radius:11px
  }
  .cp-kpis span{font-size:18.5px}
  .cp-kpis b{font-size:13.2px}
  .cp-kpis small{font-size:12.4px}

  .cp-focus-card,.cp-info-card,.cp-active-orders,.cp-detail-status,.cp-detail-items,.cp-quick{
    padding:10px;border-radius:12px
  }
  .cp-focus-row{
    grid-template-columns:1fr 1fr 1fr;padding:7px
  }
  .cp-order-timeline{margin-top:11px}
  .cp-order-timeline>div span{width:24px;height:24px}
  .cp-order-timeline>div b{font-size:12.2px}
  .cp-quick-grid{
    grid-template-columns:1fr 1fr;
    gap:5px;
  }
  .cp-quick-grid button{min-height:75px;padding:8px}
  .cp-info-grid{
    grid-template-columns:1fr 1fr;
    gap:5px;
  }

  .cp-page-heading{padding:8px 2px 7px}
  .cp-page-heading h1{font-size:18.0px}
  .cp-order-card{padding:10px;border-radius:11px}
  .cp-order-card h3{font-size:13.4px}
  .cp-order-meta{grid-template-columns:1fr 1fr;gap:4px}
  .cp-order-meta b{grid-column:1/-1}
  .cp-track-search{padding:6px}
  .cp-track-search input{height:36px}
  .cp-track-search button{min-width:72px}
  .cp-booking-list article{
    padding:9px;border-radius:10px
  }

  .cp-detail-head{padding:11px;border-radius:12px}
  .cp-detail-head h1{font-size:17.5px}
  .cp-detail-item{grid-template-columns:40px 1fr auto;gap:6px}
  .cp-detail-item-icon{width:38px;height:38px}
  .cp-detail-actions{grid-template-columns:1fr 1fr}

  .cp-onboard{
    padding:14px;border-radius:15px
  }
  .cp-onboard-copy{padding:13px 0 10px}
  .cp-onboard-copy h1{font-size:19.0px}
  .cp-onboard-form,.cp-edit-grid{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .cp-onboard-form input,.cp-edit-grid input{height:37px}
  .cp-edit-page{padding:11px;border-radius:13px}
}




.tech-recovery-card{
  margin-top:8px;
  padding:20px;
  border:1px solid #e2e7e9;
  border-radius:16px;
  background:#fff;
  text-align:center;
}
.tech-recovery-card>span{
  color:#c92f3d;
  font-size:13.5px;
  font-weight:1000;
}
.tech-recovery-card h2{
  margin:6px 0;
  color:#24313a;
  font-size:18.5px;
}
.tech-recovery-card p{
  margin:0 auto 12px;
  max-width:480px;
  color:#75838b;
  font-size:13.5px;
  line-height:1.8;
}

@media(max-width:700px){
  .tech-pro-navlist-restored{
    display:flex!important;
    grid-template-columns:none!important;
    gap:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:1px 1px 5px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none!important;
  }
  .tech-pro-navlist-restored::-webkit-scrollbar{
    display:none!important;
  }
  .tech-pro-navlist-restored button{
    flex:0 0 92px!important;
    min-width:92px!important;
    width:92px!important;
    height:44px!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:0 7px!important;
    font-size:13.1px!important;
    scroll-snap-align:start;
  }
  .tech-pro-navlist-restored button i{
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
    font-size:13.5px!important;
  }

  
  .tech-diagnose-empty{
    display:block!important;
    margin-top:7px!important;
    padding:24px 14px!important;
    min-height:190px!important;
  }
  .tech-diagnose-empty h1{
    font-size:18.5px!important;
  }
  .tech-diagnose-empty p{
    font-size:13.5px!important;
  }

  .tech-dashboard-hero,
  .tech-device-selector,
  .tech-case-overview,
  .tech-source-note,
  .tech-workspace-grid,
  .tech-session-grid,
  .tech-library-grid,
  .metric-grid,
  .analytics-list,
  .history-row,
  .tech-empty{
    visibility:visible!important;
    opacity:1!important;
  }

  .tech-page-head h1{
    font-size:16.5px!important;
  }
  .tech-page-head p{
    display:block!important;
    font-size:13.1px!important;
  }
}



.tech-diagnose-empty .btn.primary:active,
.tech-top-actions .primary:active{
  transform:scale(.97);
}



.footer-location-pro{
  align-items:stretch!important;
}
.footer-location-map{
  position:relative!important;
  min-height:300px!important;
  overflow:hidden!important;
  border-radius:22px!important;
}
.footer-location-map iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
  display:block!important;
}
.footer-map-fallback{
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:2;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 10px;
  border-radius:9px;
  background:rgba(16,23,29,.88);
  color:#fff!important;
  text-decoration:none!important;
  font-size:13.2px!important;
  font-weight:900;
  backdrop-filter:blur(8px);
}

.location-page-pro{
  max-width:980px;
  margin:0 auto;
}
.location-page-sub{
  margin:4px 0 14px!important;
  color:#77858d!important;
  font-size:14.0px!important;
}
.location-page-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);
  gap:12px;
  align-items:stretch;
}
.location-page-map{
  position:relative;
  min-height:420px;
  overflow:hidden;
  border:1px solid #e1e6e8;
  border-radius:18px;
  background:#eef1f2;
}
.location-page-map iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.location-page-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px;
  border:1px solid #e1e6e8;
  border-radius:18px;
  background:#fff;
}
.location-page-card>span{
  color:#c92f3d;
  font-size:13.0px;
  font-weight:900;
}
.location-page-card h2{
  margin:5px 0 4px;
  color:#25323a;
  font-size:19.0px;
}
.location-page-card p{
  margin:0;
  color:#718088;
  font-size:14.0px;
}
.location-page-actions{
  display:grid;
  gap:7px;
  margin-top:15px;
}
.location-page-actions a,
.location-page-actions button{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  font-family:inherit;
  font-size:13.5px;
  font-weight:900;
  cursor:pointer;
  text-decoration:none;
}
.location-page-actions a{
  background:#c92f3d;
  color:#fff!important;
  border:1px solid #c92f3d;
}
.location-page-actions button{
  background:#fff;
  color:#4f5d65;
  border:1px solid #dfe5e8;
}

@media(max-width:760px){
  .footer-location-map{
    min-height:230px!important;
  }
  .location-page-grid{
    grid-template-columns:1fr;
  }
  .location-page-map{
    min-height:300px;
    order:1;
  }
  .location-page-card{
    order:2;
    padding:14px;
    border-radius:14px;
  }
}

@media(max-width:620px){
  .footer-location-map{
    min-height:210px!important;
    border-radius:16px!important;
  }
  .footer-map-fallback{
    left:8px;
    bottom:8px;
    min-height:30px;
    font-size:12.9px!important;
  }
  .location-page-map{
    min-height:260px;
    border-radius:14px;
  }
  .location-page-card h2{
    font-size:17.5px;
  }
}





@media(max-width:620px){
  body{padding-bottom:72px!important}
  .mobile-nav{
    height:68px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    overflow:visible!important;
  }
  .mobile-nav button{
    min-width:0!important;
    padding:5px 1px 4px!important;
  }
  .mobile-nav button>b{
    font-size:18.0px!important;
  }
  .mobile-nav button>span{
    font-size:13.5px!important;
    white-space:nowrap!important;
  }

  .mobile-service-nav{
    overflow:visible!important;
  }
  .mobile-service-nav>b{
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    margin:-15px auto 1px!important;
    border-radius:14px!important;
    background:#c92f3d!important;
    color:#fff!important;
    border:4px solid #fff!important;
    box-shadow:0 8px 18px rgba(201,47,61,.22)!important;
  }
  .mobile-service-nav>b svg{
    width:22px!important;
    height:22px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .mobile-service-nav.is-active>b{
    background:#a92533!important;
    transform:translateY(-1px);
  }
  .mobile-service-nav.is-active>span{
    color:#c92f3d!important;
    font-weight:950!important;
  }
}


.service-center-page{
  max-width:1120px;
  margin:0 auto;
  padding-bottom:24px;
}
.service-center-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:16px;
  min-height:280px;
  padding:28px;
  border-radius:24px;
  background:
    radial-gradient(circle at 0 0,rgba(201,47,61,.22),transparent 34%),
    linear-gradient(135deg,#17242d,#0d171e);
  color:#fff;
  box-shadow:0 18px 44px rgba(20,31,39,.12);
}
.service-center-hero:after{
  content:"";
  position:absolute;
  left:-60px;
  bottom:-100px;
  width:260px;
  height:260px;
  border-radius:50%;
  border:50px solid rgba(255,255,255,.03);
}
.service-center-hero-copy{
  position:relative;
  z-index:1;
  align-self:center;
}
.service-center-kicker{
  display:block;
  color:#ff9ca5;
  font-size:13.5px;
  font-weight:1000;
  letter-spacing:.7px;
}
.service-center-hero h1{
  margin:7px 0 8px;
  color:#fff;
  font-size:30.0px;
  line-height:1.45;
}
.service-center-hero p{
  max-width:650px;
  margin:0;
  color:#c5d0d6;
  font-size:14.5px;
  line-height:2;
}
.service-center-hero-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:17px;
}
.service-center-hero-actions button,
.service-center-hero-actions a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border-radius:10px;
  font-family:inherit;
  font-size:13.5px;
  font-weight:950;
  text-decoration:none;
  cursor:pointer;
}
.service-center-hero-actions .primary{
  border:1px solid #c92f3d;
  background:#c92f3d;
  color:#fff;
}
.service-center-hero-actions a{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.07);
  color:#fff;
}
.service-center-status{
  position:relative;
  z-index:1;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(8px);
}
.service-center-status>span{
  color:#ff9da6;
  font-size:13.0px;
  font-weight:900;
}
.service-center-status>strong{
  margin-top:4px;
  color:#fff;
  font-size:18.5px;
}
.service-center-status>small{
  margin-top:6px;
  color:#b7c4ca;
  font-size:13.0px;
  line-height:1.7;
}
.service-center-status-mark{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-top:17px;
  border-radius:14px;
  background:#c92f3d;
  color:#fff;
  font-size:16.5px;
  font-weight:1000;
}

.service-center-core{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}
.service-center-core>button{
  min-height:96px;
  display:grid;
  grid-template-columns:48px 1fr 22px;
  align-items:center;
  gap:11px;
  padding:13px;
  border:1px solid #e0e5e8;
  border-radius:16px;
  background:#fff;
  text-align:right;
  font-family:inherit;
  cursor:pointer;
  box-shadow:0 9px 24px rgba(31,41,51,.05);
}
.service-center-core>button>i{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#fff0f1;
  color:#c92f3d;
  font-size:18.0px;
  font-style:normal;
}
.service-center-core>button span{
  display:block;
  color:#c92f3d;
  font-size:13.0px;
  font-weight:900;
}
.service-center-core>button b{
  display:block;
  margin-top:3px;
  color:#28363e;
  font-size:14.5px;
}
.service-center-core>button small{
  display:block;
  margin-top:3px;
  color:#8a969d;
  font-size:12.9px;
}
.service-center-core>button em{
  color:#c92f3d;
  font-size:18.0px;
  font-style:normal;
}

.service-center-flow{
  margin-top:10px;
  padding:16px;
  border:1px solid #e1e6e8;
  border-radius:17px;
  background:#fff;
}
.service-center-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:8px;
  margin-bottom:11px;
}
.service-center-head span{
  display:block;
  color:#c92f3d;
  font-size:13.0px;
  font-weight:950;
}
.service-center-head h2{
  margin:3px 0 0;
  color:#293740;
  font-size:16.0px;
}
.service-center-head>small{
  color:#929da3;
  font-size:12.9px;
}
.service-center-head.compact{
  margin-bottom:9px;
}
.service-center-flow-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
}
.service-center-flow-grid>div{
  min-height:78px;
  padding:10px;
  border-radius:12px;
  background:#f7f8f9;
}
.service-center-flow-grid b{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#17242d;
  color:#fff;
  font-size:13.5px;
}
.service-center-flow-grid span{
  display:block;
  margin-top:8px;
  color:#2a3840;
  font-size:13.5px;
  font-weight:900;
}
.service-center-flow-grid small{
  display:block;
  margin-top:3px;
  color:#8d989f;
  font-size:12.6px;
}

.service-center-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);
  gap:10px;
  align-items:start;
  margin-top:10px;
}
.service-center-booking{
  scroll-margin-top:90px;
}
.service-center-side{
  display:grid;
  gap:8px;
}
.service-center-side>section{
  padding:13px;
  border:1px solid #e1e6e8;
  border-radius:15px;
  background:#fff;
}
.service-booking-empty{
  min-height:86px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px;
  border-radius:11px;
  background:#f7f8f9;
}
.service-booking-empty>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#fff0f1;
  color:#c92f3d;
  font-size:16.5px;
}
.service-booking-empty b{
  display:block;
  color:#2b3941;
  font-size:13.5px;
}
.service-booking-empty small{
  display:block;
  margin-top:3px;
  color:#909ba1;
  font-size:12.6px;
  line-height:1.6;
}
.service-booking-list{
  display:grid;
  gap:5px;
}
.service-booking-list article{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  padding:9px;
  border-radius:10px;
  background:#f7f8f9;
}
.service-booking-list span,
.service-booking-list small{
  display:block;
  color:#8e9aa1;
  font-size:12.5px;
}
.service-booking-list b{
  display:block;
  margin-top:2px;
  color:#2d3a42;
  font-size:13.2px;
}
.service-contact-card>span,
.service-location-card>span{
  color:#c92f3d;
  font-size:13.0px;
  font-weight:950;
}
.service-contact-card h3,
.service-location-card h3{
  margin:4px 0;
  color:#293740;
  font-size:15.5px;
}
.service-contact-card p,
.service-location-card p{
  margin:0;
  color:#7e8b92;
  font-size:13.0px;
  line-height:1.8;
}
.service-contact-card>div{
  display:grid;
  gap:5px;
  margin-top:10px;
}
.service-contact-card a,
.service-location-card>a{
  min-height:35px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  text-decoration:none;
  font-size:13.5px;
  font-weight:900;
}
.service-contact-card a{
  background:#f6f7f8;
  color:#28363e;
  border:1px solid #e3e7e9;
  direction:ltr;
}
.service-location-card>a{
  margin-top:10px;
  background:#c92f3d;
  color:#fff;
}

@media(max-width:760px){
  .service-center-hero{
    grid-template-columns:1fr;
    min-height:auto;
    padding:18px;
    border-radius:18px;
  }
  .service-center-status{
    min-height:120px;
  }
  .service-center-main-grid{
    grid-template-columns:1fr;
  }
  .service-center-side{
    grid-template-columns:1fr 1fr;
  }
  .service-center-side>section:first-child{
    grid-column:1/-1;
  }
}

@media(max-width:620px){
  .service-center-page{
    width:100%;
  }
  .service-center-hero{
    padding:14px;
    border-radius:14px;
  }
  .service-center-kicker{
    font-size:12.9px;
  }
  .service-center-hero h1{
    margin-top:5px;
    font-size:19.0px;
  }
  .service-center-hero p{
    font-size:13.4px;
    line-height:1.8;
  }
  .service-center-hero-actions{
    margin-top:11px;
  }
  .service-center-hero-actions button,
  .service-center-hero-actions a{
    flex:1;
    min-height:36px;
    padding:0 8px;
    font-size:13.1px;
  }
  .service-center-status{
    min-height:auto;
    padding:11px;
    border-radius:11px;
  }
  .service-center-status>strong{
    font-size:16.0px;
  }
  .service-center-status-mark{
    width:38px;
    height:38px;
    margin-top:10px;
    border-radius:10px;
    font-size:15.0px;
  }

  .service-center-core{
    grid-template-columns:1fr;
    gap:5px;
    margin-top:7px;
  }
  .service-center-core>button{
    min-height:74px;
    grid-template-columns:40px 1fr 16px;
    gap:8px;
    padding:9px;
    border-radius:12px;
  }
  .service-center-core>button>i{
    width:38px;
    height:38px;
    border-radius:10px;
    font-size:16.5px;
  }
  .service-center-core>button b{
    font-size:13.8px;
  }
  .service-center-core>button small{
    font-size:12.6px;
  }

  .service-center-flow{
    margin-top:7px;
    padding:10px;
    border-radius:12px;
  }
  .service-center-head h2{
    font-size:14.5px;
  }
  .service-center-head>small{
    display:none;
  }
  .service-center-flow-grid{
    grid-template-columns:1fr 1fr;
    gap:5px;
  }
  .service-center-flow-grid>div{
    min-height:68px;
    padding:8px;
    border-radius:9px;
  }

  .service-center-main-grid{
    margin-top:7px;
    gap:7px;
  }
  .service-center-side{
    grid-template-columns:1fr;
    gap:6px;
  }
  .service-center-side>section:first-child{
    grid-column:auto;
  }
  .service-center-side>section{
    padding:10px;
    border-radius:11px;
  }
}



.service-showcase{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#0f1921,#081118);box-shadow:0 18px 44px rgba(20,31,39,.10)}
.service-slider{position:relative;min-height:320px}
.service-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .55s ease;background-size:cover;background-position:center}
.service-slide.is-active{opacity:1;pointer-events:auto}
.service-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,11,16,.84) 0%,rgba(6,11,16,.56) 44%,rgba(6,11,16,.18) 100%),linear-gradient(180deg,rgba(13,23,30,.10),rgba(13,23,30,.48))}
.service-slide-inner{position:relative;z-index:1;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;padding:22px}
.service-slide-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.service-slide-count{min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:13.0px;font-weight:900;white-space:nowrap}
.service-showcase-copy{max-width:610px}.service-showcase-copy h1{margin:6px 0 8px;color:#fff;font-size:28.0px;line-height:1.45}.service-showcase-copy p{margin:0;color:#d9e0e4;font-size:14.5px;line-height:2}
.service-showcase-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.service-showcase-tags span{min-height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.09);color:#fff;font-size:13.0px;font-weight:900}
.service-hero-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.service-hero-quick div{padding:10px 11px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(8,18,24,.32);backdrop-filter:blur(10px)}.service-hero-quick b{display:block;color:#fff;font-size:13.2px}.service-hero-quick small{display:block;margin-top:4px;color:#d3dde2;font-size:12.6px;line-height:1.7}
.service-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;display:grid;place-items:center;border:none;border-radius:14px;background:rgba(255,255,255,.12);color:#fff;font-size:19.0px;cursor:pointer;backdrop-filter:blur(8px)}.service-slider-arrow.prev{right:14px}.service-slider-arrow.next{left:14px}
.service-slider-dots{position:absolute;left:22px;bottom:18px;z-index:2;display:flex;align-items:center;gap:7px}.service-slider-dots button{width:9px;height:9px;padding:0;border:none;border-radius:999px;background:rgba(255,255,255,.35);cursor:pointer}.service-slider-dots button.is-active{width:24px;background:#c92f3d}
.service-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.service-highlight{padding:14px;border:1px solid #e1e6e8;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(25,37,45,.05)}.service-highlight span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#fff0f1;color:#c92f3d;font-size:17.5px}.service-highlight b{display:block;margin-top:10px;color:#223039;font-size:14.0px}.service-highlight small{display:block;margin-top:4px;color:#8a959d;font-size:12.8px;line-height:1.8}
.service-journey-card{margin-top:10px;padding:15px;border-radius:18px;border:1px solid #e1e6e8;background:#fff;box-shadow:0 10px 28px rgba(25,37,45,.04)}.service-journey-head span{display:block;color:#c92f3d;font-size:13.0px;font-weight:950}.service-journey-head h2{margin:4px 0 0;color:#26343c;font-size:16.0px}.service-journey-head p{margin:5px 0 0;color:#8d989f;font-size:12.9px;line-height:1.8}
.service-journey-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.service-journey-step{position:relative;padding:12px;border-radius:14px;background:#f8fafb;border:1px solid #e4eaed}.service-journey-step b{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:#17242d;color:#fff;font-size:13.5px}.service-journey-step strong{display:block;margin-top:9px;color:#28353d;font-size:13.6px}.service-journey-step small{display:block;margin-top:4px;color:#8e99a0;font-size:12.7px;line-height:1.75}
.service-center-main-grid{margin-top:10px}
.service-smart-note>span,.service-contact-card>span,.service-location-card>span{display:block;color:#c92f3d;font-size:13.0px;font-weight:950}.service-smart-note h3,.service-contact-card h3,.service-location-card h3{margin:4px 0 0;color:#26343c;font-size:15.0px}.service-smart-note p,.service-contact-card p,.service-location-card p{margin:6px 0 0;color:#8d989f;font-size:12.9px;line-height:1.9}
.service-note-list{display:grid;gap:7px;margin-top:12px}.service-note-list div{padding:10px;border-radius:12px;background:#f8fafb;border:1px solid #e5eaed}.service-note-list b{display:block;color:#26343c;font-size:13.2px}.service-note-list small{display:block;margin-top:4px;color:#8e99a0;font-size:12.6px;line-height:1.7}
.service-device-tracker{margin-top:10px;padding:16px;border:1px solid #e1e6e8;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(25,37,45,.04)}.service-tracker-head{display:flex;align-items:end;justify-content:space-between;gap:10px}.service-tracker-head span{display:block;color:#c92f3d;font-size:13.0px;font-weight:950}.service-tracker-head h2{margin:3px 0 0;color:#26343c;font-size:16.0px}.service-tracker-head p{margin:5px 0 0;color:#8d989f;font-size:12.9px;line-height:1.8}
.service-tracker-search{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:12px}.service-tracker-search input{width:100%;min-height:42px;padding:0 14px;border:1px solid #dfe5e8;border-radius:12px;background:#f7f9fa;font:inherit;font-size:13.5px;color:#24323a}.service-tracker-search button{min-width:120px;min-height:42px;border:none;border-radius:12px;background:#c92f3d;color:#fff;font:inherit;font-size:13.5px;font-weight:950;cursor:pointer}
.service-tracker-result{display:grid;gap:8px;margin-top:12px}.service-tracker-empty{min-height:110px;display:grid;place-items:center;gap:6px;padding:16px;border-radius:14px;border:1px dashed #dbe2e6;background:#f8fafb;text-align:center}.service-tracker-empty span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff0f1;color:#c92f3d;font-size:19.0px}.service-tracker-empty b{display:block;color:#29363f;font-size:14.0px}.service-tracker-empty small{display:block;color:#8b969d;font-size:12.9px;line-height:1.8}
.service-tracker-card{padding:12px;border-radius:14px;border:1px solid #e3e8eb;background:#f9fbfb}.service-tracker-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.service-tracker-card-top span,.service-tracker-card-top small,.service-tracker-card-body small{color:#8e99a0;font-size:12.7px}.service-tracker-card-top b{display:block;margin-top:2px;color:#26343c;font-size:13.7px}.service-tracker-pill{min-height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:999px;background:#fff0f1;color:#c92f3d;font-size:12.9px;font-weight:950;white-space:nowrap}
.service-tracker-card-body{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.service-tracker-card-body div{padding:8px;border-radius:11px;background:#fff}.service-tracker-card-body b{display:block;margin-top:3px;color:#24313a;font-size:13.1px}
.service-status-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.service-status-steps div{min-height:60px;padding:9px 7px;border-radius:11px;border:1px solid #e2e7ea;background:#fff;text-align:center}.service-status-steps b{width:22px;height:22px;display:grid;place-items:center;margin:0 auto;border-radius:8px;background:#eef2f4;color:#7e8a92;font-size:13.0px}.service-status-steps span{display:block;margin-top:7px;color:#7e8b93;font-size:12.6px;line-height:1.6}.service-status-steps .done,.service-status-steps .current{border-color:#f2c7cd;background:#fff6f7}.service-status-steps .done b,.service-status-steps .current b{background:#c92f3d;color:#fff}.service-status-steps .done span,.service-status-steps .current span{color:#24313a}.service-tracker-note{margin-top:10px;color:#929da3;font-size:12.6px;line-height:1.8}
.service-contact-footer{margin-top:10px}
.service-contact-card>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.service-contact-card a,.service-location-card>a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:12px;text-decoration:none;font-size:13.2px;font-weight:900}.service-contact-card a{background:#fff0f1;color:#c92f3d}.service-location-card>a{margin-top:12px;background:#c92f3d;color:#fff}
@media(max-width:920px){.service-journey-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.service-showcase,.service-slide-inner,.service-slider{min-height:300px}.service-slide-inner{padding:14px 14px 18px}.service-slide-top{align-items:center}.service-slide-count{min-height:26px;padding:0 10px;font-size:12.8px}.service-showcase-copy h1{font-size:18.5px;margin:5px 0 6px}.service-showcase-copy p{font-size:13.4px;line-height:1.9;max-width:none}.service-showcase-tags{gap:5px;margin-top:10px}.service-showcase-tags span{min-height:24px;padding:0 8px;font-size:12.6px}.service-hero-quick{grid-template-columns:1fr;gap:6px;margin-top:12px}.service-hero-quick div{padding:8px 9px;border-radius:12px}.service-slider-arrow{width:34px;height:34px;border-radius:11px;font-size:17.5px;top:auto;bottom:12px;transform:none}.service-slider-arrow.prev{right:12px}.service-slider-arrow.next{left:12px}.service-slider-dots{left:50%;bottom:13px;transform:translateX(-50%);gap:6px}.service-slider-dots button{width:8px;height:8px}.service-slider-dots button.is-active{width:18px}.service-highlights{grid-template-columns:1fr;gap:6px;margin-top:7px}.service-highlight{padding:11px;border-radius:12px}.service-highlight span{width:30px;height:30px;border-radius:10px;font-size:16.5px}.service-journey-card{margin-top:7px;padding:11px;border-radius:12px}.service-journey-head h2{font-size:14.5px}.service-journey-steps{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.service-journey-step{padding:10px;border-radius:11px}.service-tracker-head{display:block}.service-device-tracker,.service-contact-footer{margin-top:7px;padding:10px;border-radius:12px}.service-tracker-head h2{font-size:14.5px}.service-tracker-search{grid-template-columns:1fr;gap:6px;margin-top:10px}.service-tracker-search button,.service-tracker-search input{min-height:38px;border-radius:10px;font-size:13.4px}.service-tracker-card{padding:9px;border-radius:11px}.service-tracker-card-top{display:block}.service-tracker-pill{margin-top:8px}.service-tracker-card-body,.service-status-steps{grid-template-columns:1fr 1fr;gap:5px}.service-status-steps div{min-height:54px;border-radius:9px}.service-contact-card a,.service-location-card>a{width:100%;min-height:36px;font-size:13.1px}.service-smart-note h3,.service-contact-card h3,.service-location-card h3{font-size:14.3px}}


.service-highlights{grid-template-columns:repeat(2,1fr)!important}
.service-device-tabs{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;margin-top:12px;padding:1px 1px 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.service-device-tabs::-webkit-scrollbar{display:none}
.service-device-tab{flex:0 0 auto;min-width:175px;padding:10px 11px;border:1px solid #e2e7ea;border-radius:13px;background:#f8fafb;text-align:right;font:inherit;cursor:pointer}
.service-device-tab.is-active{border-color:#efc2c8;background:#fff3f4;box-shadow:0 8px 18px rgba(201,47,61,.07)}
.service-device-tab span{display:block;color:#c92f3d;font-size:12.6px;font-weight:950}
.service-device-tab b{display:block;margin-top:4px;color:#27353d;font-size:13.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-device-tab small{display:block;margin-top:3px;color:#8c979e;font-size:12.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-tracker-detail{margin-top:8px}
.service-tracker-card{background:#fbfcfc!important}
.service-tracker-card-top{align-items:center!important}
.service-status-steps{position:relative;gap:0!important;margin-top:14px!important;background:#f6f8f9;border-radius:13px;padding:9px!important}
.service-status-steps:before{content:"";position:absolute;top:21px;right:12.5%;left:12.5%;height:2px;background:#e1e6e9;z-index:0}
.service-status-steps div{position:relative;z-index:1;border:none!important;background:transparent!important;min-height:auto!important;padding:0 4px!important}
.service-status-steps b{box-shadow:0 0 0 4px #f6f8f9}
.service-status-steps .done b,.service-status-steps .current b{background:#c92f3d!important;color:#fff!important}
.service-status-steps .done span,.service-status-steps .current span{color:#26343c!important;font-weight:900}
.service-tracker-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding:9px 10px;border-radius:12px;background:#f8fafb;border:1px solid #e6ebed}
.service-tracker-summary b{color:#27353d;font-size:13.1px}.service-tracker-summary small{color:#8d989f;font-size:12.6px}
@media(max-width:620px){.service-highlights{grid-template-columns:1fr!important}.service-device-tab{min-width:148px;padding:9px}.service-status-steps{grid-template-columns:repeat(4,1fr)!important;padding:8px 4px!important}.service-status-steps:before{top:19px;right:12.5%;left:12.5%}.service-status-steps div{min-height:auto!important}.service-status-steps b{width:20px!important;height:20px!important;font-size:12.8px!important}.service-status-steps span{font-size:12.4px!important}.service-tracker-summary{align-items:flex-start;flex-direction:column}}

@media(max-width:620px){
  .mobile-service-nav>span{
    font-size:12.9px!important;
    line-height:1.2!important;
    white-space:normal!important;
    text-align:center!important;
    max-width:68px!important;
  }
}



#brandChips.brands{
  display:flex!important;
  align-items:center;
  gap:9px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
  padding:4px 1px 8px!important;
  margin-top:14px!important;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
#brandChips.brands::-webkit-scrollbar{
  display:none;
}
#brandChips .brand-chip{
  flex:0 0 auto!important;
  min-width:128px!important;
  min-height:48px!important;
  padding:0 16px!important;
  border-radius:13px!important;
  white-space:nowrap!important;
  scroll-snap-align:start;
}
@media(max-width:620px){
  #brandChips.brands{
    gap:7px!important;
    margin-top:10px!important;
    padding-bottom:6px!important;
  }
  #brandChips .brand-chip{
    min-width:108px!important;
    min-height:44px!important;
    padding:0 12px!important;
    font-size:14.0px!important;
  }
}



@media(max-width:620px){
  
  .section{
    padding:18px 0!important;
  }
  .section-title{
    margin-bottom:10px!important;
  }
  .section-title .kicker{
    font-size:12.9px!important;
    margin-bottom:2px!important;
  }
  .section-title h2{
    font-size:19.0px!important;
    line-height:1.45!important;
    margin:0!important;
  }
  .section-title p{
    margin-top:4px!important;
    font-size:13.2px!important;
    line-height:1.7!important;
    max-width:none!important;
  }

  
  #brandChips.brands{
    margin-top:8px!important;
    padding:2px 1px 5px!important;
  }
  #brandChips .brand-chip{
    min-width:98px!important;
    min-height:40px!important;
    border-radius:11px!important;
    font-size:13.7px!important;
  }

  
  .hubs{
    gap:7px!important;
  }
  .hub{
    min-height:132px!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .hub .hub-icon{
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
    font-size:17.5px!important;
  }
  .hub h3{
    margin-top:8px!important;
    font-size:14.4px!important;
    line-height:1.5!important;
  }
  .hub p{
    margin-top:3px!important;
    font-size:12.8px!important;
    line-height:1.65!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  
  .product-grid{
    gap:8px!important;
  }
  .product-v2{
    padding:8px!important;
    border-radius:15px!important;
  }
  .product-pic{
    height:105px!important;
    border-radius:12px!important;
  }
  .product-brand-pill{
    min-height:20px!important;
    padding:0 8px!important;
    font-size:12.6px!important;
    border-radius:999px!important;
  }
  .product-topline{
    margin-top:6px!important;
    font-size:12.6px!important;
    gap:5px!important;
  }
  .product-v2 h3{
    margin-top:5px!important;
    font-size:13.9px!important;
    line-height:1.6!important;
    min-height:unset!important;
  }
  .product-meta{
    margin-top:4px!important;
    font-size:12.7px!important;
    line-height:1.65!important;
    min-height:unset!important;
  }
  .product-bottom{
    margin-top:7px!important;
    gap:6px!important;
  }
  .price{
    font-size:13.5px!important;
  }
  .price .old{
    font-size:12.5px!important;
  }
  .product-action{
    min-width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    font-size:16.0px!important;
  }

  
  .cta-card,
  .offer-panel,
  .home-panel,
  .week-offer-panel{
    padding:12px!important;
    border-radius:16px!important;
  }
  .cta-card .btn,
  .offer-panel .btn,
  .home-panel .btn,
  .week-offer-panel .btn{
    min-height:42px!important;
    padding:0 14px!important;
    font-size:14.0px!important;
    border-radius:12px!important;
  }

  
  .footer{
    margin-top:14px!important;
  }
  .footer-shell{
    padding:18px 0 78px!important;
  }
  .footer-top{
    gap:12px!important;
  }
  .footer-col{
    gap:8px!important;
  }
  .footer-col h4{
    font-size:14.0px!important;
    margin-bottom:4px!important;
  }
  .footer-col a,
  .footer-col p,
  .footer-col li{
    font-size:13.1px!important;
    line-height:1.8!important;
  }
}


@media(min-width:621px){
  .section{
    padding:26px 0!important;
  }
  .product-grid{
    gap:12px!important;
  }
}



@media(max-width:620px){
  
  .footer{
    margin-top:10px!important;
  }
  .footer-shell{
    padding:12px 0 74px!important;
  }

  
  .footer-location-pro{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-bottom:12px!important;
  }
  .footer-location-map{
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .footer-location-map iframe{
    width:100%!important;
    height:150px!important;
    min-height:150px!important;
    display:block!important;
  }
  .footer-map-fallback{
    font-size:14.0px!important;
    padding:8px 10px!important;
  }

  .footer-location-card{
    padding:14px!important;
    border-radius:16px!important;
    min-height:auto!important;
  }
  .footer-location-card h3{
    font-size:18.0px!important;
    line-height:1.45!important;
    margin:0 0 4px!important;
  }
  .footer-location-card p,
  .footer-location-card small,
  .footer-location-card span{
    font-size:14.0px!important;
    line-height:1.8!important;
  }
  .footer-location-card .kicker,
  .footer-location-card .eyebrow,
  .footer-location-card .label{
    font-size:13.5px!important;
    margin-bottom:4px!important;
  }

  
  .footer-location-card .pill,
  .footer-location-card .tag,
  .footer-location-card .chip,
  .footer-location-card .badge{
    min-height:24px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:13.5px!important;
    line-height:1!important;
  }

  
  .footer-location-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  .footer-location-actions .btn,
  .footer-location-actions button,
  .footer-location-actions a{
    min-height:38px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    font-size:14.0px!important;
  }

  
  .footer-location-stats,
  .footer-location-grid,
  .footer-mini-grid,
  .footer-badges-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  .footer-location-stats > *,
  .footer-location-grid > *,
  .footer-mini-grid > *,
  .footer-badges-grid > *{
    min-height:64px!important;
    padding:10px!important;
    border-radius:14px!important;
  }
  .footer-location-stats h5,
  .footer-location-grid h5,
  .footer-mini-grid h5,
  .footer-badges-grid h5,
  .footer-location-stats strong,
  .footer-location-grid strong,
  .footer-mini-grid strong,
  .footer-badges-grid strong{
    font-size:14.5px!important;
    line-height:1.5!important;
  }
  .footer-location-stats p,
  .footer-location-grid p,
  .footer-mini-grid p,
  .footer-badges-grid p{
    font-size:13.2px!important;
    line-height:1.7!important;
    margin-top:3px!important;
  }

  
  .footer-top{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px 12px!important;
    margin-top:12px!important;
  }
  .footer-top > div:first-child{
    grid-column:1/-1!important;
  }
  .footer-top h4{
    font-size:15.0px!important;
    margin:0 0 6px!important;
  }
  .footer-link{
    display:block!important;
    font-size:13.8px!important;
    line-height:1.8!important;
    margin:1px 0!important;
    padding:0!important;
  }

  
  .footer-top .pill,
  .footer-top .tag,
  .footer-top .chip,
  .footer-top .badge,
  .footer-top a[href^="tel:"],
  .footer-top button{
    min-height:26px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:13.5px!important;
  }

  
  .footer-bottom{
    margin-top:10px!important;
    padding-top:10px!important;
    gap:5px!important;
  }
  .footer-bottom span{
    font-size:13.7px!important;
    line-height:1.8!important;
  }
}



@media(max-width:620px){

  
  .footer{
    margin-top:8px!important;
    padding:8px 0 0!important;
    min-height:0!important;
  }
  .footer-shell{
    padding:8px 0 10px!important;
    min-height:0!important;
  }

  
  .footer-location-pro{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    padding-bottom:9px!important;
    margin:0!important;
    align-items:stretch!important;
  }

  .footer-location-map{
    position:relative!important;
    height:118px!important;
    min-height:118px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  .footer-location-map iframe{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:118px!important;
    min-height:118px!important;
  }
  .footer-map-fallback{
    left:5px!important;
    bottom:5px!important;
    min-height:24px!important;
    padding:0 6px!important;
    border-radius:7px!important;
    font-size:12.7px!important;
  }

  .footer-location-card{
    height:118px!important;
    min-height:118px!important;
    padding:9px!important;
    border-radius:12px!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .footer-kicker{
    font-size:12.8px!important;
  }
  .footer-location-card h3{
    margin:2px 0!important;
    font-size:15.0px!important;
    line-height:1.4!important;
  }
  .footer-location-card p{
    font-size:12.9px!important;
    line-height:1.55!important;
  }
  .footer-location-card p span{
    font-size:12.6px!important;
  }

  
  .footer-location-tags{
    display:none!important;
  }

  .footer-location-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:4px!important;
    margin-top:6px!important;
  }
  .footer-location-actions a,
  .footer-location-actions button{
    min-height:27px!important;
    padding:0 4px!important;
    border-radius:7px!important;
    font-size:12.7px!important;
    line-height:1.2!important;
  }

  
  .footer-trust-row{
    display:none!important;
  }

  
  .footer-main,
  .footer-main-pro{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    padding:9px 0 7px!important;
    margin:0!important;
    align-items:start!important;
  }

  .footer-brand-block{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    align-items:center!important;
    gap:8px!important;
    padding-bottom:7px!important;
    margin:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }

  
  .footer-brand-block>p,
  .footer-workshop-cta{
    display:none!important;
  }

  .footer-brand-block .brand{
    font-size:16.0px!important;
    gap:5px!important;
  }
  .footer-brand-block .brand-mark{
    width:27px!important;
    height:27px!important;
    font-size:14.0px!important;
  }

  .footer-phone-list{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:4px!important;
    margin:0!important;
    direction:ltr!important;
  }
  .footer-phone-list a{
    display:inline-flex!important;
    align-items:center!important;
    min-height:25px!important;
    margin:0!important;
    padding:0 7px!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.07)!important;
    font-size:12.9px!important;
    color:#d7e0e5!important;
  }
  .footer-phone-list small{
    display:none!important;
  }

  .footer-main-pro>div:not(.footer-brand-block){
    min-width:0!important;
    padding:0!important;
  }
  .footer-main-pro h4{
    margin:0 0 4px!important;
    font-size:13.5px!important;
  }
  .footer-link{
    min-height:0!important;
    margin:0!important;
    padding:2px 0!important;
    font-size:12.9px!important;
    line-height:1.45!important;
    white-space:normal!important;
  }

  .footer-bottom,
  .footer-bottom-pro{
    display:block!important;
    margin-top:3px!important;
    padding:7px 0 0!important;
    min-height:0!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
  }
  .footer-bottom span{
    display:block!important;
    font-size:12.8px!important;
    line-height:1.5!important;
  }
  .footer-bottom span:last-child{
    display:none!important;
  }
}




.ds-amazing-section{
  padding-top:12px!important;
}
.ds-amazing{
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(135deg,#c92f3d 0%,#d93645 52%,#b91f2e 100%);
  box-shadow:0 16px 38px rgba(185,31,46,.17);
}
.ds-amazing-header{
  min-height:72px;
  padding:12px 16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:16px;
  color:#fff;
}
.ds-amazing-title{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.ds-amazing-percent{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border:2px solid rgba(255,255,255,.88);
  border-radius:14px;
  font-size:21.0px;
  font-weight:1000;
}
.ds-amazing-title strong{
  display:block;
  font-size:17.5px;
  line-height:1.5;
  font-weight:1000;
}
.ds-amazing-title small{
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.78);
  font-size:13.5px;
}
.ds-amazing-timer{
  display:flex;
  align-items:center;
  gap:5px;
  direction:ltr;
}
.ds-amazing-timer span{
  min-width:36px;
  height:36px;
  padding:0 7px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#fff;
  color:#202d35;
  font-size:15.0px;
  font-weight:1000;
  box-shadow:0 6px 16px rgba(73,14,20,.14);
}
.ds-amazing-timer i{
  color:#fff;
  font-style:normal;
  font-size:16.5px;
  font-weight:1000;
}
.ds-amazing-all{
  border:0;
  background:transparent;
  color:#fff;
  font-family:inherit;
  font-size:14.0px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.ds-amazing-all span{
  font-size:17.0px;
  vertical-align:-1px;
}

.ds-amazing-body{
  position:relative;
  padding:0 12px 14px;
}
.ds-amazing-track{
  display:flex!important;
  gap:4px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0!important;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

.ds-amazing-card{
  flex:0 0 218px;
  scroll-snap-align:start;
  background:#fff;
  overflow:hidden;
  border-radius:4px;
  cursor:pointer;
  border:0;
  box-shadow:none;
}
.ds-amazing-card:first-child{
  border-radius:0 14px 14px 0;
}
.ds-amazing-card:last-child{
  border-radius:14px 0 0 14px;
}
.ds-amazing-card-media{
  position:relative;
  height:158px;
  display:grid;
  place-items:center;
  background:#fff;
  padding:15px 12px 4px;
}
.ds-amazing-card-art{
  width:128px;
  height:112px;
  display:grid;
  place-items:center;
}
.ds-amazing-card-brand{
  position:absolute;
  top:9px;
  left:9px;
  padding:4px 7px;
  border:1px solid #e5e9eb;
  border-radius:999px;
  background:#fff;
  color:#77858d;
  font-size:12.8px;
  font-weight:900;
}
.ds-amazing-card-content{
  padding:7px 12px 12px;
}
.ds-amazing-card-content h3{
  height:38px;
  overflow:hidden;
  margin:0;
  color:#2a363e;
  font-size:14.3px;
  line-height:1.8;
  font-weight:800;
}
.ds-amazing-card-content p{
  margin:3px 0 9px;
  color:#9aa3a8;
  font-size:12.9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ds-amazing-price-line strong{
  color:#18242c;
  font-size:14.7px;
  font-weight:1000;
  white-space:nowrap;
}
.ds-amazing-discount{
  min-width:37px;
  height:22px;
  padding:0 7px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#d52f3d;
  color:#fff;
  font-size:13.4px;
  font-weight:1000;
}
.ds-amazing-card-price del{
  display:block;
  margin-top:5px;
  padding-left:4px;
  color:#b3bbc0;
  font-size:13.0px;
  text-align:left;
  direction:rtl;
}
.ds-amazing-arrow{
  position:absolute;
  z-index:3;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid #dfe4e7;
  border-radius:50%;
  background:#fff;
  color:#46545d;
  font-family:inherit;
  font-size:19.0px;
  cursor:pointer;
  box-shadow:0 5px 16px rgba(23,34,42,.12);
}
.ds-amazing-prev{right:19px}
.ds-amazing-next{left:19px}

@media(max-width:620px){
  .ds-amazing-section{
    padding:8px 0 12px!important;
  }
  .ds-amazing-section>.wrap{
    width:100%!important;
  }
  .ds-amazing{
    border-radius:0;
    box-shadow:none;
  }
  .ds-amazing-header{
    min-height:60px;
    padding:9px 12px 8px;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
  }
  .ds-amazing-title{
    gap:7px;
  }
  .ds-amazing-percent{
    width:31px;
    height:31px;
    flex-basis:31px;
    border-radius:10px;
    font-size:17.0px;
  }
  .ds-amazing-title strong{
    font-size:14.7px;
  }
  .ds-amazing-title small{
    font-size:12.8px;
  }
  .ds-amazing-timer span{
    min-width:25px;
    height:25px;
    padding:0 4px;
    border-radius:7px;
    font-size:13.5px;
  }
  .ds-amazing-all{
    grid-column:1/-1;
    justify-self:start;
    padding:0;
    margin-top:-2px;
    font-size:13.0px;
  }
  .ds-amazing-body{
    padding:0 8px 10px;
  }
  .ds-amazing-track{
    gap:3px!important;
  }
  .ds-amazing-card{
    flex:0 0 145px;
  }
  .ds-amazing-card:first-child{
    border-radius:0 10px 10px 0;
  }
  .ds-amazing-card:last-child{
    border-radius:10px 0 0 10px;
  }
  .ds-amazing-card-media{
    height:112px;
    padding:10px 8px 2px;
  }
  .ds-amazing-card-art{
    width:88px;
    height:78px;
  }
  .ds-amazing-card-brand{
    top:6px;
    left:6px;
    padding:3px 5px;
    font-size:12.3px;
  }
  .ds-amazing-card-content{
    padding:6px 8px 9px;
  }
  .ds-amazing-card-content h3{
    height:30px;
    font-size:13.2px;
    line-height:1.75;
  }
  .ds-amazing-card-content p{
    margin:2px 0 7px;
    font-size:12.4px;
  }
  .ds-amazing-price-line{
    gap:4px;
  }
  .ds-amazing-discount{
    min-width:31px;
    height:19px;
    padding:0 5px;
    font-size:12.9px;
  }
  .ds-amazing-card-price del{
    margin-top:4px;
    font-size:12.4px;
  }
  .ds-amazing-arrow{
    display:none;
  }
}




.ds-amazing{
  background:linear-gradient(135deg,#c92f3d 0%,#d93d4b 55%,#b6202f 100%)!important;
}
.ds-amazing-header{
  grid-template-columns:auto 1fr auto!important;
  direction:rtl;
}
.ds-amazing-title{
  justify-self:end;
}
.ds-amazing-timer{
  justify-self:center;
}
.ds-amazing-all{
  justify-self:start;
}
.ds-amazing-body{
  padding:0 0 14px!important;
}
.ds-amazing-track{
  padding-inline:8px!important;
  gap:4px!important;
}
.ds-amazing-card{
  flex:0 0 220px!important;
  border-radius:0!important;
  border-left:1px solid #eceff1!important;
}
.ds-amazing-card:first-child{
  border-radius:0 16px 16px 0!important;
}
.ds-amazing-card:last-child{
  border-radius:16px 0 0 16px!important;
  border-left:0!important;
}
.ds-amazing-arrow{
  display:none!important;
}


.amazing-page{
  padding-bottom:30px;
}
.amazing-page-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px;
  border-radius:20px;
  background:linear-gradient(135deg,#c92f3d,#d93d4b);
  color:#fff;
}
.amazing-page-head .kicker{
  color:#ffd9dc!important;
}
.amazing-page-head h1{
  margin:4px 0 5px;
  color:#fff;
  font-size:24.0px;
}
.amazing-page-head p{
  margin:0;
  color:#ffe7e9;
  font-size:14.5px;
}
.amazing-page-timer{
  display:flex;
  align-items:center;
  gap:5px;
  direction:ltr;
}
.amazing-page-timer span{
  min-width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#fff;
  color:#24323a;
  font-size:15.5px;
  font-weight:950;
}
.amazing-page-timer i{
  color:#fff;
  font-style:normal;
  font-weight:950;
}
.amazing-page-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.amazing-page-grid .ds-amazing-card{
  width:auto!important;
  flex:auto!important;
  border-radius:15px!important;
  border:1px solid #e8ecee!important;
  box-shadow:0 8px 20px rgba(26,37,44,.05)!important;
}

@media(max-width:620px){
  .ds-amazing-header{
    grid-template-columns:auto 1fr!important;
    direction:rtl;
  }
  .ds-amazing-title{
    justify-self:end;
  }
  .ds-amazing-timer{
    justify-self:start;
  }
  .ds-amazing-all{
    grid-column:1/-1!important;
    justify-self:start!important;
  }
  .ds-amazing-track{
    padding-inline:8px!important;
  }
  .ds-amazing-card{
    flex-basis:148px!important;
  }

  .amazing-page-head{
    align-items:flex-start;
    flex-direction:column;
    padding:14px;
    border-radius:15px;
  }
  .amazing-page-head h1{
    font-size:18.5px;
  }
  .amazing-page-head p{
    font-size:13.2px;
    line-height:1.8;
  }
  .amazing-page-timer span{
    min-width:29px;
    height:29px;
    border-radius:8px;
    font-size:14.0px;
  }
  .amazing-page-grid{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .amazing-page-grid .ds-amazing-card{
    border-radius:12px!important;
  }
}



.ds-amazing-section{
  padding-top:10px!important;
}
.ds-amazing{
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(180deg,#d73a48 0%,#bf2533 100%);
  box-shadow:0 18px 38px rgba(191,37,51,.18);
}
.ds-amazing-banner{
  width:100%;
  border:0;
  background:transparent;
  color:#fff;
  padding:12px 14px 10px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:12px;
  cursor:pointer;
  text-align:right;
}
.ds-amazing-banner-left{
  justify-self:start;
}
.ds-amazing-all-inline{
  color:#fff;
  font-size:14.0px;
  font-weight:900;
  white-space:nowrap;
}
.ds-amazing-banner-center{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
.ds-amazing-title{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.ds-amazing-percent{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border:2px solid rgba(255,255,255,.88);
  border-radius:12px;
  font-size:19.0px;
  font-weight:1000;
}
.ds-amazing-title strong{
  display:block;
  font-size:16.5px;
  color:#fff;
  line-height:1.5;
}
.ds-amazing-title small{
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.82);
  font-size:13.4px;
}
.ds-amazing-timer{
  display:flex;
  align-items:center;
  gap:4px;
  direction:ltr;
}
.ds-amazing-timer span{
  min-width:34px;
  height:34px;
  padding:0 7px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#fff;
  color:#1f2e36;
  font-size:15.0px;
  font-weight:1000;
  box-shadow:0 6px 14px rgba(74,13,19,.15);
}
.ds-amazing-timer i{
  color:#fff;
  font-style:normal;
  font-weight:1000;
  font-size:16.0px;
}


.ds-amazing-track{
  display:flex!important;
  gap:4px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 10px 12px!important;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.ds-amazing-track::-webkit-scrollbar{display:none}
.ds-amazing-card{
  flex:0 0 205px!important;
  scroll-snap-align:start;
  background:#fff;
  overflow:hidden;
  border-radius:16px!important;
  border:0!important;
  box-shadow:0 8px 20px rgba(54,14,18,.10)!important;
}
.ds-amazing-card-media{
  position:relative;
  height:136px;
  display:grid;
  place-items:center;
  background:#fafafa;
  padding:12px 10px 4px;
}
.ds-amazing-card-art{
  width:115px;
  height:98px;
  display:grid;
  place-items:center;
}
.ds-amazing-card-art svg{
  width:100%;
  height:100%;
}
.ds-amazing-card-brand{
  position:absolute;
  top:8px;
  left:8px;
  padding:4px 7px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e7ebee;
  color:#6e7d86;
  font-size:12.7px;
  font-weight:900;
}
.ds-amazing-card-content{
  padding:10px 11px 12px;
}
.ds-amazing-card-content h3{
  margin:0;
  height:36px;
  overflow:hidden;
  color:#1f2d35;
  font-size:14.2px;
  line-height:1.75;
  font-weight:850;
}
.ds-amazing-card-content p{
  margin:3px 0 8px;
  color:#99a3a8;
  font-size:12.9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ds-amazing-card-price{
  direction:rtl;
}
.ds-amazing-price-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.ds-amazing-discount{
  min-width:38px;
  height:22px;
  padding:0 7px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#d62f3e;
  color:#fff;
  font-size:13.3px;
  font-weight:1000;
}
.ds-amazing-price-line strong{
  color:#16242d;
  font-size:14.5px;
  font-weight:1000;
  white-space:nowrap;
}
.ds-amazing-card-price del{
  display:block;
  margin-top:5px;
  color:#b1bac0;
  font-size:12.9px;
  text-align:left;
  direction:rtl;
}

@media(max-width:620px){
  .ds-amazing{
    border-radius:18px;
  }
  .ds-amazing-banner{
    padding:10px 10px 8px;
    gap:8px;
  }
  .ds-amazing-all-inline{
    font-size:13.3px;
  }
  .ds-amazing-banner-center{
    gap:7px;
  }
  .ds-amazing-percent{
    width:30px;
    height:30px;
    flex-basis:30px;
    border-radius:10px;
    font-size:17.0px;
  }
  .ds-amazing-title strong{
    font-size:14.3px;
  }
  .ds-amazing-title small{
    font-size:12.7px;
  }
  .ds-amazing-timer{
    gap:3px;
  }
  .ds-amazing-timer span{
    min-width:24px;
    height:24px;
    padding:0 4px;
    border-radius:7px;
    font-size:13.5px;
  }
  .ds-amazing-timer i{
    font-size:14.0px;
  }
  .ds-amazing-track{
    padding:0 8px 10px!important;
    gap:6px!important;
  }
  .ds-amazing-card{
    flex-basis:148px!important;
    border-radius:12px!important;
  }
  .ds-amazing-card-media{
    height:104px;
    padding:10px 8px 2px;
  }
  .ds-amazing-card-art{
    width:84px;
    height:73px;
  }
  .ds-amazing-card-brand{
    top:6px;
    left:6px;
    padding:3px 5px;
    font-size:12.2px;
  }
  .ds-amazing-card-content{
    padding:8px;
  }
  .ds-amazing-card-content h3{
    height:28px;
    font-size:13.2px;
  }
  .ds-amazing-card-content p{
    font-size:12.4px;
    margin:2px 0 7px;
  }
  .ds-amazing-discount{
    min-width:31px;
    height:19px;
    font-size:12.8px;
  }
  .ds-amazing-price-line strong{
    font-size:13.3px;
  }
  .ds-amazing-card-price del{
    font-size:12.4px;
    margin-top:4px;
  }
}



.ds-amazing-track{
  min-height:214px!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
.ds-amazing-card{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:205px!important;
}
.ds-amazing-static-art{
  width:92px;
  height:78px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:
    radial-gradient(circle at 35% 30%,#fff 0 8%,transparent 9%),
    linear-gradient(145deg,#eef2f4,#dfe6e9);
  border:1px solid #d8e0e4;
  color:#26363f;
  box-shadow:inset 0 0 0 8px rgba(255,255,255,.42);
}
.ds-amazing-static-art b{
  font-size:18.0px;
  letter-spacing:-1px;
}
@media(max-width:620px){
  .ds-amazing-track{
    min-height:179px!important;
  }
  .ds-amazing-card{
    min-height:172px!important;
  }
  .ds-amazing-static-art{
    width:70px;
    height:60px;
    border-radius:16px;
  }
  .ds-amazing-static-art b{
    font-size:15.5px;
  }
}



.pp-page{
  max-width:1180px;
  margin:0 auto;
  padding-bottom:22px;
}
.pp-breadcrumb{
  display:flex;
  align-items:center;
  gap:6px;
  overflow:auto;
  padding:3px 0 13px;
  color:#8b979e;
  white-space:nowrap;
  scrollbar-width:none;
}
.pp-breadcrumb::-webkit-scrollbar{display:none}
.pp-breadcrumb button{
  border:0;
  background:transparent;
  padding:0;
  color:#718088;
  font-family:inherit;
  font-size:13.5px;
  cursor:pointer;
}
.pp-breadcrumb span{font-size:14.0px;color:#afb8bd}
.pp-breadcrumb strong{font-size:13.5px;color:#334149}

.pp-hero{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);
  gap:18px;
  align-items:start;
}
.pp-gallery{
  min-width:0;
}
.pp-main-visual{
  position:relative;
  min-height:510px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #e1e6e9;
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 36%,#fff 0 12%,transparent 13%),
    linear-gradient(145deg,#f8f9fa,#edf1f3);
}
.pp-main-visual img{
  width:100%;
  height:100%;
  max-height:510px;
  object-fit:contain;
}
.pp-image-thumbnails{display:flex;justify-content:center;gap:10px;padding:12px 4px 2px;overflow-x:auto;scrollbar-width:thin}
.pp-image-thumb{flex:0 0 76px;width:76px;height:76px;padding:4px;border:1px solid #dce3e7;border-radius:12px;background:#fff;cursor:pointer;overflow:hidden}
.pp-image-thumb.active,.pp-image-thumb:hover{border-color:#c92f3d;box-shadow:0 0 0 2px #c92f3d22}
.pp-image-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.pp-product-art{
  width:260px;
  height:260px;
  display:grid;
  place-items:center;
}
.pp-product-art svg{
  width:100%;
  height:100%;
}
.pp-sale-badge{
  position:absolute;
  top:16px;
  right:16px;
  min-height:32px;
  display:flex;
  align-items:center;
  padding:0 11px;
  border-radius:999px;
  background:#c92f3d;
  color:#fff;
  font-size:14.0px;
  font-weight:950;
}
.pp-share{
  position:absolute;
  top:16px;
  left:16px;
  width:36px;
  height:36px;
  border:1px solid #dfe5e8;
  border-radius:11px;
  background:#fff;
  color:#46545c;
  font-size:17.0px;
  cursor:pointer;
}
.pp-key-features{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:8px;
}
.pp-key-feature{
  min-height:68px;
  padding:10px;
  border:1px solid #e3e8ea;
  border-radius:13px;
  background:#fff;
}
.pp-key-feature span{
  display:block;
  color:#8b979e;
  font-size:12.8px;
}
.pp-key-feature b{
  display:block;
  margin-top:4px;
  color:#2b3941;
  font-size:13.5px;
  line-height:1.55;
}

.pp-content{
  min-width:0;
}
.pp-tags{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}
.pp-tags span{
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border:1px solid #e1e6e9;
  border-radius:999px;
  background:#f8f9fa;
  color:#65747d;
  font-size:12.9px;
  font-weight:800;
}
.pp-tags span.ok{background:#eef9f3;color:#247448;border-color:#d5ecdf}
.pp-tags span.off{background:#fff2f3;color:#b62c38;border-color:#f0d8db}
.pp-content h1{
  margin:10px 0 5px;
  color:#1e2d36;
  font-size:27.0px;
  line-height:1.55;
}
.pp-sub{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#7c8991;
  font-size:13.5px;
}
.pp-sub button{
  border:0;
  background:transparent;
  color:#596870;
  font-family:inherit;
  font-size:13.2px;
  cursor:pointer;
}
.pp-divider{
  height:1px;
  margin:13px 0;
  background:#e8ecee;
}

.pp-compat-quick{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 12px;
  border:1px solid #e1e6e9;
  border-radius:14px;
  background:#fafbfb;
}
.pp-compat-quick b{
  display:block;
  color:#27363e;
  font-size:13.9px;
}
.pp-compat-quick small{
  display:block;
  margin-top:2px;
  color:#8b969d;
  font-size:12.9px;
}
.pp-compat-quick button{
  min-height:32px;
  padding:0 10px;
  border:1px solid #dce3e7;
  border-radius:9px;
  background:#fff;
  color:#b92734;
  font-family:inherit;
  font-size:13.2px;
  font-weight:900;
  cursor:pointer;
}

.pp-buy-card{
  margin-top:10px;
  padding:14px;
  border:1px solid #dfe5e8;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 30px rgba(30,45,55,.055);
}
.pp-seller-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid #edf0f2;
}
.pp-seller-row span{
  display:block;
  color:#929da3;
  font-size:12.9px;
}
.pp-seller-row b{
  display:block;
  margin-top:2px;
  color:#26343c;
  font-size:14.0px;
}
.pp-stock-dot{
  text-align:left;
}
.pp-stock-dot.in b{color:#238155}
.pp-stock-dot.out b{color:#b62d38}
.pp-stock-dot small{
  display:block;
  margin-top:2px;
  color:#919ca2;
  font-size:12.5px;
}

.pp-service-lines{
  display:grid;
  gap:7px;
  padding:11px 0;
  border-bottom:1px solid #edf0f2;
}
.pp-service-lines>div{
  display:grid;
  grid-template-columns:24px 1fr;
  gap:7px;
  align-items:start;
}
.pp-service-lines>div>span{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#f5f7f8;
  color:#c92f3d;
  font-size:13.5px;
  font-weight:950;
}
.pp-service-lines p{margin:0}
.pp-service-lines p b{
  display:block;
  color:#34424a;
  font-size:13.3px;
}
.pp-service-lines p small{
  display:block;
  margin-top:1px;
  color:#929da3;
  font-size:12.6px;
  line-height:1.6;
}

.pp-price-area{
  padding:13px 0 8px;
  text-align:left;
}
.pp-old-price{
  display:block;
  color:#a8b1b6;
  font-size:13.2px;
  text-decoration:line-through;
}
.pp-price-main{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  margin-top:3px;
}
.pp-price-main span{
  min-height:22px;
  display:inline-flex;
  align-items:center;
  padding:0 7px;
  border-radius:999px;
  background:#c92f3d;
  color:#fff;
  font-size:13.0px;
  font-weight:950;
}
.pp-price-main strong{
  color:#16242d;
  font-size:18.0px;
  font-weight:1000;
}
.pp-price-area>small{
  display:block;
  margin-top:4px;
  color:#a17830;
  font-size:12.6px;
}

.pp-buy-actions{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:7px;
  margin-top:7px;
}
.pp-qty{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:5px;
  min-height:42px;
  padding:0 8px;
  border:1px solid #dde3e6;
  border-radius:11px;
}
.pp-qty span{
  color:#829098;
  font-size:12.8px;
}
.pp-qty select{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#25333b;
  font-family:inherit;
  font-size:13.5px;
}
.pp-add-cart{
  min-height:42px;
  border:0;
  border-radius:11px;
  background:#c92f3d;
  color:#fff;
  font-family:inherit;
  font-size:14.0px;
  font-weight:950;
  cursor:pointer;
}
.pp-add-cart.full{grid-column:1/-1}

.pp-benefits{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin:14px 0;
}
.pp-benefits>div{
  min-height:72px;
  display:grid;
  grid-template-columns:30px 1fr;
  grid-template-rows:auto auto;
  column-gap:8px;
  align-items:center;
  padding:10px;
  border:1px solid #e3e8ea;
  border-radius:14px;
  background:#fff;
}
.pp-benefits>div>span{
  grid-row:1/3;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#fff2f3;
  color:#c92f3d;
  font-size:15.0px;
}
.pp-benefits b{
  color:#334149;
  font-size:13.4px;
}
.pp-benefits small{
  color:#8d989f;
  font-size:12.6px;
}

.pp-panel{
  padding:16px;
  border:1px solid #e1e6e9;
  border-radius:18px;
  background:#fff;
}
.pp-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:10px;
  margin-bottom:12px;
}
.pp-panel-head span{
  display:block;
  color:#c92f3d;
  font-size:12.9px;
  font-weight:950;
}
.pp-panel-head h2{
  margin:3px 0 0;
  color:#26353d;
  font-size:16.0px;
}
.pp-panel-head>small{
  color:#8e999f;
  font-size:12.8px;
}

.pp-compat-grid{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:7px;
}
.pp-compat-grid label span{
  display:block;
  margin-bottom:4px;
  color:#6f7e87;
  font-size:12.9px;
}
.pp-compat-grid select{
  width:100%;
  min-height:38px;
  border:1px solid #dfe5e8;
  border-radius:10px;
  background:#fafbfb;
  padding:0 9px;
  color:#25343c;
  font-family:inherit;
  font-size:13.2px;
  outline:0;
}
.pp-compat-grid>button{
  align-self:end;
  min-height:38px;
  padding:0 12px;
  border:0;
  border-radius:10px;
  background:#17242d;
  color:#fff;
  font-family:inherit;
  font-size:13.2px;
  font-weight:900;
  cursor:pointer;
}
.pp-compat-result{
  margin-top:9px;
  padding:10px 11px;
  border-radius:11px;
}
.pp-compat-result b{
  display:block;
  font-size:13.4px;
}
.pp-compat-result small{
  display:block;
  margin-top:2px;
  font-size:12.7px;
  line-height:1.65;
}
.pp-compat-result.neutral{background:#f7f8f9;color:#65747c}
.pp-compat-result.ok{background:#edf8f2;color:#257349}
.pp-compat-result.warn{background:#fff7e9;color:#9a6c20}

.pp-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:10px;
}
.pp-spec-table{
  width:100%;
  border-collapse:collapse;
}
.pp-spec-table td{
  padding:9px 6px;
  border-bottom:1px solid #edf0f2;
  color:#78868e;
  font-size:13.1px;
}
.pp-spec-table td:first-child{
  color:#344149;
  font-weight:850;
}
.pp-spec-table tr:last-child td{border-bottom:0}
.pp-compat-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.pp-compat-list span{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border-radius:999px;
  background:#f4f6f7;
  color:#4f5e66;
  font-size:12.9px;
}
.pp-warning{
  margin-top:10px;
  padding:9px 10px;
  border-right:3px solid #c18a2f;
  border-radius:8px;
  background:#fff8eb;
  color:#8a6829;
  font-size:12.8px;
  line-height:1.8;
}
.pp-empty{
  padding:16px;
  border:1px dashed #dfe5e8;
  border-radius:12px;
  color:#8c989e;
  text-align:center;
  font-size:13.0px;
}

.pp-support{
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
  margin-top:10px;
  padding:18px;
  border-radius:18px;
  background:linear-gradient(135deg,#17242d,#0e171d);
  color:#fff;
}
.pp-support>div>span{
  color:#ef7d87;
  font-size:12.9px;
  font-weight:900;
}
.pp-support h2{
  margin:4px 0;
  font-size:16.5px;
}
.pp-support p{
  margin:0;
  color:#b7c3c9;
  font-size:13.0px;
}
.pp-support-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.pp-support-actions a,
.pp-support-actions button{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 9px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-family:inherit;
  font-size:13.0px;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
}

.pp-related{
  margin-top:14px;
}
.pp-related .pp-panel-head{
  margin-bottom:8px;
}
.pp-related .pp-panel-head>button{
  border:0;
  background:transparent;
  color:#c92f3d;
  font-family:inherit;
  font-size:13.0px;
  font-weight:900;
  cursor:pointer;
}
.pp-related-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(210px,1fr);
  gap:8px;
  overflow-x:auto;
  padding-bottom:4px;
  scrollbar-width:none;
}
.pp-related-track::-webkit-scrollbar{display:none}
.pp-related-track .product{
  min-width:0;
}

.pp-mobile-sticky{
  display:none;
}

@media(max-width:900px){
  .pp-hero{
    grid-template-columns:1fr;
  }
  .pp-main-visual{
    min-height:390px;
  }
}

@media(max-width:620px){
  .page #pageBody{
    padding-top:10px!important;
    padding-bottom:80px!important;
  }
  .pp-breadcrumb{
    padding-bottom:8px;
  }
  .pp-breadcrumb button,
  .pp-breadcrumb strong{
    font-size:12.9px;
  }
  .pp-hero{
    gap:10px;
  }
  .pp-main-visual{
    min-height:270px;
    border-radius:16px;
  }
  .pp-image-thumbnails{gap:7px;padding-top:8px}
  .pp-image-thumb{flex-basis:62px;width:62px;height:62px;border-radius:10px}
  .pp-product-art{
    width:155px;
    height:155px;
  }
  .pp-sale-badge{
    top:9px;
    right:9px;
    min-height:26px;
    padding:0 8px;
    font-size:13.2px;
  }
  .pp-share{
    top:9px;
    left:9px;
    width:31px;
    height:31px;
    border-radius:9px;
  }
  .pp-key-features{
    grid-template-columns:1fr 1fr;
    gap:5px;
    margin-top:6px;
  }
  .pp-key-feature{
    min-height:53px;
    padding:8px;
    border-radius:10px;
  }
  .pp-key-feature span{font-size:12.5px}
  .pp-key-feature b{font-size:13.1px}

  .pp-content h1{
    margin-top:8px;
    font-size:19.0px;
  }
  .pp-sub{
    font-size:12.9px;
  }
  .pp-sub button{
    font-size:12.6px;
  }
  .pp-compat-quick{
    padding:9px;
    border-radius:11px;
  }
  .pp-compat-quick b{font-size:13.2px}
  .pp-compat-quick small{font-size:12.5px}
  .pp-compat-quick button{
    min-height:29px;
    font-size:12.8px;
  }

  .pp-buy-card{
    padding:11px;
    border-radius:14px;
  }
  .pp-service-lines{
    gap:5px;
  }
  .pp-price-main strong{
    font-size:16.0px;
  }
  .pp-buy-actions{
    grid-template-columns:78px 1fr;
  }
  .pp-qty,
  .pp-add-cart{
    min-height:38px;
  }
  .pp-add-cart{
    font-size:13.4px;
  }

  .pp-benefits{
    grid-template-columns:1fr 1fr;
    gap:5px;
    margin:8px 0;
  }
  .pp-benefits>div{
    min-height:58px;
    padding:8px;
    border-radius:11px;
  }

  .pp-panel{
    padding:11px;
    border-radius:14px;
  }
  .pp-panel-head{
    margin-bottom:8px;
  }
  .pp-panel-head h2{
    font-size:14.5px;
  }
  .pp-panel-head>small{
    display:none;
  }
  .pp-compat-grid{
    grid-template-columns:1fr 1fr;
  }
  .pp-compat-grid>button{
    grid-column:1/-1;
    min-height:35px;
  }

  .pp-two-col{
    grid-template-columns:1fr;
    gap:7px;
    margin-top:7px;
  }

  .pp-support{
    grid-template-columns:1fr;
    gap:10px;
    padding:13px;
    border-radius:14px;
  }
  .pp-support h2{
    font-size:15.0px;
  }
  .pp-support-actions{
    justify-content:stretch;
  }
  .pp-support-actions a,
  .pp-support-actions button{
    flex:1;
    min-height:31px;
  }

  .pp-related{
    margin-top:10px;
  }
  .pp-related-track{
    grid-auto-columns:72%;
    gap:6px;
  }

  .pp-mobile-sticky{
    position:sticky;
    bottom:0;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin:12px -4vw -10px;
    padding:8px 4vw;
    border-top:1px solid #e2e7e9;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(10px);
    box-shadow:0 -8px 24px rgba(26,38,46,.08);
  }
  .pp-mobile-sticky del{
    display:block;
    color:#9aa5ab;
    font-size:12.5px;
  }
  .pp-mobile-sticky strong{
    color:#1d2b34;
    font-size:13.8px;
  }
  .pp-mobile-sticky button{
    min-width:145px;
    height:38px;
    border:0;
    border-radius:10px;
    background:#c92f3d;
    color:#fff;
    font-family:inherit;
    font-size:13.2px;
    font-weight:950;
  }
}





.pp-content h1{
  font-size:30.0px!important;
  line-height:1.45!important;
  margin:12px 0 7px!important;
}
.pp-sub{
  font-size:14.0px!important;
}
.pp-sub button{
  font-size:13.7px!important;
}


.pp-content > #ppCompatPanel{
  margin-top:12px!important;
  margin-bottom:10px!important;
  padding:14px!important;
  border:1px solid #dbe3e7!important;
  background:#fafcfc!important;
  box-shadow:0 8px 22px rgba(26,42,52,.04)!important;
}
.pp-content > #ppCompatPanel .pp-panel-head{
  margin-bottom:10px!important;
}
.pp-content > #ppCompatPanel .pp-panel-head h2{
  font-size:16.5px!important;
}
.pp-content > #ppCompatPanel .pp-panel-head span{
  font-size:13.2px!important;
}
.pp-content > #ppCompatPanel .pp-panel-head>small{
  font-size:13.0px!important;
}


.pp-compat-grid label span{
  font-size:13.4px!important;
}
.pp-compat-grid select{
  min-height:42px!important;
  font-size:13.7px!important;
}
.pp-compat-grid>button{
  min-height:42px!important;
  font-size:13.6px!important;
  padding:0 14px!important;
}
.pp-compat-result{
  padding:11px 12px!important;
}
.pp-compat-result b{
  font-size:13.8px!important;
}
.pp-compat-result small{
  font-size:13.0px!important;
}


.pp-buy-card{
  padding:16px!important;
}
.pp-seller-row span{
  font-size:13.2px!important;
}
.pp-seller-row b{
  font-size:14.5px!important;
}
.pp-stock-dot small{
  font-size:12.9px!important;
}
.pp-service-lines{
  gap:9px!important;
  padding:12px 0!important;
}
.pp-service-lines>div{
  grid-template-columns:28px 1fr!important;
  gap:8px!important;
}
.pp-service-lines>div>span{
  width:26px!important;
  height:26px!important;
  font-size:14.0px!important;
}
.pp-service-lines p b{
  font-size:13.7px!important;
}
.pp-service-lines p small{
  font-size:12.9px!important;
  line-height:1.7!important;
}
.pp-old-price{
  font-size:13.7px!important;
}
.pp-price-main strong{
  font-size:19.0px!important;
}
.pp-price-main span{
  font-size:13.4px!important;
  min-height:24px!important;
}
.pp-price-area>small{
  font-size:12.9px!important;
}
.pp-qty span{
  font-size:13.1px!important;
}
.pp-qty select{
  font-size:13.9px!important;
}
.pp-add-cart{
  font-size:14.4px!important;
  min-height:46px!important;
}


.pp-key-feature span{
  font-size:13.1px!important;
}
.pp-key-feature b{
  font-size:13.8px!important;
}


.pp-benefits>div{
  min-height:68px!important;
}
.pp-benefits b{
  font-size:13.6px!important;
}
.pp-benefits small{
  font-size:12.8px!important;
}

@media(max-width:620px){
  .pp-content h1{
    font-size:20.0px!important;
    line-height:1.5!important;
  }
  .pp-sub{
    font-size:13.1px!important;
  }
  .pp-sub button{
    font-size:12.9px!important;
  }

  .pp-content > #ppCompatPanel{
    margin-top:9px!important;
    margin-bottom:8px!important;
    padding:10px!important;
    border-radius:12px!important;
  }
  .pp-content > #ppCompatPanel .pp-panel-head h2{
    font-size:15.0px!important;
  }
  .pp-content > #ppCompatPanel .pp-panel-head span{
    font-size:12.9px!important;
  }
  .pp-content > #ppCompatPanel .pp-panel-head>small{
    display:none!important;
  }

  .pp-compat-grid label span{
    font-size:12.9px!important;
  }
  .pp-compat-grid select{
    min-height:38px!important;
    font-size:13.2px!important;
  }
  .pp-compat-grid>button{
    min-height:38px!important;
    font-size:13.1px!important;
  }
  .pp-compat-result b{
    font-size:13.2px!important;
  }
  .pp-compat-result small{
    font-size:12.6px!important;
  }

  .pp-buy-card{
    padding:12px!important;
  }
  .pp-seller-row span{
    font-size:12.9px!important;
  }
  .pp-seller-row b{
    font-size:13.8px!important;
  }
  .pp-stock-dot small{
    font-size:12.5px!important;
  }

  
  .pp-service-lines p small{
    display:none!important;
  }
  .pp-service-lines{
    grid-template-columns:1fr 1fr!important;
    display:grid!important;
    gap:6px!important;
  }
  .pp-service-lines>div{
    grid-template-columns:24px 1fr!important;
    padding:7px!important;
    border-radius:9px!important;
    background:#f7f9fa!important;
  }
  .pp-service-lines>div>span{
    width:22px!important;
    height:22px!important;
  }
  .pp-service-lines p b{
    font-size:13.0px!important;
  }

  .pp-price-main strong{
    font-size:16.5px!important;
  }
  .pp-old-price{
    font-size:13.1px!important;
  }
  .pp-add-cart{
    min-height:40px!important;
    font-size:13.6px!important;
  }

  .pp-key-feature span{
    font-size:12.6px!important;
  }
  .pp-key-feature b{
    font-size:13.2px!important;
  }
}



.service-simple-shell{margin-top:10px}
.service-choice-box{padding:18px;border:1px solid #e1e6e8;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(27,39,47,.05)}
.service-choice-head{text-align:center;max-width:650px;margin:0 auto 16px}
.service-choice-head span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#fff0f1;color:#c92f3d;font-size:13.0px;font-weight:950}
.service-choice-head h2{margin:8px 0 4px;color:#202d35;font-size:20.0px;line-height:1.5}
.service-choice-head p{margin:0;color:#89959d;font-size:13.5px;line-height:1.9}
.service-big-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.service-big-action{position:relative;min-height:150px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:18px;border:1px solid #e0e6e9;border-radius:18px;background:#fff;text-align:right;font-family:inherit;cursor:pointer;transition:.18s ease;box-shadow:0 8px 22px rgba(28,40,48,.04)}
.service-big-action:hover{transform:translateY(-2px);border-color:#d5dde1;box-shadow:0 14px 30px rgba(28,40,48,.08)}
.service-big-action.primary{background:linear-gradient(145deg,#c92f3d,#b82431);border-color:#c92f3d;color:#fff}
.service-big-action.dark{background:linear-gradient(145deg,#1c2931,#111a20);border-color:#17242d;color:#fff}
.service-big-action.soft{background:#f8fafb}
.service-big-action .icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#fff0f1;color:#c92f3d;font-size:20.0px}
.service-big-action.primary .icon,.service-big-action.dark .icon{background:rgba(255,255,255,.13);color:#fff}
.service-big-action b{display:block;margin-top:16px;font-size:16.5px;line-height:1.55}
.service-big-action small{display:block;margin-top:5px;color:#87939b;font-size:13.1px;line-height:1.8}
.service-big-action.primary small,.service-big-action.dark small{color:rgba(255,255,255,.75)}
.service-big-action em{position:absolute;left:16px;bottom:16px;font-style:normal;font-size:19.0px;font-weight:900;color:#c92f3d}
.service-big-action.primary em,.service-big-action.dark em{color:#fff}
.service-micro-flow{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;padding:10px 12px;border-radius:14px;background:#f7f9fa;color:#5f6c74;font-size:13.0px;font-weight:850}
.service-micro-flow i{width:5px;height:5px;border-radius:50%;background:#c92f3d}
.service-action-panel{display:none;margin-top:10px;padding:16px;border:1px solid #e1e6e8;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(27,39,47,.05);scroll-margin-top:86px}
.service-action-panel.is-open{display:block}
.service-action-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #edf0f2}
.service-action-panel-head div>span{display:block;color:#c92f3d;font-size:13.0px;font-weight:950}
.service-action-panel-head h2{margin:3px 0 0;color:#23313a;font-size:16.5px}
.service-action-panel-head p{margin:4px 0 0;color:#8b969d;font-size:12.9px;line-height:1.8}
.service-panel-close{min-width:72px;height:36px;border:1px solid #e0e5e8;border-radius:11px;background:#f7f9fa;color:#53616a;font:inherit;font-size:13.0px;font-weight:900;cursor:pointer}
.service-action-panel .service-center-booking{margin:0;box-shadow:none!important;border:0!important;padding:0!important}
.service-simple-tracker{max-width:760px;margin:0 auto}
.service-simple-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}
.service-simple-search input{width:100%;height:46px;padding:0 14px;border:1px solid #dce3e7;border-radius:13px;background:#f8fafb;font:inherit;font-size:13.7px;color:#26343c;outline:none}
.service-simple-search input:focus{border-color:#c92f3d;box-shadow:0 0 0 3px rgba(201,47,61,.07)}
.service-simple-search button{min-width:130px;height:46px;border:0;border-radius:13px;background:#c92f3d;color:#fff;font:inherit;font-size:13.5px;font-weight:950;cursor:pointer}
.service-simple-hint{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px;border-radius:12px;background:#f8fafb;color:#7e8b93;font-size:12.9px;line-height:1.8}
.service-simple-hint b{color:#26343c}
.service-simple-footer{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:10px}
.service-simple-support,.service-simple-location{padding:16px;border:1px solid #e1e6e8;border-radius:18px;background:#fff}
.service-simple-support span,.service-simple-location span{display:block;color:#c92f3d;font-size:13.0px;font-weight:950}
.service-simple-support h3,.service-simple-location h3{margin:4px 0 0;color:#26343c;font-size:15.5px}
.service-simple-support p,.service-simple-location p{margin:6px 0 0;color:#8b969d;font-size:12.9px;line-height:1.9}
.service-simple-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.service-simple-buttons a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:12px;text-decoration:none;font-size:13.2px;font-weight:950}
.service-simple-buttons a.call{background:#17242d;color:#fff}.service-simple-buttons a.map{background:#c92f3d;color:#fff}
.service-simple-location-code{margin-top:9px;padding:8px 10px;border-radius:11px;background:#f7f9fa;color:#5f6d75;font-size:13.0px;font-weight:850;direction:ltr;text-align:left}
@media(max-width:760px){
  .service-choice-box{padding:12px;border-radius:16px}.service-choice-head{margin-bottom:12px}.service-choice-head h2{font-size:18.0px}.service-choice-head p{font-size:13.1px}
  .service-big-actions{grid-template-columns:1fr;gap:7px}.service-big-action{min-height:96px;display:grid;grid-template-columns:44px 1fr 22px;align-items:center;gap:11px;padding:12px;border-radius:14px}.service-big-action .icon{width:42px;height:42px;border-radius:12px;font-size:19.0px}.service-big-action b{margin:0;font-size:15.0px}.service-big-action small{margin-top:4px;font-size:12.9px}.service-big-action em{position:static;font-size:19.0px;text-align:left}.service-big-action>div:nth-child(2){align-self:center}
  .service-micro-flow{gap:5px;margin-top:8px;padding:8px;font-size:12.6px;flex-wrap:wrap}
  .service-action-panel{padding:11px;border-radius:15px}.service-action-panel-head{align-items:flex-start}.service-action-panel-head h2{font-size:15.0px}.service-panel-close{min-width:58px;height:32px;font-size:12.9px}
  .service-simple-search{grid-template-columns:1fr;gap:6px}.service-simple-search input,.service-simple-search button{height:42px}.service-simple-search button{width:100%}
  .service-simple-footer{grid-template-columns:1fr;gap:7px}.service-simple-support,.service-simple-location{padding:12px;border-radius:14px}.service-simple-support h3,.service-simple-location h3{font-size:14.5px}.service-simple-buttons{display:grid;grid-template-columns:1fr 1fr}.service-simple-buttons a{min-height:38px;font-size:13.0px}
}



.parts-category-page{max-width:1180px;margin:0 auto;padding-bottom:24px}
.parts-cat-hero{position:relative;overflow:hidden;padding:24px;border:1px solid #e6ebef;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f6f8fa 68%,#fff1f3 100%);box-shadow:0 18px 44px rgba(28,42,54,.07)}
.parts-cat-hero:after{content:"";position:absolute;left:-58px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(201,47,61,.10),transparent 68%)}
.parts-cat-hero>*{position:relative;z-index:1}
.parts-cat-kicker{display:inline-flex;align-items:center;gap:6px;color:#c92f3d;font-size:13.5px;font-weight:1000}
.parts-cat-hero h1{margin:6px 0 7px;color:#17252e;font-size:28.0px;line-height:1.45}
.parts-cat-hero p{max-width:720px;margin:0;color:#78858e;font-size:14.0px;line-height:1.95}
.parts-cat-smartbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;margin-top:15px}
.parts-cat-search{min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #dfe5e9;border-radius:13px;background:#fff;box-shadow:0 8px 22px rgba(31,41,51,.04)}
.parts-cat-search span{color:#84919a;font-size:17.5px}.parts-cat-search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:13.5px;color:#26363f}
.parts-cat-smartbar button{min-height:44px;border-radius:13px;border:1px solid #e1e6ea;background:#fff;color:#2e3e47;font:inherit;font-size:13.5px;font-weight:950;padding:0 13px;cursor:pointer;white-space:nowrap}
.parts-cat-smartbar .primary{border-color:#c92f3d;background:#c92f3d;color:#fff;box-shadow:0 10px 22px rgba(201,47,61,.16)}
.parts-cat-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:18px 0 10px}
.parts-cat-head span{display:block;color:#c92f3d;font-size:13.0px;font-weight:950}.parts-cat-head h2{margin:3px 0 0;color:#26363f;font-size:17.0px}.parts-cat-head small{color:#89959d;font-size:12.9px}
.parts-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.parts-cat-card{position:relative;overflow:hidden;min-height:245px;padding:0;border:1px solid #e3e9ed;border-radius:19px;background:#fff;text-align:right;font-family:inherit;cursor:pointer;box-shadow:0 12px 30px rgba(31,41,51,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.parts-cat-card:hover{transform:translateY(-3px);border-color:#d5dee4;box-shadow:0 18px 38px rgba(31,41,51,.09)}
.parts-cat-media{position:relative;height:150px;overflow:hidden;background:#eef2f4}
.parts-cat-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.parts-cat-card:hover .parts-cat-media img{transform:scale(1.035)}
.parts-cat-num{position:absolute;top:10px;left:10px;min-width:30px;height:27px;display:grid;place-items:center;padding:0 8px;border-radius:9px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.88);color:#31434e;font-size:13.0px;font-weight:1000;box-shadow:0 7px 18px rgba(27,38,48,.08)}
.parts-cat-arrow{position:absolute;right:10px;bottom:10px;width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.88);color:#c92f3d;font-size:16.5px;font-weight:1000;box-shadow:0 7px 18px rgba(27,38,48,.08)}
.parts-cat-body{padding:12px}
.parts-cat-body h3{margin:0;color:#26363f;font-size:14.5px;line-height:1.5}.parts-cat-body p{margin:5px 0 0;color:#8b979e;font-size:12.9px;line-height:1.75}
.parts-cat-tag{display:inline-flex;align-items:center;margin-top:8px;padding:5px 7px;border-radius:999px;background:#f6f8f9;color:#677985;font-size:12.6px;font-weight:850}
.parts-cat-help{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.parts-cat-help button{min-height:68px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid #e1e6e9;border-radius:15px;background:#fff;text-align:right;font-family:inherit;cursor:pointer;box-shadow:0 9px 24px rgba(31,41,51,.045)}
.parts-cat-help i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#fff0f1;color:#c92f3d;font-style:normal;font-size:17.0px}.parts-cat-help b{display:block;color:#26363f;font-size:13.5px}.parts-cat-help small{display:block;margin-top:3px;color:#8b979e;font-size:12.7px}.parts-cat-help em{color:#c92f3d;font-style:normal;font-size:17.5px}
@media(max-width:920px){}
@media(max-width:620px){.parts-category-page{padding-bottom:10px}.parts-cat-hero{padding:15px;border-radius:18px}.parts-cat-hero h1{font-size:20.0px}.parts-cat-hero p{font-size:13.4px}.parts-cat-smartbar{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.parts-cat-search{grid-column:1/-1;min-height:40px;border-radius:11px}.parts-cat-smartbar button{min-height:38px;border-radius:10px;padding:0 8px;font-size:13.1px}.parts-cat-head{margin:14px 0 8px}.parts-cat-head h2{font-size:15.0px}.parts-cat-head>small{display:none}.parts-cat-card{min-height:198px;border-radius:15px}.parts-cat-media{height:116px}.parts-cat-num{top:8px;left:8px;min-width:26px;height:23px;border-radius:8px;font-size:12.6px}.parts-cat-arrow{right:8px;bottom:8px;width:28px;height:28px;border-radius:9px;font-size:15.5px}.parts-cat-body{padding:9px}.parts-cat-body h3{font-size:13.6px}.parts-cat-body p{font-size:12.5px;line-height:1.65}.parts-cat-tag{margin-top:6px;font-size:12.4px;padding:4px 6px}.parts-cat-help{grid-template-columns:1fr;gap:6px;margin-top:8px}.parts-cat-help button{min-height:58px;border-radius:12px}}



.parts-cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.parts-cat-card{min-height:252px;border-color:#e1e7eb;box-shadow:0 10px 28px rgba(31,41,51,.05)}
.parts-cat-media.real-photo{height:154px;background:linear-gradient(145deg,#ffffff,#f4f7f9);padding:10px}
.parts-cat-media.real-photo img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:12px;background:#fff;transform:none!important;filter:none!important}
.parts-cat-card:hover .parts-cat-media.real-photo img{transform:scale(1.015)!important}
.parts-cat-body h3{font-size:14.4px;line-height:1.55}.parts-cat-body p{min-height:31px}
@media(max-width:920px){.parts-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.parts-cat-grid{grid-template-columns:1fr 1fr;gap:7px}.parts-cat-card{min-height:210px}.parts-cat-media.real-photo{height:124px;padding:7px}.parts-cat-body h3{font-size:13.6px}.parts-cat-body p{min-height:28px;font-size:12.5px}}

/* Search suggestions and product actions remain readable with long product names. */
.suggest-row { grid-template-columns: 42px minmax(0,1fr) minmax(72px,auto); min-height: 64px; }
.suggest-row > div, .suggest-copy { min-width: 0; overflow: hidden; }
.suggest-row b, .suggest-row small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.suggest-row b { line-height: 1.55; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.suggest-row small { white-space: nowrap; }
.suggest-price { max-width: 104px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 10px; }
.suggest-loading { padding: 14px; color: var(--muted); text-align: center; }
.product-v2 { min-width: 0; }
.product-v2 h3 { overflow-wrap: anywhere; }
.product-v2 h3 a { color: inherit; text-decoration: none; }
.product-v2 .product-bottom { min-width: 0; align-items: center; }
.product-v2 .price { min-width: 0; }
.product-v2 .price .old { color: #a1aab0; font-size: 12px; font-weight: 700; text-decoration-thickness: 2px; text-decoration-color: #c92f3d; }
.product-v2 .price strong { color: #111b22; font-size: 16px; font-weight: 1000; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
.product-v2 .sale { min-width: 42px; text-align: center; box-shadow: 0 4px 12px #c92f3d35; }
.pp-old-price { color: #8b9298 !important; text-decoration-color: #c92f3d !important; text-decoration-thickness: 2px !important; }
.pp-price-main > strong { font-weight: 1000 !important; }
.page-top .wrap { min-width: 0; }
.page-top b { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 620px) {
  .suggest-row { grid-template-columns: 36px minmax(0,1fr) minmax(62px,auto); gap: 7px; padding: 8px 6px; min-height: 62px; }
  .suggest-row .mini-icon { width: 36px; height: 36px; }
  .suggest-row b { font-size: 13.5px; }
  .suggest-row small { font-size: 11.5px; }
  .suggest-price { max-width: 78px; font-size: 9.5px; }
  .product-v2 .product-bottom { gap: 5px; }
  .product-v2 .price strong { font-size: 12.8px !important; }
  .product-v2 .price .old { font-size: 11.5px !important; }
  .page-top .wrap { height: auto !important; min-height: 64px; padding-top: 7px; padding-bottom: 7px; display: flex; flex-wrap: wrap; gap: 6px; }
  .page-top .wrap > div { order: 1; width: 100%; flex-wrap: wrap; justify-content: space-between; gap: 6px !important; }
  .page-top .wrap > div .btn { flex: 1 1 110px; min-width: 0; min-height: 38px; height: auto; padding: 7px 8px; white-space: normal; line-height: 1.35; }
  .page-top b { order: 2; flex: 1 0 100%; margin: 0; font-size: 14px; line-height: 1.5; white-space: normal; }
}
@media (max-width: 900px) {
  .mobile-search-bar .wrap { position: relative; }
  .mobile-suggest { top: 53px; inset-inline: 0; z-index: 90; max-height: min(65vh, 420px); }
}
@media (max-width: 620px) {
  .page #pageBody { overflow-x: hidden; }
  .pp-breadcrumb { display: flex; flex-wrap: wrap; min-width: 0; }
  .pp-breadcrumb > * { min-width: 0; }
  .pp-breadcrumb strong { white-space: normal; overflow-wrap: anywhere; }
  .pp-sub { display: flex; flex-wrap: wrap; min-width: 0; gap: 6px 10px; }
  .pp-sub > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
  .pp-buy-actions { flex-wrap: wrap !important; }
  .pp-add-cart { min-width: 0; white-space: normal; line-height: 1.4; overflow-wrap: anywhere; }
  .pp-mobile-sticky { gap: 7px; }
  .pp-mobile-sticky > div { min-width: 0; }
  .pp-mobile-sticky button { min-width: 0; white-space: normal; line-height: 1.35; overflow-wrap: anywhere; }
  .cart-row { min-width: 0; flex-wrap: wrap; }
  .cart-row > div:first-child { min-width: 0; overflow-wrap: anywhere; }
}

/* === Dama Sanat manufactured-products experience === */
.ds-slide{overflow:hidden}
.ds-slide img{transition:transform .45s ease,filter .45s ease}
.ds-slide.is-active{pointer-events:auto;cursor:pointer}
.ds-slide.is-active:hover img{transform:scale(1.01);filter:brightness(1.02)}
.ds-slide::before,.ds-slide::after{position:absolute;z-index:3;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease}
.ds-slide::before{content:"محصول تولیدی دماصنعت";top:18px;right:18px;padding:8px 12px;border-radius:999px;background:rgba(7,16,24,.78);border:1px solid rgba(255,255,255,.04);color:#fff;font-size:10px;font-weight:900;backdrop-filter:blur(8px)}
.ds-slide::after{content:"برای مشاهده جزئیات کلیک کنید";left:18px;bottom:20px;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(227,41,56,.96),rgba(255,112,122,.92));box-shadow:0 16px 38px rgba(227,41,56,.24);color:#fff;font-size:10px;font-weight:900;transform:translateY(6px)}
.ds-slide.is-active:hover::before,.ds-slide.is-active:hover::after,.ds-slide.is-active:focus-within::before,.ds-slide.is-active:focus-within::after{opacity:1;transform:none}

.dama-made-page{padding:16px 0 28px}
.dama-made-overview{display:grid;gap:16px}
.dama-made-intro-copy{padding:22px 24px;border:1px solid #dbe5eb;background:linear-gradient(180deg,#ffffff,#f5f8fb);border-radius:28px;box-shadow:0 14px 34px rgba(0,0,0,.06)}
.dama-made-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fdf0f2;border:1px solid #f3c6cd;color:#b51d2b;font-size:12px;font-weight:900}
.dama-made-kicker::before{content:"✦";font-size:13px}
.dama-made-title{margin:14px 0 10px;font-size:34px;line-height:1.35;color:#10222d}
.dama-made-lead{margin:0;max-width:760px;color:#4d6572;font-size:15px;line-height:2.05}

.dama-made-rail{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.dama-made-card{position:relative;padding:0;border:1px solid #d9e3ea;border-radius:26px;background:#fff;color:#10222d;text-align:right;overflow:hidden;cursor:pointer;box-shadow:0 14px 35px rgba(0,0,0,.08);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.dama-made-card:hover,.dama-made-card.active{transform:translateY(-4px);border-color:#e3293870;box-shadow:0 18px 42px rgba(0,0,0,.12)}
.dama-made-card-banner{position:relative;min-height:235px;background-size:cover;background-position:center center;border-radius:26px 26px 0 0;overflow:hidden;display:flex;align-items:stretch}
.dama-made-card-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,25,.20) 0%,rgba(8,17,25,.32) 34%,rgba(8,17,25,.78) 100%)}
.dama-made-card-media{display:none}
.dama-made-card-media img{display:none}
.dama-made-card-no{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:34px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid #dde6ec;color:#10222d;font-size:12px;font-weight:900;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.dama-made-card-body{position:relative;z-index:2;flex:1;min-width:0;padding:20px 20px 18px 20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.dama-made-card-badge{display:inline-flex;align-self:flex-start;margin-bottom:10px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:800}
.dama-made-card h3{margin:0 0 8px;font-size:23px;line-height:1.45;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.dama-made-card p{margin:0;color:rgba(255,255,255,.94);font-size:13px;line-height:1.95;text-shadow:0 1px 10px rgba(0,0,0,.24);max-width:92%}
.dama-made-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px 16px;background:#fff;border-top:1px solid #edf2f5}
.dama-made-card-footer span{color:#566e79;font-size:13px;font-weight:700}
.dama-made-card-footer em{display:inline-flex;font-style:normal;color:#d32b39;font-size:13px;font-weight:900}

.dama-made-active-wrap{margin-top:4px}
.dama-made-spotlight{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);grid-template-areas:"media buy" "details buy";gap:18px;align-items:start}
.dama-made-media-wrap{grid-area:media}
.dama-made-detail-panels{grid-area:details;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dama-made-media{position:relative;border:1px solid #d9e3eb;border-radius:30px;background:linear-gradient(180deg,#ffffff,#f3f7fa);box-shadow:0 16px 40px rgba(0,0,0,.08);overflow:hidden;min-height:500px;display:grid;place-items:center}
.dama-made-media::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(227,41,56,.10),transparent 24%),radial-gradient(circle at 10% 78%,rgba(88,203,227,.10),transparent 23%)}
.dama-made-media img{position:relative;z-index:1;display:block;max-width:100%;max-height:100%;object-fit:contain;padding:34px}
.dama-made-info-card{padding:18px;border:1px solid #d9e3eb;border-radius:24px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.05)}
.dama-made-info-card h3{margin:0 0 14px;font-size:16px;color:#10222d}
.dama-made-spec-list{display:grid;gap:10px}
.dama-made-spec-row{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:16px;background:#f6f9fb}
.dama-made-spec-row small{display:block;color:#748a96;font-size:12px;line-height:1.7}
.dama-made-spec-row b{display:block;color:#132733;font-size:14px;line-height:1.9}
.dama-made-feature-list{display:grid;gap:10px;list-style:none;padding:0;margin:0}
.dama-made-feature-list li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:16px;background:#f6f9fb}
.dama-made-feature-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff1f3;color:#c52634;font-size:12px;font-weight:900}
.dama-made-feature-text b{display:block;font-size:14px;color:#10222d;margin-bottom:4px}
.dama-made-feature-text p{margin:0;color:#516873;font-size:12px;line-height:1.9}

.dama-made-buy-card{grid-area:buy;border:1px solid #d9e3eb;border-radius:28px;background:linear-gradient(180deg,#ffffff,#f5f8fb);box-shadow:0 16px 40px rgba(0,0,0,.08);padding:24px;position:sticky;top:78px}
.dama-made-product-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.dama-made-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;background:#eef3f6;border:1px solid #dae3e9;color:#28404c;font-size:12px;font-weight:800}
.dama-made-chip.accent{background:#fff1f3;border-color:#f4c9cf;color:#c52634}
.dama-made-buy-card h2{margin:4px 0 10px;font-size:30px;line-height:1.4;color:#10222d}
.dama-made-buy-card>p{margin:0;color:#526975;font-size:15px;line-height:2.05}
.dama-buy-separator{height:1px;background:#e6edf2;margin:16px 0}
.dama-made-buy-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.dama-made-buy-topline span{color:#6b8290;font-size:13px;font-weight:700}
.dama-made-buy-topline strong{color:#10222d;font-size:16px}
.dama-made-price-note{margin:0;color:#708895;font-size:12px;line-height:1.85}
.dama-made-buy-features{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
.dama-made-buy-features div{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:center;padding:10px 12px;border-radius:16px;background:#f5f8fb}
.dama-made-buy-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff1f3;color:#c52634;font-size:12px;font-weight:900}
.dama-made-buy-features b{display:block;color:#132733;font-size:13px}
.dama-made-qty-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:14px 0;border-top:1px solid #e6edf2;border-bottom:1px solid #e6edf2}
.dama-made-qty-wrap label{color:#576e79;font-size:13px;font-weight:800}
.dama-made-qty{display:inline-grid;grid-template-columns:40px 72px 40px;border:1px solid #d6e2e9;border-radius:14px;overflow:hidden;background:#fff}
.dama-made-qty button,.dama-made-qty output{display:grid;place-items:center;min-height:40px;border:0;background:transparent;color:#10222d;font-size:16px;font-weight:900}
.dama-made-qty button{cursor:pointer;background:#f6f9fb}
.dama-made-actions{display:grid;gap:10px;margin-top:18px}
.dama-made-actions .btn{width:100%;justify-content:center;font-size:14px;padding:14px 18px;border-radius:14px}
.dama-made-actions .btn.ghost{background:#fff;color:#10222d;border:1px solid #d8e2e8}
.dama-made-added-notice{min-height:20px;margin:2px 0 0;color:#0b8b42;font-size:12px;font-weight:700}
.dama-made-buy-footer{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;margin-top:10px;padding-top:12px;border-top:1px dashed #d6e0e7;color:#637b87;font-size:12px;line-height:1.9}

.dama-made-cta{margin-top:18px;padding:22px 24px;border-radius:26px;border:1px solid #d9e3eb;background:linear-gradient(90deg,#fff7f8,#ffffff 45%,#f5fbfc);display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 14px 34px rgba(0,0,0,.06)}
.dama-made-cta h3{margin:0 0 8px;font-size:22px;color:#10222d}
.dama-made-cta p{margin:0;color:#526975;font-size:14px;line-height:2.05;max-width:720px}
.dama-made-cta .btn{min-width:190px;font-size:14px}

@media(max-width:1050px){
  .dama-made-rail{grid-template-columns:1fr}
  .dama-made-spotlight{grid-template-columns:1fr;grid-template-areas:"media" "buy" "details"}
  .dama-made-detail-panels{grid-template-columns:1fr 1fr}
  .dama-made-buy-card{position:static}
}
@media(max-width:620px){
  .ds-slide::before{top:10px;right:10px;padding:6px 10px;font-size:7px}
  .ds-slide::after{left:10px;bottom:10px;padding:8px 10px;font-size:7px}
  .dama-made-page{padding:10px 0 20px}
  .dama-made-intro-copy{padding:16px 16px 17px;border-radius:20px}
  .dama-made-kicker{font-size:9px;padding:6px 10px}
  .dama-made-title{font-size:24px;line-height:1.45}
  .dama-made-lead{font-size:12px;line-height:2}
  .dama-made-rail{gap:12px}
  .dama-made-card{border-radius:20px}
  .dama-made-card-banner{min-height:188px;background-position:center center}
  .dama-made-card-media{display:none}
  .dama-made-card-media img{display:none}
  .dama-made-card-no{top:10px;left:10px;min-width:38px;height:30px;font-size:10px}
  .dama-made-card-body{padding:16px 14px 16px 14px}
  .dama-made-card-badge{margin-bottom:5px;padding:6px 10px;font-size:8.5px}
  .dama-made-card h3{font-size:18px;line-height:1.45}
  .dama-made-card p{font-size:11px;line-height:1.8}
  .dama-made-card-footer{padding:11px 14px 13px}
  .dama-made-card-footer span,.dama-made-card-footer em{font-size:11px}
  .dama-made-media{min-height:260px;border-radius:22px}
  .dama-made-media img{padding:18px}
  .dama-made-buy-card{padding:16px;border-radius:22px}
  .dama-made-product-meta{gap:7px}
  .dama-made-chip{font-size:9px;padding:6px 10px}
  .dama-made-buy-card h2{font-size:22px;line-height:1.45}
  .dama-made-buy-card>p{font-size:12px;line-height:2}
  .dama-made-buy-topline span{font-size:11px}
  .dama-made-buy-topline strong{font-size:14px}
  .dama-made-price-note,.dama-made-added-notice,.dama-made-buy-footer{font-size:10px}
  .dama-made-buy-features div{padding:8px 10px}
  .dama-made-buy-features b{font-size:11px}
  .dama-made-qty-wrap{padding:12px 0;gap:8px}
  .dama-made-qty-wrap label{font-size:11px}
  .dama-made-qty{grid-template-columns:36px 60px 36px}
  .dama-made-qty button,.dama-made-qty output{min-height:30px;font-size:14px}
  .dama-made-actions .btn{font-size:12px;padding:12px 14px}
  .dama-made-detail-panels{grid-template-columns:1fr;gap:10px}
  .dama-made-info-card{padding:14px 14px 12px;border-radius:18px}
  .dama-made-info-card h3{font-size:14px;margin-bottom:10px}
  .dama-made-spec-row{grid-template-columns:88px 1fr;gap:8px;padding:8px 10px;border-radius:14px}
  .dama-made-spec-row small{font-size:10px}
  .dama-made-spec-row b{font-size:12px;line-height:1.8}
  .dama-made-feature-list li{grid-template-columns:20px 1fr;gap:8px;padding:8px 10px;border-radius:14px}
  .dama-made-feature-icon{width:20px;height:20px;font-size:10px}
  .dama-made-feature-text b{font-size:12px}
  .dama-made-feature-text p{font-size:10px;line-height:1.8}
  .dama-made-cta{padding:16px;flex-direction:column;align-items:stretch;border-radius:20px}
  .dama-made-cta h3{font-size:16px}
  .dama-made-cta p{font-size:12px;line-height:1.95}
  .dama-made-cta .btn{width:100%;min-width:0;font-size:12px}
}

.wb-date-strip{display:block;overflow:visible}
.wb-date-strip input[type="date"]{display:block;width:100%;min-height:48px;padding:10px 12px;border:1px solid #dce3e7;border-radius:12px;background:#fff;color:#26343c;font:inherit;direction:ltr}
.wb-date-strip input[type="date"]:focus{outline:2px solid #c92f3d33;border-color:#c92f3d}
.wb-opening-hours{display:grid;gap:4px;margin-top:12px;padding:12px 14px;border:1px solid #dce8ec;border-radius:12px;background:#f4fafb;color:#42555e;font-size:13px;line-height:1.9}
.wb-opening-hours b{color:#243842}
.service-login-required{display:grid;justify-items:center;gap:12px;padding:22px;border:1px solid #e1e8eb;border-radius:14px;background:#fff;text-align:center;color:#34444d}
.service-login-required .btn{font-family:inherit}
.service-tracker-refresh{display:block;margin:0 0 12px auto;padding:9px 14px;border:0;border-radius:10px;background:#c92f3d;color:#fff;font:inherit;font-size:13px;cursor:pointer}
.cp-workshop-hours{margin:10px 0 0;padding:11px 13px;border-radius:11px;background:#f4fafb;color:#4c626c;font-size:12.5px;line-height:1.9}
.cp-workshop-refresh{display:block;margin:0 0 8px auto;padding:8px 12px;border:1px solid #d9e1e5;border-radius:10px;background:#fff;color:#4a5c65;font:inherit;font-size:12.5px;cursor:pointer}

.product-v2 .price-old-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}
.product-v2 .discount-inline{display:inline-flex;align-items:center;padding:2px 5px;border-radius:6px;background:#fff0f1;color:#b92835;font-size:11px;font-weight:900;line-height:1.5;white-space:nowrap}
.product-v2 .product-action.is-inquiry{width:auto;min-width:max-content;padding:0 9px;font-size:12px;white-space:nowrap}
.product-v2.has-inquiry .product-bottom{flex-wrap:wrap}
.product-v2.has-inquiry .product-bottom .price{flex:1 1 90px}
.product-v2.has-inquiry .product-action.is-inquiry{margin-inline-start:auto}
@media(max-width:380px){.product-v2 .discount-inline{font-size:10px;padding-inline:4px}.product-v2.has-inquiry .product-bottom{align-items:flex-start;flex-direction:column}.product-v2.has-inquiry .product-action.is-inquiry{margin-inline-start:0}}

.wb-date-strip{position:relative;z-index:5}
.wb-jalali-picker{position:relative;width:100%;font-family:inherit}
.wb-jalali-trigger{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid #dce3e7;border-radius:12px;background:#fff;color:#26343c;font:inherit;text-align:right;cursor:pointer}
.wb-jalali-trigger:hover,.wb-jalali-trigger[aria-expanded="true"]{border-color:#c92f3d}
.wb-jalali-trigger span:last-child{color:#c92f3d;font-size:19px}
.wb-jalali-calendar[hidden]{display:none!important}
.wb-jalali-calendar{position:relative;width:100%;margin-top:8px;padding:13px;border:1px solid #dce3e7;border-radius:14px;background:#fff;box-shadow:0 14px 36px rgba(26,43,53,.12);direction:rtl}
.wb-jalali-calendar-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;margin-bottom:12px;text-align:center}
.wb-jalali-calendar-head strong{color:#26343c;font-size:15px}
.wb-jalali-calendar-head button{width:38px;height:36px;border:1px solid #e3e9ec;border-radius:9px;background:#f8fafb;color:#26343c;font-size:22px;line-height:1;cursor:pointer}
.wb-jalali-calendar-head button:disabled{opacity:.35;cursor:not-allowed}
.wb-jalali-weekdays,.wb-jalali-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}
.wb-jalali-weekdays{margin-bottom:6px;color:#74838a;font-size:11px;font-weight:700}
.wb-jalali-weekdays span{padding:5px 0}
.wb-jalali-days{grid-auto-rows:39px}
.wb-jalali-day{border:0;border-radius:9px;background:transparent;color:#26343c;font:inherit;font-size:13px;cursor:pointer}
.wb-jalali-day:hover:not(:disabled){background:#fff0f1;color:#bd2634}
.wb-jalali-day.is-today{outline:1px solid #c92f3d}
.wb-jalali-day.is-selected{background:#c92f3d;color:#fff}
.wb-jalali-day:disabled{color:#c1c9cd;cursor:not-allowed}
.wb-jalali-empty{min-width:0}


.finder-grid #photoSubmitButton:disabled{opacity:.7;cursor:wait}

/* Public-facing sections hidden visually by request; existing handlers remain available. */
.nav-link-tech,
.service-tech-banner,
.service-fit-banner,
.footer-technician-trust,
.footer-tech-panel-link,
.footer-model-fit-link,
.site-menu-tech-link,
.site-menu-model-fit-link,
.parts-cat-model-entry,
.shop-fit-btn,
.product-compatibility-list{display:none!important}

/* Image restore and responsive workshop visuals (2026-10-28). */
.hub-parts .hub-rect-media{background-image:url('/assets/img/img_2.webp')!important;background-color:#f1f4f5}
.hub-new .hub-rect-media{background-image:url('/assets/img/img_4.webp')!important;background-color:#f1f4f5}
.hub-tools .hub-rect-media{background-image:url('/assets/img/img_1.webp')!important;background-color:#f1f4f5}
.hub-stock .hub-rect-media{background-image:url('/assets/img/img_3.webp')!important;background-color:#f1f4f5}
.service-workshop-banner .home-service-bg{background-image:url('/assets/img/img_8.webp')!important;background-position:center 42%}
.service-fit-banner .home-service-bg{background-image:url('/assets/img/img_4.webp')!important}
.workshop-hero-bg{background-image:url('/assets/img/img_8.webp')!important;background-position:center 42%}
.service-slide{background-position:center 42%;background-repeat:no-repeat;background-color:#121a22}
.service-slide::before{background:linear-gradient(90deg,rgba(6,11,16,.72) 0%,rgba(6,11,16,.42) 46%,rgba(6,11,16,.14) 100%),linear-gradient(180deg,rgba(13,23,30,.06),rgba(13,23,30,.34))}
@media(min-width:1000px){.service-slider,.service-slide-inner{min-height:400px}.service-showcase-copy{max-width:760px}}