:root{font-family:Arial,Helvetica,sans-serif;color:#113954;background:#edf7fc;font-synthesis:none;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}body.modal-open{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.draft-banner{display:flex;align-items:center;gap:8px;min-height:37px;padding:8px max(16px,calc((100vw - 1240px)/2));background:#07304a;color:#d6f3fc;font-size:12px}.draft-banner span:last-child{color:#add0e0}.draft-signal{width:7px;height:7px;flex:none;border-radius:50%;background:#70dbf3;box-shadow:0 0 9px #70dbf3}.site-shell{min-height:100vh;background:#f7fbfd}.site-header{background:#061c30;border-bottom:1px solid #27536b;color:#edfaff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(100% - 36px,1240px);min-height:82px;margin:auto}.brand{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:850;letter-spacing:.07em;white-space:nowrap}.brand img{width:76px;height:46px;object-fit:contain}.site-header nav{display:flex;gap:9px}.site-header nav a{display:inline-flex;align-items:center;min-height:40px;padding:9px 15px;border:1px solid #335d76;border-radius:999px;color:#d7f3fb;font-size:14px;font-weight:750}.site-header nav a.active{border-color:#b9e4ee;background:#effbff;color:#0d3853}.site-header nav a:hover{border-color:#80dff4;box-shadow:0 0 0 3px #60cdeb26}.wrap{width:min(100% - 36px,1240px);margin-inline:auto}.eyebrow{color:#1694b8;font-size:11px;font-weight:900;letter-spacing:.14em}.catalog-intro{display:flex;justify-content:space-between;gap:30px;padding:46px 0 36px}.catalog-intro h1{margin:10px 0 12px;color:#092c47;font-size:clamp(32px,4vw,50px);line-height:1.07;letter-spacing:-.035em}.catalog-intro p{max-width:710px;margin:0;color:#54778a;font-size:16px;line-height:1.55}.intro-side{display:flex;flex:0 0 270px;flex-direction:column;justify-content:center;gap:6px;padding:20px;border:1px solid #bedce9;border-radius:17px;background:linear-gradient(135deg,#fff,#eaf8fe);color:#1c526e}.intro-side span{color:#1598bb;font-size:11px;font-weight:900;letter-spacing:.12em}.intro-side strong{font-size:17px;line-height:1.3}.intro-side small{color:#6a8b9d;font-size:12px;line-height:1.4}.catalog{padding-bottom:55px}.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:20px}.catalog-head h2,.publication-note h2{margin:8px 0 0;color:#092d49;font-size:clamp(27px,3vw,38px);line-height:1.13}.catalog-head p{max-width:500px;margin:0;color:#66869a;font-size:13px;line-height:1.5}.type-tabs{display:flex;gap:9px;overflow-x:auto;padding:0 0 14px;scrollbar-width:thin}.type-tab{flex:none;min-height:43px;padding:9px 17px;border:1px solid #bcdce9;border-radius:999px;background:#fff;color:#235771;font-size:14px;font-weight:800;white-space:nowrap}.type-tab span{margin-left:6px;opacity:.75}.type-tab:hover{border-color:#59cbe8}.type-tab.is-active{border-color:#5ecbe9;background:#8be3f6;color:#07364e;box-shadow:0 4px 15px #5ecbe833}.catalog-layout{display:grid;grid-template-columns:254px minmax(0,1fr);align-items:start;gap:20px}.filters{position:sticky;top:18px;padding:20px;border:1px solid #c5e0eb;border-radius:18px;background:#fff;box-shadow:0 10px 25px #0b3c5910}.filter-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.filter-top h3{margin:0;color:#103e5c;font-size:19px}.text-button{padding:4px;border:0;background:transparent;color:#168bac;font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:3px}.filter-fields{display:grid;gap:14px;margin-top:20px}.filter-fields label{display:block;color:#244c64;font-size:13px;font-weight:800}.filter-fields label span{float:right;color:#8aa5b3;font-weight:650}.filter-fields select{display:block;width:100%;min-height:43px;margin-top:7px;padding:8px 34px 8px 11px;border:1px solid #bcd8e5;border-radius:10px;background:#f8fcfe;color:#123e5b;font-size:14px;font-weight:700}.filter-fields select:focus-visible,.type-tab:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.site-header a:focus-visible,.details-link:focus-visible{outline:3px solid #10afd8;outline-offset:3px}.filter-note{margin:17px 0 0;padding-top:14px;border-top:1px solid #e0edf2;color:#7893a2;font-size:11px;line-height:1.5}.result-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:29px;margin:0 0 11px;color:#365c73;font-size:13px;font-weight:800}.result-tip{color:#7895a5;font-size:12px;font-weight:650}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #c8e0eb;border-radius:18px;background:#fff;box-shadow:0 12px 28px #103e5b0e}.card-photo{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#08273d}.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.card-photo:hover img{transform:scale(1.03)}.demo-badge{position:absolute;right:10px;bottom:10px;left:10px;width:max-content;max-width:calc(100% - 20px);padding:6px 8px;border:1px solid #7ed9ec99;border-radius:6px;background:#062338de;color:#d6f6ff;font-size:9px;font-weight:900;letter-spacing:.04em}.card-content{display:flex;flex:1;flex-direction:column;padding:18px}.card-labels{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.type-label,.condition-label{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:6px;background:#e9f7fc;color:#147b9c;font-size:10px;font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:.04em}.condition-label{background:#e9f5ef;color:#25704d}.condition-label.is-used{background:#fff4e2;color:#956223}.card-content h3{margin:11px 0 14px;color:#0b3452;font-size:22px;line-height:1.22}.card-content h3 a:hover{color:#0b8fb8}.card-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 14px;overflow:hidden;border:1px solid #dcecf2;border-radius:10px;background:#dcecf2}.card-specs div{min-width:0;padding:9px 11px;background:#f7fbfd}.card-specs dt{margin:0 0 3px;color:#748f9e;font-size:10px;font-weight:750}.card-specs dd{margin:0;color:#214b64;font-size:13px;font-weight:850;overflow-wrap:anywhere}.card-availability{display:flex;align-items:center;gap:7px;margin-top:auto;color:#4f748a;font-size:12px;font-weight:800}.status-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#f0b95c}.card-price{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #e3eef3}.card-price span{color:#7894a2;font-size:11px}.card-price strong{color:#103f5c;font-size:15px}.card-actions,.detail-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:15px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border:1px solid #6ad2ec;border-radius:10px;background:#82e0f5;color:#07334b;font-size:14px;font-weight:850;text-align:center;white-space:nowrap}.primary-button:hover{background:#9ceafb;box-shadow:0 6px 18px #69cbe847}.secondary-button{border-color:#9fc2d4;background:#f5fbfe;color:#174b68}.secondary-button:hover{border-color:#4dbdda;background:#e8f8fd}.details-link{display:inline-flex;justify-content:center;gap:5px;margin-top:13px;color:#267e9c;font-size:12px;font-weight:800}.details-link:hover{text-decoration:underline}.empty-state{padding:48px 20px;border:1px dashed #a6d4e3;border-radius:16px;background:#fff;text-align:center}.empty-state[hidden]{display:none}.empty-state strong{color:#0e3e5d;font-size:21px}.empty-state p{color:#6a8798}.empty-state button{min-height:40px;padding:8px 16px;border:1px solid #77cfe5;border-radius:9px;background:#e8f9fd;color:#125272;font-weight:800}.publication-note{margin-bottom:65px;padding:25px 28px;border:1px solid #bedce8;border-radius:18px;background:#eaf7fc}.publication-note h2{font-size:25px}.publication-note p{max-width:860px;margin:11px 0 0;color:#587c90;font-size:14px;line-height:1.6}.product-page{padding-top:30px;padding-bottom:70px}.back-link{display:inline-block;margin-bottom:23px;color:#39768f;font-size:13px;font-weight:800}.back-link:hover{text-decoration:underline}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:24px;align-items:start}.detail-media{position:relative;overflow:hidden;border:1px solid #c7e2eb;border-radius:20px;background:#07263c}.detail-media img{width:100%;aspect-ratio:4/3;object-fit:cover}.detail-media>span{position:absolute;right:14px;bottom:14px;left:14px;display:inline-block;width:max-content;max-width:calc(100% - 28px);padding:7px 10px;border:1px solid #76cde299;border-radius:7px;background:#082a40e8;color:#d6f3fb;font-size:11px;font-weight:800}.detail-main{padding:8px 0}.detail-main h1{margin:14px 0 11px;color:#0a314d;font-size:clamp(30px,3.6vw,47px);line-height:1.1;letter-spacing:-.025em}.detail-lead{margin:0;color:#658496;font-size:14px;line-height:1.55}.detail-top-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:21px}.detail-top-specs span{padding:13px 9px;border:1px solid #d7e9f0;border-radius:10px;background:#f0f9fc;color:#0b759b;font-size:18px;font-weight:900;text-align:center}.detail-top-specs small{display:block;margin-top:4px;color:#67899a;font-size:10px;font-weight:700}.detail-order{display:flex;justify-content:space-between;gap:16px;margin-top:20px;padding:16px 0;border-block:1px solid #e1edf2}.detail-status{display:grid;grid-template-columns:7px auto;align-content:start;align-items:center;gap:0 7px}.detail-status .status-dot{grid-row:1}.detail-status strong{color:#335e75;font-size:14px}.detail-status small{grid-column:2;color:#8ca4af;font-size:11px}.detail-order>div:last-child{text-align:right}.detail-order>div:last-child small{display:block;color:#8ca4af;font-size:11px}.detail-order>div:last-child strong{display:block;margin-top:3px;color:#0c3e5a;font-size:16px}.detail-actions{grid-template-columns:1fr 1fr;margin-top:18px}.detail-spec-section{margin-top:27px;padding:25px;border:1px solid #c9e0eb;border-radius:17px;background:#fff}.detail-spec-section h2{margin:0 0 16px;color:#0b3855;font-size:24px}.detail-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;margin:0}.detail-specs div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #e4eff3}.detail-specs dt{color:#6d8a9b;font-size:13px}.detail-specs dd{margin:0;color:#244d65;font-size:13px;font-weight:850;text-align:right}.detail-note{margin:17px 0 0;color:#5b7d8f;font-size:13px;line-height:1.5}.detail-share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;color:#6b8a9c;font-size:12px}.detail-share button{min-height:37px;padding:7px 12px;border:1px solid #bddde9;border-radius:8px;background:#fff;color:#2181a3;font-size:12px;font-weight:800}.missing-product{padding:50px 0}.missing-product h1{color:#0d3d59}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;overflow:auto;padding:18px;background:#031829d9}.request-modal{position:relative;width:min(100%,500px);max-height:min(95vh,800px);overflow:auto;padding:27px;border:1px solid #a8d6e7;border-radius:20px;background:#fff;box-shadow:0 24px 70px #0005}.modal-close{position:absolute;top:13px;right:14px;display:grid;place-items:center;width:33px;height:33px;border:1px solid #cde4ed;border-radius:50%;background:#f4fbfe;color:#1c5772;font-size:23px;line-height:1}.request-modal h2{margin:8px 0;color:#0a3350;font-size:27px}.modal-intro{margin:0 0 16px;color:#5e7e8f;font-size:13px;line-height:1.5}.request-product{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #cde3eb;border-radius:11px;background:#f1f9fc}.request-product img{width:66px;height:55px;flex:none;border-radius:7px;object-fit:cover}.request-product strong{display:block;color:#0e3c57;font-size:13px}.request-product span{display:block;margin-top:3px;color:#6a8797;font-size:11px;line-height:1.35}.request-modal form{display:grid;gap:13px;margin-top:18px}.request-modal form label{color:#244e66;font-size:13px;font-weight:800}.request-modal form label span{float:right;color:#93a8b3;font-size:11px;font-weight:650}.request-modal form input:not([type=hidden]){display:block;width:100%;min-height:45px;margin-top:6px;padding:10px 12px;border:1px solid #b7d5e2;border-radius:10px;background:#fff;color:#0d3c58;font-size:15px}.request-modal form .primary-button{width:100%;margin-top:4px}.request-feedback{margin:0;color:#829ba7;font-size:11px;line-height:1.5}.request-feedback.is-emphasized{padding:10px;border-radius:8px;background:#fff5e7;color:#815a20;font-weight:750}
@media(max-width:1050px){.catalog-layout{grid-template-columns:220px minmax(0,1fr)}.product-grid{grid-template-columns:1fr}.card-photo{aspect-ratio:16/7}.detail-layout{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.draft-banner{font-size:11px}.draft-banner span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-inner{min-height:68px}.brand{gap:8px;font-size:12px}.brand img{width:55px;height:37px}.site-header nav a:first-child{display:none}.site-header nav a{min-height:36px;padding:7px 10px;font-size:12px}.catalog-intro{display:block;padding:29px 0 23px}.catalog-intro h1{font-size:34px}.catalog-intro p{font-size:14px}.intro-side{display:none}.catalog-head{display:block}.catalog-head h2{font-size:28px}.catalog-head p{margin-top:9px;font-size:12px}.type-tabs{margin:0 -18px;padding-inline:18px;scroll-snap-type:x proximity}.type-tab{scroll-snap-align:start;min-height:40px;padding:8px 14px;font-size:13px}.catalog-layout{display:block}.filters{position:static;padding:15px;border-radius:14px}.filter-top h3{font-size:16px}.filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.filter-fields label{font-size:12px}.filter-fields select{min-height:42px;margin-top:5px;font-size:13px}.filter-note{display:none}.results{margin-top:19px}.result-tip{display:none}.product-grid{grid-template-columns:1fr;gap:15px}.card-photo{aspect-ratio:16/9}.card-content{padding:16px}.card-content h3{font-size:21px}.card-specs{margin-bottom:11px}.card-actions{grid-template-columns:1fr 1fr}.card-actions .primary-button,.card-actions .secondary-button{white-space:normal;font-size:13px;line-height:1.18}.publication-note{padding:20px;margin-bottom:38px}.publication-note h2{font-size:22px}.product-page{padding-top:20px}.detail-layout{display:block}.detail-media img{aspect-ratio:4/3}.detail-main{padding:21px 1px 0}.detail-main h1{font-size:34px}.detail-spec-section{padding:18px;margin-top:22px}.detail-specs{grid-template-columns:1fr}.detail-actions{position:sticky;bottom:0;z-index:10;margin:18px -18px 0;padding:10px 18px;background:#f7fbfdf5;box-shadow:0 -7px 24px #062d4614}.detail-share{padding-bottom:20px}.request-modal{padding:22px}.modal-backdrop{align-items:flex-end;padding:0}.request-modal{width:100%;max-height:94vh;border-radius:19px 19px 0 0}}
@media(max-width:390px){.wrap,.header-inner{width:min(100% - 28px,1240px)}.brand{font-size:11px}.brand img{width:48px}.site-header nav a{font-size:11px}.card-actions{grid-template-columns:1fr 1fr}.card-actions .primary-button,.card-actions .secondary-button{padding:9px 7px}.detail-main h1{font-size:30px}.detail-top-specs span{font-size:16px}.detail-actions{margin-inline:-14px;padding-inline:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-photo img{transition:none}}
.site-header nav a:first-child{border-color:#67d2ee;background:#80def4;color:#07334b}
@media(max-width:720px){.site-header nav a:first-child{display:inline-flex}.site-header nav a:last-child{display:none}}
.card-photo{aspect-ratio:3/2}
.demo-badge,.type-label,.condition-label{font-size:11px}
@media(max-width:720px){
  .card-photo{aspect-ratio:3/2}
  .detail-main{display:flex;flex-direction:column}
  .detail-main .card-labels{order:1}
  .detail-main h1{order:2}
  .detail-top-specs{order:3;margin-top:10px}
  .detail-actions{order:4;position:static;margin:12px 0 0;padding:0;background:none;box-shadow:none}
  .detail-lead{order:5;margin-top:16px}
  .detail-order{order:6;margin-top:14px}
  .request-modal{max-height:94dvh;padding-bottom:max(22px,env(safe-area-inset-bottom))}
}
@media(max-width:360px){.header-inner{gap:8px}.brand{font-size:10px;gap:5px}.brand img{width:42px;height:32px}.site-header nav a{padding-inline:9px;font-size:10px}}
.site-hero{position:relative;isolation:isolate;min-height:640px;overflow:hidden;background:#041b2d url('./assets/hero-conveyor.webp') center/cover no-repeat;color:#fff}
.site-hero::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,#031a2bf9 0%,#031a2be9 35%,#031a2d96 65%,#031a2d20 100%)}
.site-hero::before{z-index:0}
.site-hero-inner{position:relative;z-index:1}
.site-hero-inner{display:flex;align-items:center;min-height:640px}
.site-hero-copy{max-width:750px;padding:65px 0 72px}
.site-hero h1{max-width:750px;margin:0 0 23px;font-size:clamp(38px,4.1vw,57px);font-weight:800;line-height:1.08;letter-spacing:-.025em}
.site-hero-copy>p,.hero-price p{max-width:700px;margin:0;color:#d3e8f3;font-size:18px;font-weight:600;line-height:1.6}
.hero-points{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 31px;padding:0;list-style:none}
.hero-points li{padding:8px 13px;border:1px solid #7ba9c48c;border-radius:999px;background:#06253b66;color:#f4fbff;font-size:13px;font-weight:750;white-space:nowrap}
.hero-buttons{display:flex;flex-wrap:wrap;gap:13px}
.hero-buttons a{display:inline-flex;align-items:center;justify-content:center;min-height:55px;padding:12px 20px;border:1px solid #84dff3;border-radius:12px;font-size:17px;font-weight:850}
.hero-primary{background:#82dff5;color:#08344e}.hero-secondary{border-color:#9fb8c6!important;background:#1d3b51a8;color:#fff}
.hero-buttons a:hover{filter:brightness(1.08)}
.hero-price{max-width:710px;margin-top:33px;padding-top:27px;border-top:1px solid #80aac078}
.hero-price h2{max-width:700px;margin:0 0 12px;font-size:clamp(28px,2.9vw,42px);line-height:1.14;color:#fff}
.hero-price p{font-size:16px}
.catalog{padding-top:46px}
@media(max-width:720px){
  .site-hero{min-height:0;background-image:url('./assets/hero-conveyor-mobile.webp');background-position:58% center}
  .site-hero::before{background:linear-gradient(90deg,#041b2de8 0%,#041b2dbb 68%,#041b2d91 100%)}
  .site-hero-inner{min-height:0}
  .site-hero-copy{padding:31px 0 39px}
  .site-hero h1{margin-bottom:14px;font-size:clamp(32px,8.7vw,42px);line-height:1.11}
  .site-hero-copy>p{font-size:15px;line-height:1.55}
  .hero-points{gap:7px;margin:18px 0 20px}
  .hero-points li{padding:7px 10px;font-size:11px}
  .hero-buttons{display:grid;grid-template-columns:1fr;gap:9px}
  .hero-buttons a{min-height:51px;font-size:14px}
  .hero-price{margin-top:24px;padding-top:18px}
  .hero-price h2{margin-bottom:9px;font-size:22px}
  .hero-price p{font-size:13px;line-height:1.5}
  .catalog{padding-top:32px}
}
.card-name-compact,.card-mobile-facts,.card-mobile-specs,.demo-badge-mobile,.call-icon{display:none}
@media(max-width:720px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .product-card{border-radius:12px;box-shadow:0 5px 15px #103e5b0d}
  .card-photo{aspect-ratio:1/1;background:#08273d}
  .card-photo img{object-fit:contain}
  .demo-badge{right:auto;bottom:6px;left:6px;padding:3px 5px;font-size:10px}
  .demo-badge-full{display:none}.demo-badge-mobile{display:inline}
  .card-content{padding:10px}
  .card-labels{gap:4px}
  .type-label{display:none}
  .condition-label{min-height:0;padding:3px 6px;font-size:10px;letter-spacing:0}
  .card-content h3{min-height:43px;margin:8px 0 6px;font-size:14px;line-height:1.24}
  .card-name-full,.card-specs{display:none}
  .card-name-compact{display:inline}
  .card-mobile-facts{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:2px 0 7px}
  .card-mobile-facts span{min-width:0;padding:6px 5px;border:1px solid #d6eaf1;border-radius:7px;background:#f3fafc;color:#688797;font-size:9px;font-weight:700;line-height:1.2;text-align:center}
  .card-mobile-facts strong{display:block;margin-top:2px;color:#174863;font-size:11px;white-space:nowrap}
  .card-mobile-specs{display:block;min-height:0;margin:0 0 9px;color:#5a798a;font-size:10px;font-weight:650;line-height:1.38;overflow-wrap:anywhere}
  .card-availability{align-items:flex-start;gap:5px;font-size:10px;line-height:1.25}
  .card-availability .status-dot{margin-top:3px}
  .card-price{display:block;margin-top:8px;padding-top:8px}
  .card-price span{display:none}
  .card-price strong{font-size:12px;line-height:1.2}
  .card-actions{grid-template-columns:minmax(0,1fr) 35px;gap:5px;margin-top:9px}
  .card-actions .primary-button{min-width:0;min-height:42px;padding:5px 4px;font-size:12px;line-height:1.1;white-space:normal}
  .card-actions .secondary-button{width:35px;min-height:42px;padding:0;border-radius:9px}
  .call-text,.details-link{display:none}
  .call-icon{display:block;width:18px;height:18px}
}
@media(max-width:360px){.card-content{padding:8px}.card-content h3{font-size:13px}.card-mobile-specs{font-size:10px}.card-actions .primary-button{font-size:11px}}
.catalog{padding-top:25px}
.catalog-layout{display:block}
.filters{position:static;margin-bottom:19px;padding:25px 28px;border-radius:20px}
.filter-top h3{font-size:25px}
.filter-fields{display:grid;grid-template-columns:1fr;gap:16px;margin-top:21px}
.range-filter{padding:22px 25px;border:1px solid #cce4ee;border-radius:18px;background:#f4fbfe}
.range-filter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}
.range-filter-head h4{margin:0;color:#17435f;font-size:21px}
.range-filter-head output{flex:none;padding:7px 12px;border:1px solid #cee6ef;border-radius:999px;background:#e7f5fb;color:#52758a;font-size:14px;font-weight:800}
.range-filter input[type=range]{display:block;width:100%;height:10px;margin:0;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;background:linear-gradient(90deg,#39bfdf 0%,#39bfdf var(--range-fill,0%),#c9e0e9 var(--range-fill,0%),#c9e0e9 100%);cursor:pointer}
.range-filter input[type=range]::-webkit-slider-thumb{width:31px;height:31px;appearance:none;-webkit-appearance:none;border:5px solid #fff;border-radius:50%;background:#109dca;box-shadow:0 0 0 3px #42c4e9,0 3px 9px #194b5b33}
.range-filter input[type=range]::-moz-range-thumb{width:21px;height:21px;border:5px solid #fff;border-radius:50%;background:#109dca;box-shadow:0 0 0 3px #42c4e9,0 3px 9px #194b5b33}
.range-filter input[type=range]:focus-visible{outline:3px solid #13a6d0;outline-offset:12px}
.range-limits{display:flex;justify-content:space-between;gap:12px;margin-top:16px;color:#7593a4;font-size:13px;font-weight:750}
.quick-options{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}
.quick-options button{min-height:41px;padding:8px 14px;border:1px solid #bcdfeb;border-radius:10px;background:#fff;color:#2a5d77;font-size:14px;font-weight:800;white-space:nowrap}
.quick-options button:hover,.quick-options button.is-selected{border-color:#3ec1e4;background:#dff5fd;color:#0a6388}
.quick-options button:focus-visible{outline:3px solid #10afd8;outline-offset:2px}
.filter-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.filter-extra label{display:block;padding:14px 17px;border:1px solid #cce4ee;border-radius:14px;background:#f4fbfe;color:#244e66;font-size:14px;font-weight:800}
.filter-extra label span{float:right;color:#8aa5b3;font-weight:650}
.filter-extra select{display:block;width:100%;min-height:43px;margin-top:8px;padding:8px 34px 8px 11px;border:1px solid #bcd8e5;border-radius:9px;background:#fff;color:#123e5b;font-size:14px;font-weight:700}
.filter-note{margin-top:15px}
@media(max-width:720px){
  .catalog{padding-top:18px}
  .filters{padding:15px;margin-bottom:15px;border-radius:15px}
  .filter-top h3{font-size:18px}
  .filter-fields{display:grid;gap:11px;margin-top:15px}
  .range-filter{padding:16px;border-radius:14px}
  .range-filter-head{margin-bottom:23px}
  .range-filter-head h4{font-size:16px}
  .range-filter-head output{padding:6px 9px;font-size:12px}
  .range-limits{margin-top:16px;font-size:11px}
  .quick-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:16px}
  .quick-options button{min-width:0;min-height:37px;padding:5px 2px;font-size:11px}
  .filter-extra{gap:9px}
  .filter-extra label{min-width:0;padding:10px;font-size:11px}
  .filter-extra select{min-height:40px;padding-left:7px;font-size:12px}
}
.featured-product{color:#123e59}
.status-dot.is-available{background:#35b878}
.featured-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:22px;align-items:start}
.featured-gallery{min-width:0}
.featured-photo{position:relative;overflow:hidden;border:1px solid #bddde9;border-radius:20px;background:#092c43}
.featured-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.product-card[data-id="demo-bknl-100-2-65-0-0"] .card-photo img,.product-card[data-id="demo-tk-100x3-2-0"] .card-photo img,.featured-photo img{object-fit:contain}
.featured-photo-note{position:absolute;right:14px;bottom:14px;left:14px;width:max-content;max-width:calc(100% - 28px);padding:7px 10px;border:1px solid #86d4e39c;border-radius:7px;background:#062a40e8;color:#e6faff;font-size:11px;font-weight:800;line-height:1.25}
.featured-gallery-caption{margin:11px 3px 0;color:#6b8999;font-size:12px;line-height:1.5}
.featured-gallery-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}
.featured-gallery-slots span{min-width:0;padding:10px 9px;border:1px solid #d4e7ef;border-radius:10px;background:#fff;color:#426c82;font-size:11px;font-weight:800;line-height:1.35}
.featured-gallery-slots strong{display:block;margin-top:3px;color:#8ca7b5;font-size:10px;font-weight:700}
.featured-info{padding:27px;border:1px solid #c8e1eb;border-radius:20px;background:#fff;box-shadow:0 12px 30px #0b395010}
.featured-info h1{margin:0 0 12px;color:#0a304b;font-size:clamp(31px,3.1vw,43px);line-height:1.12;letter-spacing:-.025em}
.featured-info h1,.card-content h3{overflow-wrap:anywhere}
.featured-summary{margin:0;color:#5e7f90;font-size:14px;line-height:1.58}
.featured-key-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}
.featured-key-specs div{min-width:0;padding:13px 7px;border:1px solid #d2e7f0;border-radius:12px;background:#f1f9fc;text-align:center}
.featured-key-specs strong{display:block;color:#0d8db6;font-size:21px;white-space:nowrap}
.featured-key-specs span{display:block;margin-top:3px;color:#658699;font-size:11px;font-weight:750}
.featured-purchase{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:20px;padding:17px 0;border-block:1px solid #dfedf3}
.featured-availability{display:flex;align-items:flex-start;gap:9px}
.featured-availability .status-dot{margin-top:9px}
.featured-availability strong{display:block;color:#2a586f;font-size:14px}
.featured-availability strong.is-available{display:inline-flex;width:max-content;padding:5px 10px;border-radius:999px;background:#e8f6ee;color:#277750;font-weight:850}
.featured-availability small{display:block;max-width:250px;margin-top:4px;color:#7d9aaa;font-size:11px;line-height:1.35}
.featured-price{text-align:right}
.featured-price small{display:block;color:#7d9aaa;font-size:11px}
.featured-price strong{display:block;margin-top:4px;color:#0d3f5b;font-size:16px;white-space:nowrap}
.card-from-price{margin:9px 0 0;color:#1c5a76;font-size:14px;font-weight:750;line-height:1.3}
.card-from-price strong{color:#0b3f5b;font-weight:900}
.featured-actions,.featured-request-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.featured-action-note{margin:10px 0 0;color:#7897a7;font-size:11px;line-height:1.4}
.featured-below{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:13px}
.featured-section{min-width:0;padding:24px;border:1px solid #c8e1eb;border-radius:18px;background:#fff}
.featured-section[id]{scroll-margin-top:18px}
.featured-section-heading h2{margin:0 0 19px;color:#0b3651;font-size:25px;line-height:1.2}
.featured-specs{margin:0}
.featured-specs div{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1fr);gap:14px;padding:11px 0;border-bottom:1px solid #e3eef3}
.featured-specs dt{color:#6f8d9e;font-size:13px}
.featured-specs dd{margin:0;color:#1e4b65;font-size:13px;font-weight:850;overflow-wrap:anywhere}
.featured-caveat{margin:18px 0 0;color:#6a8798;font-size:12px;line-height:1.5}
.featured-marking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.featured-marking div{min-width:0;padding:13px;border:1px solid #d6e8ef;border-radius:11px;background:#f3fafd}
.featured-marking strong{display:block;color:#0f688b;font-size:17px;overflow-wrap:anywhere}
.featured-marking span{display:block;margin-top:4px;color:#63859a;font-size:11px;font-weight:700}
.featured-checklist{margin-top:19px;padding:17px;border-left:3px solid #68d0e8;border-radius:0 12px 12px 0;background:#eff9fc}
.featured-checklist strong{color:#0c405d;font-size:15px}
.featured-checklist p{margin:6px 0 0;color:#55788b;font-size:13px;line-height:1.5}
.featured-order-section{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:22px;margin-top:18px;background:linear-gradient(125deg,#e8f8fd,#fff)}
.featured-photo img{aspect-ratio:1/1;object-fit:cover;object-position:center}
.card-photo--placeholder,.featured-photo--placeholder{background:#06283e}
.featured-photo--placeholder{aspect-ratio:1/1}
.belt-visual{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#194f6a 0%,#0a304a 48%,#051c2f 100%)}
.belt-visual::before{position:absolute;inset:auto 8% 7%;height:13%;border-radius:50%;content:"";background:#04182799;filter:blur(10px)}
.belt-visual-roll{position:relative;display:block;width:51%;aspect-ratio:1/1;border:5px solid #527387;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#142e3d 0 5px,#8295a0 6px 7px,#132a39 8px 13px);box-shadow:-22px 18px 0 #061b2c,0 15px 35px #0008;transform:rotate(-10deg) scaleX(.82)}
.belt-visual-roll::after{position:absolute;inset:35%;border:5px solid #597887;border-radius:50%;content:"";background:#041929;box-shadow:inset 3px 3px 8px #0008}
.belt-visual-size{position:absolute;top:10%;right:7%;padding:6px 9px;border:1px solid #5d9bb8;border-radius:7px;background:#08283dc9;color:#d8f5ff;font-size:clamp(12px,2vw,21px);font-weight:900;letter-spacing:.02em}
.condition-label.is-unconfirmed{background:#fff3dc;color:#8b642d}
.request-image-placeholder{display:grid;place-items:center;width:66px;height:55px;flex:none;border-radius:7px;background:#0a3048;color:#d5f3ff;font-size:13px;font-weight:900}
.featured-selection-section{margin-top:18px}
.featured-selection-section .featured-section-heading h2{margin-bottom:8px}
.featured-selection-intro{max-width:760px;margin:0 0 18px;color:#55788b;font-size:14px;line-height:1.6}
.featured-selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.featured-selection-grid>div{padding:17px;border:1px solid #d5e8ef;border-radius:13px;background:#f3fafc}
.featured-selection-grid h3{margin:0 0 7px;color:#103d5a;font-size:17px}
.featured-selection-grid p{margin:0;color:#5d7f91;font-size:12px;line-height:1.55}
.featured-order-section .featured-section-heading h2{margin-bottom:8px}
.featured-order-section p{max-width:680px;margin:0;color:#55788b;font-size:13px;line-height:1.55}
.featured-order-section .featured-request-actions{grid-template-columns:1fr;gap:8px;margin:0}
.featured-terms-section{margin-top:18px}
.featured-terms-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.featured-term{min-width:0;padding:17px 18px;border:1px solid #d8e7d9;border-radius:14px;background:#f7faf7}
.featured-term h3{margin:0 0 8px;color:#277750;font-size:16px;line-height:1.25}
.featured-term p{margin:0;color:#234e68;font-size:13px;line-height:1.45}
.featured-terms-note{margin:18px 0 0;color:#5a7b8e;font-size:13px;line-height:1.55}
.featured-request-section{background:linear-gradient(145deg,#eaf9fd,#f7fcfe)}
.featured-request-section p{color:#53788d;font-size:14px;line-height:1.55}
.featured-request-actions{margin-top:25px}
.featured-mobile-actions{display:none}
@media(max-width:900px){.featured-layout,.featured-below,.featured-order-section{grid-template-columns:1fr}.featured-info{padding:23px}.featured-order-section .featured-request-actions{grid-template-columns:1fr 1fr}.featured-terms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .product-page{padding-bottom:104px}
  .featured-layout{gap:12px}
  .featured-photo{border-radius:14px}
  .featured-photo img{aspect-ratio:1/1}
  .featured-photo--placeholder{aspect-ratio:1/1}
  .belt-visual-roll{border-width:3px;box-shadow:-12px 9px 0 #061b2c,0 8px 20px #0008}
  .belt-visual-roll::after{border-width:3px}
  .belt-visual-size{font-size:11px}
  .featured-photo-note{right:8px;bottom:8px;left:8px;max-width:calc(100% - 16px);padding:5px 7px;font-size:10px}
  .featured-gallery-caption{margin-top:8px;font-size:11px}
  .featured-gallery-slots{display:none}
  .featured-info{padding:18px;border-radius:15px}
  .featured-info h1{font-size:clamp(27px,7vw,36px)}
  .featured-summary{font-size:13px}
  .featured-key-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:16px}
  .featured-key-specs div{padding:10px 4px}
  .featured-key-specs strong{font-size:16px}
  .featured-key-specs span{font-size:10px}
  .featured-purchase{margin-top:16px;padding:14px 0}
  .featured-availability strong,.featured-price strong{font-size:12px}
  .featured-availability small{font-size:10px}
  .featured-actions{display:none}
  .featured-action-note{margin-top:11px}
  .featured-below{gap:12px;margin-top:16px}
  .featured-section{padding:18px;border-radius:15px}
  .featured-section-heading h2{font-size:22px}
  .featured-specs div{grid-template-columns:minmax(105px,.85fr) minmax(0,1fr);gap:10px}
  .featured-specs dt,.featured-specs dd{font-size:12px}
  .featured-selection-section{margin-top:12px}
  .featured-selection-grid{grid-template-columns:1fr;gap:7px}
  .featured-selection-grid>div{padding:13px}
  .featured-selection-grid h3{margin:0 0 4px;font-size:15px}
  .featured-selection-grid p{font-size:12px}
  .featured-selection-intro{font-size:12px}
  .featured-order-section{gap:14px;margin-top:12px}
  .featured-order-section .featured-request-actions{grid-template-columns:1fr 1fr}
  .featured-terms-section{margin-top:12px}
  .featured-terms-grid{grid-template-columns:1fr;gap:8px}
  .featured-term{padding:13px 14px}
  .featured-term h3{font-size:14px;margin-bottom:4px}
  .featured-term p,.featured-terms-note{font-size:12px}
  .featured-request-actions{grid-template-columns:1fr 1fr;gap:7px}
  .featured-request-actions .primary-button,.featured-request-actions .secondary-button{min-width:0;padding:9px 6px;font-size:12px;white-space:normal}
  .featured-mobile-actions{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr);padding:10px max(15px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-right));border-top:1px solid #c6e0e9;background:#f7fbfdf5;box-shadow:0 -8px 28px #032b4625;backdrop-filter:blur(12px)}
  .featured-mobile-actions .primary-button{width:100%;min-height:48px}
}
.product-card .card-actions{border-top:1px solid #e3eef3;padding-top:10px}
.featured-purchase{grid-template-columns:1fr}
.featured-purchase.has-price{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:720px){
  .card-from-price{font-size:12px}
  .featured-purchase.has-price{grid-template-columns:1fr}
  .featured-purchase.has-price .featured-price{text-align:left}
  .featured-price strong{white-space:normal}
}
@media(max-width:720px){
  .product-card .card-content{padding:6px 10px 10px}
  .product-card .card-labels{display:none}
  .product-card .card-content h3{margin:2px 0 7px}
}
@media(max-width:360px){.product-card .card-content{padding:6px 8px 8px}}

/* Collapsible catalog filter */
.catalog-layout{display:block}
.filters{position:static;top:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.filter-trigger-row{display:flex;align-items:center;gap:15px;margin:0 0 16px}
.filter-toggle{display:inline-flex;align-items:center;gap:11px;min-height:50px;padding:10px 17px;border:1px solid #8bcde1;border-radius:13px;background:#eaf9fe;color:#0d4b6b;font-size:15px;font-weight:850;box-shadow:0 5px 15px #0b678417}
.filter-toggle:hover{border-color:#48c8e8;background:#d8f5fc;box-shadow:0 6px 20px #16a8c72b}
.filter-toggle:focus-visible,.filter-range-value:focus-visible,.filter-single-slider:focus-visible,.filter-quick button:focus-visible,.fabric-options input:focus-visible{outline:3px solid #14add4;outline-offset:3px}
.filter-toggle-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#d0f1fa;font-size:20px;line-height:1}
.filter-active-count{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#0e89ae;color:#fff;font-size:12px}
.filter-active-count[hidden],.filter-panel[hidden]{display:none!important}
.filter-chevron{margin-left:7px;font-size:22px;line-height:1;transition:transform .2s ease}
.filter-toggle[aria-expanded=true] .filter-chevron{transform:rotate(180deg)}
.filter-hint{color:#67899b;font-size:13px}
.filter-panel{margin-bottom:20px;padding:23px;border:1px solid #c5e0eb;border-radius:18px;background:#fff;box-shadow:0 14px 32px #103e5b12}
.filter-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.filter-panel-heading h3{margin:5px 0 0;color:#103e5c;font-size:24px;line-height:1.15}
.filter-panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.filter-range,.filter-fabrics{min-width:0;margin:0;padding:17px;border:1px solid #cde5ee;border-radius:14px;background:#f4fbfe}
.filter-range h4,.filter-fabrics legend{margin:0;color:#174d69;font-size:16px;font-weight:850;line-height:1.25}
.filter-range-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px}
.filter-range-value{flex:none;min-height:36px;padding:6px 11px;border:1px solid #b9dce9;border-radius:999px;background:#e5f6fc;color:#117ba3;font-size:14px;font-weight:850;white-space:nowrap;cursor:pointer}
.filter-range-value:disabled{border-color:#d1e6ee;background:#eaf5f9;color:#688ba0;cursor:default}
.filter-single-slider{display:block;width:100%;height:34px;margin:17px 0 0;border:0;border-radius:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:none}
.filter-single-slider::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(to right,#41c3e5 0 var(--range-fill,0%),#cbe1eb var(--range-fill,0%) 100%)}
.filter-single-slider::-moz-range-track{height:7px;border-radius:999px;background:linear-gradient(to right,#41c3e5 0 var(--range-fill,0%),#cbe1eb var(--range-fill,0%) 100%)}
.filter-single-slider::-webkit-slider-thumb{width:28px;height:28px;margin-top:-11px;border:5px solid #fff;border-radius:50%;background:#1199c1;box-shadow:0 0 0 2px #4ac5e7,0 3px 8px #12445d30;appearance:none;-webkit-appearance:none}
.filter-single-slider::-moz-range-thumb{width:18px;height:18px;border:5px solid #fff;border-radius:50%;background:#1199c1;box-shadow:0 0 0 2px #4ac5e7,0 3px 8px #12445d30}
.filter-range-limits{display:flex;justify-content:space-between;gap:10px;color:#7995a4;font-size:12px;font-weight:750}
.filter-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.filter-quick button{min-height:38px;padding:7px 10px;border:1px solid #bbdce8;border-radius:9px;background:#fff;color:#285d78;font-size:13px;font-weight:800;cursor:pointer}
.filter-quick button:hover,.filter-quick button.is-selected{border-color:#52c7e7;background:#ddf7fd;color:#075b7d}
.filter-fabrics{grid-column:1/-1;padding:13px 17px 17px}
.filter-fabrics legend{padding:0 5px}
.fabric-options{display:flex;flex-wrap:wrap;gap:9px;margin-top:5px}
.fabric-options label{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid #bcdce9;border-radius:9px;background:#fff;color:#1d5571;font-size:13px;font-weight:800;cursor:pointer}
.fabric-options label:has(input:checked){border-color:#56c7e6;background:#ddf7fd;box-shadow:0 0 0 2px #59cde933}
.fabric-options input{width:17px;height:17px;margin:0;accent-color:#0d9ec3}
.fabric-options small{display:block;color:#62899b;font-size:10px;font-weight:650}
.filter-panel-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:19px;padding-top:17px;border-top:1px solid #dbeaf1}
.filter-panel-actions p{margin:0;color:#5b7e92;font-size:13px;line-height:1.4}
.filter-panel-actions .primary-button{min-width:220px}
.filter-panel-actions .primary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.filter-matches{margin-top:16px;padding:15px;border:1px solid #c8e3ed;border-radius:13px;background:#f5fbfe}
.filter-matches[hidden]{display:none!important}
.filter-matches-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.filter-matches-heading h4{margin:0;color:#103f5b;font-size:17px}
.filter-matches-heading h4 span{margin-left:5px;color:#118caf}
.filter-matches-heading>span{color:#6d8b9b;font-size:11px}
.filter-matches ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:280px;margin:0;padding:0;overflow:auto;list-style:none;overscroll-behavior:contain}
.filter-matches li{min-width:0}
.filter-matches li a{display:block;height:100%;padding:10px 12px;border:1px solid #d2e7ef;border-radius:9px;background:#fff;color:#164965}
.filter-matches li a:hover,.filter-matches li a:focus-visible{border-color:#59c6e6;background:#e7f9fd;outline:none}
.filter-matches li strong{display:block;font-size:12px;line-height:1.35}
.filter-matches li span{display:block;margin-top:4px;color:#69899b;font-size:11px;line-height:1.3}
.filter-match-empty{grid-column:1/-1;padding:12px;color:#66889a;font-size:13px}
.results{margin-top:2px;scroll-margin-top:20px}
@media(max-width:900px){.filter-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.filter-trigger-row{display:block;margin-bottom:12px}.filter-toggle{justify-content:space-between;width:100%;min-height:48px}.filter-chevron{margin-left:auto}.filter-hint{display:block;margin:7px 2px 0;font-size:11px}.filter-panel{padding:14px;border-radius:14px}.filter-panel-heading h3{font-size:19px}.filter-panel-grid{grid-template-columns:1fr;gap:11px}.filter-range,.filter-fabrics{padding:14px}.filter-fabrics{grid-column:auto}.fabric-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.fabric-options label{min-width:0;min-height:43px;padding:7px 9px;font-size:12px}.filter-panel-actions{position:sticky;bottom:0;z-index:2;display:grid;gap:10px;margin:14px -14px -14px;padding:12px 14px 15px;border-top:1px solid #dbeaf1;border-radius:0 0 14px 14px;background:#fffffff2;backdrop-filter:blur(10px)}.filter-panel-actions p{font-size:11px}.filter-panel-actions .primary-button{width:100%;min-width:0}.results{scroll-margin-top:12px}}
@media(max-width:390px){.fabric-options{grid-template-columns:1fr 1fr}.fabric-options label{font-size:11px}}
@media(max-width:720px){.filter-matches{padding:12px}.filter-matches-heading{display:block}.filter-matches-heading>span{display:block;margin-top:3px}.filter-matches ul{grid-template-columns:1fr;max-height:245px}.filter-matches li a{min-height:56px}.filter-matches li strong{font-size:12px}}
@media(max-width:720px){.filter-range-head{min-height:38px}.filter-range-value{min-height:38px;font-size:13px}.filter-single-slider{height:40px;margin-top:12px}.filter-quick button{min-height:42px;font-size:12px}}

/* Quick controls carried over from the live belt page */
.floating-control{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));z-index:25;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.floating-control svg{width:34px;height:34px}
.floating-control:hover{transform:translateY(-3px)}
.floating-control:focus-visible{outline:3px solid #14add4;outline-offset:4px}
.floating-back{left:max(20px,env(safe-area-inset-left));border:2px solid #77b9ce;background:#8cbbcad9;color:#d4f7ff;box-shadow:inset 0 0 0 7px #ffffff25,0 7px 24px #082b3e22}
.floating-back:hover{background:#76b6ca;box-shadow:inset 0 0 0 7px #ffffff2b,0 9px 25px #082b3e35}
.floating-call{right:max(20px,env(safe-area-inset-right));border:3px solid #154d68;background:#81e0f5;color:#063c56;box-shadow:inset 0 0 0 6px #83dff6,0 7px 25px #082b3e38}
.floating-call:hover{background:#a0ecfb;box-shadow:inset 0 0 0 6px #a0ecfb,0 9px 29px #082b3e46}
@media(max-width:720px){.floating-control{bottom:calc(14px + env(safe-area-inset-bottom));width:58px;height:58px}.floating-control svg{width:29px;height:29px}.floating-back{left:14px}.floating-call{right:14px}body[data-page=product] .floating-control{bottom:calc(82px + env(safe-area-inset-bottom))}}

/* General quote form reached from the hero CTA */
.quote-section{scroll-margin-top:20px;margin-bottom:30px;padding:30px;border:1px solid #bedde9;border-radius:19px;background:#fff;box-shadow:0 12px 30px #113e5910}
.quote-heading h2{margin:8px 0 9px;color:#0a3652;font-size:clamp(25px,3vw,36px);line-height:1.16}
.quote-heading p{margin:0;color:#5f8092;font-size:15px;line-height:1.5}
.quote-form{margin-top:22px}
.quote-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.quote-fields label{display:block;color:#1c4c66;font-size:13px;font-weight:800}
.quote-fields label span{float:right;color:#8ca4b1;font-size:11px;font-weight:650}
.quote-fields input{display:block;width:100%;min-height:46px;margin-top:7px;padding:10px 12px;border:1px solid #bbd9e5;border-radius:10px;background:#f9fcfe;color:#113e5b;font-size:15px}
.quote-fields input:focus-visible,.quote-consent input:focus-visible,.quote-submit button:focus-visible{outline:3px solid #14add4;outline-offset:2px}
.quote-contact-hint{margin:12px 0 16px;color:#617f90;font-size:12px}
.quote-consent{display:flex;align-items:flex-start;gap:10px;max-width:760px;color:#4f7287;font-size:12px;line-height:1.5}
.quote-consent input{width:18px;height:18px;flex:none;margin:0;accent-color:#129fc5}
.quote-consent a{color:#0a80a6;text-decoration:underline;text-underline-offset:2px}
.quote-submit{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:18px}
.quote-submit p{margin:0;color:#728d9c;font-size:12px;line-height:1.4}
.quote-submit p.is-emphasized{padding:9px 11px;border-radius:8px;background:#fff5e8;color:#805e28;font-weight:750}
@media(max-width:720px){.quote-section{padding:20px 16px;margin-bottom:22px}.quote-fields{grid-template-columns:1fr;gap:12px}.quote-fields input{font-size:16px}.quote-submit{display:grid;gap:9px}.quote-submit button{width:100%}}

/* Sticky filter toolbar and viewport-sized settings panel */
.filters{position:sticky;top:0;z-index:40;margin:0 0 12px;padding:9px 0;border:0;border-bottom:1px solid #cde5ee;border-radius:0;background:#f7fbfdf4;box-shadow:0 7px 18px #082f4710;backdrop-filter:blur(12px)}
.filter-trigger-row{margin:0}
.filter-toggle{min-height:54px;padding:7px 16px 7px 8px;border:1px solid #56bed9aa;border-radius:15px;background:linear-gradient(135deg,#092d47b0,#11516db5);color:#effbff;font-size:16px;box-shadow:0 8px 19px #0b405d1b;backdrop-filter:blur(10px)}
.filter-toggle:hover{border-color:#70d8ed;background:linear-gradient(135deg,#0e3b57e0,#156581dd);box-shadow:0 10px 24px #0b405d2b}
.filter-toggle[aria-expanded=true]{border-color:#65d3ec;box-shadow:0 0 0 3px #63d7f037,0 8px 22px #0b405d2b}
.filter-toggle-icon{width:38px;height:38px;flex:none;border:1px solid #9be9f7;border-radius:11px;background:#84e0f3;color:#063d55}
.filter-toggle-icon svg{width:23px;height:23px}
.filter-active-count{background:#83e2f4;color:#07394f}
.filter-hint{color:#5d8194;font-size:12px}
.filter-panel{position:absolute;top:calc(100% + 4px);right:0;left:0;max-height:calc(100vh - 85px);max-height:calc(100dvh - 85px);margin:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 22px 55px #092d4650}
.results{scroll-margin-top:86px}
@media(max-width:720px){.filters{padding:7px 0;margin-bottom:9px}.filter-trigger-row{margin:0}.filter-toggle{min-height:52px;padding:6px 12px 6px 7px;font-size:15px}.filter-toggle-icon{width:36px;height:36px}.filter-hint{display:none}.filter-panel{top:calc(100% + 3px);max-height:calc(100vh - 74px);max-height:calc(100dvh - 74px)}.results{scroll-margin-top:75px}}

/* Four catalog cards per row with a persistent filter on the left. */
@media(min-width:901px){
  .catalog-layout{display:grid;grid-template-columns:clamp(245px,23vw,285px) minmax(0,1fr);align-items:start;gap:18px}
  .results{min-width:0;scroll-margin-top:18px}
  .filters{position:sticky;top:14px;z-index:30;margin:0;padding:0;border:1px solid #bddce8;border-radius:18px;background:#fff;box-shadow:0 12px 30px #0b3c591a;backdrop-filter:none}
  .filter-trigger-row{display:none}
  .filter-panel{position:static;top:auto;right:auto;left:auto;width:auto;max-height:calc(100dvh - 28px);margin:0;border:0;border-radius:18px;box-shadow:none}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .product-card{border-radius:13px;box-shadow:0 7px 19px #103e5b0d}
  .card-photo{aspect-ratio:1/1}
  .card-photo img{object-fit:contain}
  .product-card .card-content{padding:10px}
  .product-card .card-labels,.product-card .card-name-full,.product-card .card-specs,.product-card .details-link,.product-card .call-text{display:none}
  .product-card .card-name-compact{display:inline}
  .product-card .card-content h3{min-height:62px;margin:2px 0 7px;font-size:14px;line-height:1.24;overflow-wrap:anywhere}
  .product-card .card-mobile-facts{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 8px}
  .product-card .card-mobile-facts span{min-width:0;padding:6px 3px;border:1px solid #d6eaf1;border-radius:7px;background:#f3fafc;color:#688797;font-size:9px;font-weight:700;line-height:1.2;text-align:center}
  .product-card .card-mobile-facts strong{display:block;margin-top:2px;color:#174863;font-size:11px;white-space:nowrap}
  .product-card .card-mobile-specs{display:block;margin:0 0 9px;color:#5a798a;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
  .product-card .card-availability{gap:5px;font-size:11px}
  .product-card .card-actions{grid-template-columns:minmax(0,1fr) 35px;gap:5px;margin-top:9px}
  .product-card .card-actions .primary-button{min-width:0;min-height:40px;padding:5px 3px;font-size:11px;line-height:1.1;white-space:normal}
  .product-card .card-actions .secondary-button{width:35px;min-height:40px;padding:0;border-radius:9px}
  .product-card .call-icon{display:block;width:18px;height:18px}
}
@media(min-width:721px) and (max-width:900px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Catalog pagination */
.pagination{display:flex;align-items:stretch;width:max-content;max-width:100%;min-height:46px;margin:23px auto 0;overflow-x:auto;border:1px solid #b8d9e6;border-radius:11px;background:#fff;box-shadow:0 5px 16px #0b3e5910;scrollbar-width:thin}
.pagination[hidden]{display:none}
.pagination button,.pagination .page-ellipsis{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:43px;min-height:44px;padding:8px 11px;border:0;border-right:1px solid #d8e9f0;background:#fff;color:#204e69;font-size:16px;font-weight:800}
.pagination button:last-child{border-right:0}
.pagination button{cursor:pointer}
.pagination button:hover:not(:disabled){background:#e4f8fd;color:#067da2}
.pagination button[aria-current=page]{background:#dcf6fd;color:#008dc1}
.pagination button:disabled{color:#a7beca;cursor:default}
.pagination button:focus-visible{position:relative;z-index:1;outline:3px solid #1bb8dc;outline-offset:-3px}
.pagination .page-direction{gap:9px;min-width:105px;font-size:14px}
.pagination .page-direction span[aria-hidden]{font-size:27px;line-height:0}
.pagination .page-ellipsis{color:#7190a1;font-weight:650}
@media(max-width:720px){.pagination{min-height:42px;margin-top:17px}.pagination button,.pagination .page-ellipsis{min-width:37px;min-height:41px;padding:6px 8px;font-size:13px}.pagination .page-direction{min-width:39px;padding:6px}.pagination .page-nav-label{display:none}.pagination .page-direction span[aria-hidden]{font-size:25px}}

/* Lower sections matching the live site's contact and discovery area */
.catalog-contacts,.popular-belts{background:#fff}
.catalog-contacts{padding:33px 0 37px;border-top:1px solid #d5e8f0;border-bottom:1px solid #c6e1ed}
.catalog-contacts h2,.popular-belts h2{margin:0 0 21px;color:#0a3652;font-size:clamp(25px,3vw,37px);line-height:1.15}
.contact-details{display:grid;gap:15px;color:#587b91;font-size:16px;line-height:1.5}
.contact-details p{margin:0}
.contact-details span{font-weight:700}
.contact-details a{color:#0b82aa;font-weight:800;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.contact-details a:hover,.contact-details a:focus-visible{color:#075b7b}
.popular-belts{padding:34px 0 38px;border-bottom:1px solid #c6e1ed}
.popular-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.popular-links a{display:flex;align-items:center;min-height:45px;padding:9px 13px;border:1px solid #b9dce9;border-radius:11px;background:#f5fbfe;color:#164560;font-size:14px;font-weight:800;line-height:1.25;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.popular-links a:hover{transform:translateY(-2px);border-color:#57c9e7;background:#e1f7fd}
.popular-links a:focus-visible{outline:3px solid #16add3;outline-offset:2px}
.catalog-footer{margin-top:75px;padding:28px 0 34px;background:#061c30;color:#d7eaf3}
.footer-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px}
.footer-about strong{display:block;color:#effaff;font-size:16px}
.footer-about p{max-width:500px;margin:13px 0 0;color:#a9c8d7;font-size:14px;line-height:1.6}
.footer-contacts{display:grid;align-content:start;justify-items:start;gap:11px;color:#a9c8d7;font-size:14px;line-height:1.5}
.footer-contacts a{color:#7fddf3;font-weight:800;text-decoration:none;overflow-wrap:anywhere}
.footer-contacts a:hover{text-decoration:underline;text-underline-offset:3px}
.footer-contacts a:focus-visible{outline:3px solid #7fddf3;outline-offset:3px}
@media(max-width:900px){.popular-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.catalog-contacts{padding:28px 0 30px}.catalog-contacts h2,.popular-belts h2{margin-bottom:18px}.contact-details{gap:14px;font-size:14px}.popular-belts{padding:29px 0 33px}.popular-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.popular-links a{min-height:46px;padding:8px 11px;font-size:13px}.catalog-footer{margin-top:44px;padding:27px 0 calc(100px + env(safe-area-inset-bottom))}.footer-inner{grid-template-columns:1fr;gap:22px}.footer-about p{margin-top:9px}}

/* Keep the illustrated rolls centered while cropping the table's front edge. */
.product-card .card-photo img{transform:scale(1.1);transform-origin:50% 0}
.product-card .card-photo:hover img{transform:scale(1.14)}

/* Guided quote path when a filter combination has no catalog match. */
.empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.empty-actions .primary-button,.empty-actions #empty-reset{min-height:44px;padding:10px 15px;font-size:13px}
.empty-actions #empty-reset{border-color:#b9d9e6;background:#f3fafc;color:#235670}
.quote-selected-params{max-width:760px;margin-top:13px!important;padding:11px 13px;border:1px solid #b7dfea;border-radius:10px;background:#eaf9fd;color:#175b78!important;font-size:13px!important;font-weight:750;line-height:1.5}
.quote-selected-params[hidden]{display:none}
@media(max-width:720px){.empty-actions{display:grid}.empty-actions button{width:100%}}

/* The same compact, exact-value controls on desktop and mobile. */
.filter-panel{padding:9px;max-height:calc(100dvh - 74px);overflow-y:auto}
.filter-panel-heading{gap:8px;margin-bottom:7px}
.filter-panel-heading .eyebrow{display:none}
.filter-panel-heading h3{margin:0;font-size:17px;line-height:1.1}
.filter-panel-heading .text-button{flex:none;padding:3px;font-size:12px}
.filter-panel-grid{grid-template-columns:1fr;gap:6px}
.filter-range,.filter-fabrics{padding:7px 9px;border-radius:10px}
.filter-range-head{min-height:0;margin-bottom:4px}
.filter-range h4,.filter-fabrics legend{font-size:13px;line-height:1.2}
.filter-range-value,.filter-single-slider,.filter-range-limits,.filter-quick{display:none}
.filter-mobile-select{display:block;width:100%;min-height:38px;padding:6px 10px;border:1px solid #b7dbe8;border-radius:8px;background:#fff;color:#174e69;font-size:16px;font-weight:750}
.filter-mobile-select:focus-visible{outline:3px solid #14add4;outline-offset:2px}
.filter-fabrics{grid-column:auto}
.filter-fabrics legend{padding:0 4px}
.fabric-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:0}
.fabric-options label{min-height:35px;gap:4px;padding:5px 4px;font-size:10px;white-space:nowrap}
.fabric-options input{width:14px;height:14px;flex:none}
.fabric-options small{display:none}
.filter-matches{display:none!important}
.filter-panel-actions{position:static;display:grid;gap:6px;margin:7px 0 0;padding:7px 0 0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.filter-panel-actions p{font-size:10px;line-height:1.25}
.filter-panel-actions .primary-button{width:100%;min-width:0;min-height:40px;padding:7px 9px;font-size:12px;white-space:normal}
@media(max-width:720px) and (max-height:580px){
  .filter-panel-actions p{display:none}
  .filter-mobile-select{min-height:34px;padding-block:4px}
  .fabric-options label{min-height:31px}
}
@media(max-width:720px) and (max-height:520px){
  .filter-panel{padding:6px}
  .filter-panel-heading{margin-bottom:4px}
  .filter-panel-heading h3{font-size:15px}
  .filter-panel-grid{gap:4px}
  .filter-range,.filter-fabrics{padding:5px 7px}
  .filter-range-head{margin-bottom:2px}
  .filter-mobile-select{min-height:32px}
  .fabric-options label{min-height:28px}
  .filter-panel-actions{margin-top:4px;padding-top:4px}
  .filter-panel-actions .primary-button{min-height:36px}
}

/* Product detail image uses the same clean crop as catalog cards. */
.featured-photo img{transform:scale(1.1);transform-origin:50% 0}

/* A single full-width order action keeps every catalog card balanced. */
.product-card .card-actions{grid-template-columns:minmax(0,1fr)}
.product-card .card-actions .primary-button{width:100%;min-height:44px;padding:9px 12px;border-radius:10px;font-size:13px;line-height:1.2}
@media(max-width:720px){.product-card .card-actions .primary-button{min-height:42px;padding:8px;font-size:12px}}

@media(min-width:901px){
  .filter-panel{padding:15px;max-height:calc(100dvh - 28px)}
  .filter-panel-heading{align-items:flex-start;margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid #e0edf2}
  .filter-panel-heading .eyebrow{display:block;font-size:10px}
  .filter-panel-heading h3{margin-top:4px;font-size:20px}
  .filter-panel-grid{gap:10px}
  .filter-range,.filter-fabrics{padding:11px 12px;border-radius:12px}
  .filter-range h4,.filter-fabrics legend{font-size:13px}
  .filter-mobile-select{min-height:42px;font-size:15px}
  .fabric-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .fabric-options label{min-height:38px;padding:6px;font-size:11px}
  .fabric-options label:last-child{grid-column:1/-1}
  .filter-panel-actions{gap:9px;margin-top:14px;padding-top:12px}
  .filter-panel-actions p{font-size:11px}
  .filter-panel-actions .primary-button{min-height:44px;font-size:13px}
}

/* Publish-ready forms and crawlable pagination. */
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.request-modal form .modal-consent{display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.4}
.request-modal form .modal-consent span{float:none;color:#4f7287;font-size:12px;font-weight:500}
.request-modal form .modal-consent input[type=checkbox]{display:block;width:18px;height:18px;min-height:18px;margin:0;flex:none;accent-color:#129fc5}
.modal-consent a{color:#0a80a6;text-decoration:underline;text-underline-offset:2px}
.request-feedback.is-error,.quote-submit p.is-error{color:#9d2525;font-weight:750}
.request-feedback.is-success,.quote-submit p.is-success{color:#26704c;font-weight:750}
.pagination a,.pagination .page-ellipsis,.pagination .is-disabled{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:43px;min-height:44px;padding:8px 11px;border-right:1px solid #d8e9f0;background:#fff;color:#204e69;font-size:16px;font-weight:800}
.pagination a:last-child,.pagination .is-disabled:last-child{border-right:0}
.pagination a:hover{background:#e4f8fd;color:#067da2}
.pagination a[aria-current=page]{background:#dcf6fd;color:#008dc1}
.pagination .is-disabled{color:#a7beca}
.pagination a:focus-visible{position:relative;z-index:1;outline:3px solid #1bb8dc;outline-offset:-3px}
@media(max-width:720px){.pagination a,.pagination .is-disabled{min-width:37px;min-height:41px;padding:6px 8px;font-size:13px}.pagination a.page-direction,.pagination .is-disabled.page-direction{min-width:39px;padding:6px}}