/* Layout refinements shared by the existing homepage and PHP catalogue. */
*,*::before,*::after{letter-spacing:0!important}
:root{--r:8px}
a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #f5a623;outline-offset:4px}
button,input,select,textarea{font-family:inherit}
button,a{touch-action:manipulation}
h1,h2,h3,p,dd,a{overflow-wrap:break-word}
section[id]{scroll-margin-top:100px}
.home-layout .hero{padding:32px 0 24px;background:none}
.home-layout .h-inner{padding:12px 24px}
.home-layout .hero::before,.home-layout .hero::after{display:none}
.home-layout .hero h1{font-size:36px;line-height:1.25;max-width:950px;margin-bottom:12px}
.home-layout .hero-desc{max-width:760px;font-size:16px;line-height:1.65;margin-bottom:20px}
.home-layout .hero-btns{margin:0}
.home-layout .btn,.home-layout .search-btn,.home-layout .search-input,.home-layout .h-cta{border-radius:6px;box-shadow:none;line-height:1.4;white-space:normal}
.home-layout .btn-p,.home-layout .search-btn,.home-layout .h-cta{background:#f5a623}
.home-layout .search-wrap{max-width:none;flex-direction:row;align-items:stretch}
.home-layout .search-input{min-width:0;width:100%;font-size:16px}
.home-layout .search-btn{width:auto;flex-shrink:0;padding:10px 22px}
.home-layout section{padding:48px 0}
.home-layout #products{padding:24px 0 40px}
.home-layout h2{font-size:28px;line-height:1.3}
.home-layout .stag{background:none;border:0;padding:0;font-size:13px;margin-bottom:8px}
.home-layout #products .sdesc{margin-bottom:22px;max-width:none;line-height:1.6}
.home-layout #products .sdesc a{color:#cbd0d8;text-decoration:underline;text-underline-offset:4px}
.home-layout .prod-g{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-layout .pc{min-width:0;position:relative;border-radius:8px}
.home-layout .pc:hover{transform:none;box-shadow:none}
.home-layout .vis{opacity:1!important}
.home-layout .pc-img{z-index:2;aspect-ratio:4/3;background:#191c21}
.home-layout .pc-img::after{display:none}
.home-layout .pc-img img,.home-layout .pc-gallery img{object-fit:contain}
.home-layout .pc:hover .pc-img img{transform:none}
.home-layout .pc-gallery img{flex:0 0 100%;min-width:0;max-width:none}
.home-layout .pc-arr{width:32px;height:32px;padding:0;opacity:1;background:rgba(17,19,24,.82);font-size:16px}
.home-layout .pc-dots{bottom:6px;gap:0;padding:2px 4px;border-radius:20px;background:rgba(17,19,24,.82)}
.home-layout .pc-dot{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;padding:0;border:0;background:none}
.home-layout .pc-dot::after{content:'';width:6px;height:6px;border-radius:50%;background:#b8bec8}
.home-layout .pc-dot.on::after{background:#f5a623}
.home-layout .pc-b{padding:14px}
.home-layout .pc-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:8px}
.home-layout .pc-brand{font-size:12px}
.home-layout .pc-meta .pc-brand{margin:0}
.home-layout .pc-type{font-size:11px;line-height:1.5;color:#b8bec8}
.home-layout .pc-name{display:block;font-size:15px;line-height:1.45;margin-bottom:10px}
.home-layout .pc-name::after{content:'';position:absolute;inset:0;z-index:1}
.home-layout .pc-btn{position:relative;z-index:2;min-height:40px;padding:8px 12px;border-radius:6px;background:#f5a623;box-shadow:none;font-size:13px;line-height:1.4}
.home-layout .pc-btn:hover{background:#f7b84e;box-shadow:none;transform:none}
.home-layout .pc-f{flex-wrap:nowrap;gap:10px;padding-top:12px}
.home-layout .pc-price{min-width:0;font:700 16px/1.4 var(--fb);white-space:normal}
.home-layout .pc-oem{font-size:11px;line-height:1.5;padding-bottom:14px;color:#a7adb8;opacity:1;overflow-wrap:anywhere}
.home-layout .cc{color:inherit;border-radius:8px}
.home-layout .cc h3{font-size:16px;line-height:1.5}
.home-layout .cc p{font-size:14px}
.home-layout .contc,.home-layout .dw{box-shadow:none;border-radius:8px;min-width:0}
.home-layout .cont-g,.home-layout .dw-g{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-layout .hero-msg{flex-wrap:wrap}
.home-layout .cont-row{min-width:0;overflow-wrap:anywhere}
.catalog-layout{overflow-x:visible;max-width:none}
.catalog-layout .hdr{gap:16px;flex-wrap:wrap}
.catalog-layout .hdr-nav{display:flex;flex-wrap:wrap;gap:12px 20px}
.catalog-layout .hdr-nav a{margin:0;font-size:14px;color:#b8bec8}
.catalog-layout .bread{color:#a7adb8;line-height:1.6;overflow-wrap:anywhere}
.catalog-layout .bread a{color:#b8bec8}
.catalog-layout .pp-heading{max-width:960px;margin:6px 0 24px}
.catalog-layout .pp-cat{color:#f5a623;font-size:14px;margin-bottom:10px;text-transform:none}
.catalog-layout .pp-name{font-size:28px;line-height:1.4}
.catalog-layout .pp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.catalog-layout .pp-gal{background:#fff;border-radius:8px}
.catalog-layout .pp-photo-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.catalog-layout .pp-photo-open:focus-visible{outline-offset:-4px}
.catalog-layout .pp-gal img,.catalog-layout .pp-th img,.catalog-layout .sc-img img{object-fit:contain}
.catalog-layout .pp-thumbs{overflow-x:auto;padding-bottom:4px;gap:8px}
.catalog-layout .pp-th{flex:0 0 64px;width:64px;height:64px;padding:0;border-radius:6px;background:#fff}
.catalog-layout .pp-info{align-self:start;gap:12px;padding-top:8px}
.catalog-layout .pp-price{font-size:28px;line-height:1.4;margin:0}
.catalog-layout .pp-price-note{font-size:14px;line-height:1.6;color:#b8bec8}
.catalog-layout .pp-btn{justify-content:center;align-self:stretch;line-height:1.5;margin:4px 0 8px;padding:14px 20px;border-radius:6px;background:#f5a623;box-shadow:none}
.catalog-layout .pp-btn:hover{background:#f7b84e;box-shadow:none;transform:none}
.catalog-layout .pp-desc,.catalog-layout .pp-help{font-size:16px;line-height:1.65;color:#c2c8d0}
.catalog-layout .pp-spec-link{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.catalog-layout .pp-detail-nav{padding:0;background:none;border:0;gap:12px 24px;border-radius:0}
.catalog-layout .pp-detail-nav a{padding:8px 0;border:0;border-radius:0;background:none;border-bottom:1px solid #5b626e;font-size:14px}
.catalog-layout .pp-detail-section,.catalog-layout .cp-seo,.catalog-layout .cp-oems,.catalog-layout .pp-faq,.catalog-layout .delivery-seo{padding:24px 0;background:none;border:0;border-top:1px solid #30343c;border-radius:0}
.catalog-layout .pp-detail-section h2,.catalog-layout .pp-faq h2{font-size:22px;line-height:1.45}
.catalog-layout .pp-detail-section h3{font-size:14px;line-height:1.5;text-transform:none;margin-top:16px}
.catalog-layout .pp-detail-section p,.catalog-layout .cp-seo p,.catalog-layout .faq-a{font-size:16px;color:#c2c8d0}
.catalog-layout .pp-spec-row{font-size:16px;line-height:1.6;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.catalog-layout .pp-spec-row dt{color:#aeb5bf}
.catalog-layout .oem-tag{font-size:13px;white-space:normal;overflow-wrap:anywhere}
.catalog-layout .pp-delivery-card{border-radius:8px}
.catalog-layout .sc{border-radius:8px;min-width:0}
.catalog-layout .sc-img{background:#fff}
.catalog-layout .sc-name{font-size:16px;line-height:1.5}
.catalog-layout .sc-oem{color:#a7adb8;font-size:12px;max-height:none;overflow-wrap:anywhere}
.catalog-layout .sc-price{line-height:1.4}
.catalog-layout .cp-count{color:#a7adb8;font-size:14px}
.catalog-layout .cp-desc{color:#b8bec8;font-size:16px;margin-bottom:12px}
.catalog-layout .cp-grid{margin-top:20px}
.catalog-layout .cat-search,.catalog-layout .cat-select{font-size:16px;border-radius:6px}
.catalog-layout .cat-select{min-width:0;max-width:100%}
.catalog-layout .cat-h1,.catalog-layout .cp-title{font-size:28px;line-height:1.4}
.catalog-layout .delivery-hero{background:none;border:0;border-radius:0;padding:16px 0}
@media(min-width:961px) and (max-width:1200px){
  .home-layout .h-inner{gap:12px}
  .home-layout .nav a{padding:8px 5px;font-size:12px}
  .home-layout .h-cta{padding:10px 12px}
}
@media(max-width:1080px){.home-layout .prod-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){
  .home-layout .cont-g,.home-layout .dw-g{grid-template-columns:minmax(0,1fr)}
  .catalog-layout .hdr{padding:14px 20px;gap:12px}
  .catalog-layout .pp-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .catalog-layout .pp-heading{margin-bottom:18px}
  .catalog-layout .pp-name,.catalog-layout .cat-h1,.catalog-layout .cp-title{font-size:22px}
  .catalog-layout .pp-gal{aspect-ratio:16/10}
  .catalog-layout .pp-thumbs{gap:4px;scrollbar-width:thin}
  .catalog-layout .pp-th{flex-basis:44px;width:44px;height:44px}
  .catalog-layout .pp-price{font-size:24px}
  .catalog-layout .pp-info{gap:8px;padding-top:0}
  .catalog-layout .pp-spec-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .catalog-layout .pp-detail-nav a{flex:0 1 auto}
  .catalog-layout .pp-delivery-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .home-layout .hero{padding:24px 0 18px}
  .home-layout .hero h1{font-size:26px;line-height:1.4}
  .home-layout .hero-desc{margin-bottom:16px}
  .home-layout .hero-btns{gap:8px}
  .home-layout .hero-btns .btn{flex:1 1 140px;padding:12px}
  .home-layout h2{font-size:22px;line-height:1.4}
  .home-layout .prod-g{grid-template-columns:minmax(0,1fr)}
  .home-layout .pc-arr{width:40px;height:40px}
  .home-layout #products{padding-top:20px}
  .home-layout .fab{position:static;align-items:flex-end;margin:16px 20px}
  .home-layout .fab .fab-m{animation:none;box-shadow:none}
  .home-layout .cat-g .cc{min-width:0;width:100%}
  .home-layout .sdesc{margin-bottom:24px}
  .catalog-layout .cat-search{min-width:0;flex-basis:100%;width:100%}
  .catalog-layout .cat-filters{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  .catalog-layout .cp-grid,.catalog-layout .cat-grid,.catalog-layout .pp-related-g{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}