/* ============================================================
   boruisx inner pages — shared with boruisx.css (header/footer)
   ============================================================ */

.inner-page{background:var(--white)}
.inner-page main{display:block}
.inner-page .kicker{margin-bottom:14px}

/* ---------- common inner hero ---------- */
.inner-hero{position:relative;background:var(--paper);border-bottom:1px solid var(--line);overflow:hidden}
.inner-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(21,25,27,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(21,25,27,.032) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 90%);pointer-events:none}
.inner-hero .wrap{position:relative;padding:38px 0 44px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 26px;font-size:11.5px;letter-spacing:.03em;color:var(--muted-2);line-height:1.6}
.crumbs a{color:var(--muted);transition:color .2s}
.crumbs a:hover{color:var(--red)}
.crumbs span{color:var(--line-2)}
.inner-hero-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end}
.inner-hero h1{margin:0 0 14px;font-size:clamp(32px,3.8vw,50px);line-height:1.2;letter-spacing:.01em;font-weight:700}
.inner-lead{max-width:720px;margin:0;font-size:14px;line-height:1.95;color:#4E5859}
.inner-hero-aside{text-align:right;line-height:1.4;padding-bottom:4px}
.inner-hero-aside .mono{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--muted-2)}
.inner-hero-aside b{display:block;margin-top:4px;font-family:var(--mono);font-size:clamp(30px,3.4vw,44px);letter-spacing:.01em;font-weight:600;color:var(--ink)}
.inner-hero-aside em{display:block;margin-top:5px;font-style:normal;font-size:12px;letter-spacing:.08em;color:var(--muted)}
.inner-hero-product .inner-hero-aside b{font-size:16px;letter-spacing:.04em;font-family:var(--mono)}
.inner-hero-product .inner-hero-aside{max-width:280px}

/* article hero */
.art-head{max-width:920px}
.art-head h1{font-size:clamp(30px,3.5vw,46px);line-height:1.28}
.art-meta{display:flex;align-items:center;gap:16px;margin-top:18px;font-size:11.5px;letter-spacing:.04em;color:var(--muted)}
.art-meta time,.art-meta span{font-family:var(--mono)}
.art-meta span{font-family:var(--sans);color:var(--red)}

/* ---------- section + layout ---------- */
.inner-section{padding:52px 0 78px;background:var(--white)}
.inner-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;align-items:start}
.inner-layout.rt{grid-template-columns:minmax(0,1fr) 250px}
.inner-main{min-width:0}
.inner-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:22px}
.inner-list-head h2{margin:0;font-size:17px;letter-spacing:.05em;font-weight:700}
.inner-list-head p{margin:0;font-size:11.5px;color:var(--muted);letter-spacing:.04em}
.inner-list-head p b{font-family:var(--mono);color:var(--ink);font-weight:600}

/* ---------- sidebar ---------- */
.side{position:sticky;top:104px;min-width:0}
.side-block{border-top:1px solid var(--line);padding-top:14px;margin-bottom:26px}
.side-block h3{margin:0 0 12px;font-size:13px;letter-spacing:.1em;color:var(--ink);font-weight:700}
.side-group{border-bottom:1px solid var(--line)}
.side-group summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;font-size:13.5px;color:#2E3537;cursor:pointer;list-style:none;transition:color .2s}
.side-group summary::-webkit-details-marker{display:none}
.side-group summary::after{content:"+";font-family:var(--mono);font-size:14px;color:var(--muted-2);transition:transform .2s,color .2s}
.side-group[open] summary::after{content:"−";color:var(--red)}
.side-group summary:hover{color:var(--red)}
.side-group ul{list-style:none;margin:0;padding:0 0 12px 12px}
.side-group li{margin:0}
.side-group li a{display:block;padding:5px 0 5px 10px;font-size:12px;line-height:1.5;color:var(--muted);border-left:1px solid var(--line);transition:color .18s,border-color .18s,padding-left .18s}
.side-group li a:hover,.side-group li a.on{color:var(--red);border-color:var(--red);padding-left:13px}
.side-direct{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;border-bottom:1px solid var(--line);font-size:13.5px;color:#2E3537;transition:color .2s}
.side-direct span{font-family:var(--mono);color:var(--line-2);transition:color .2s,transform .2s}
.side-direct:hover{color:var(--red)}
.side-direct:hover span{color:var(--red);transform:translate(2px,-2px)}
.side-direct.on{color:var(--red)}
.side-direct.on span{color:var(--red)}
.side-cta{background:var(--paper);border:1px solid var(--line);border-left:2px solid var(--red);padding:18px 18px 17px}
.side-cta b{display:block;font-size:13.5px;letter-spacing:.03em;margin-bottom:5px}
.side-cta p{margin:0 0 12px;font-size:11.5px;line-height:1.75;color:var(--muted)}
.side-cta a{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--red);font-weight:600;letter-spacing:.04em}
.side-cta a:hover{gap:9px}
.side-tel{display:block;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-family:var(--mono);font-size:15px;color:var(--ink);letter-spacing:.04em}
.side-tel:hover{color:var(--red)}

/* ---------- product grid (list) ---------- */
.inner-prod-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.inner-prod-grid .prod-body h3{font-size:13.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.inner-prod-grid .prod-model{font-size:10px}
.inner-prod-grid .prod-foot{padding:10px 14px;font-size:10.5px}
.inner-prod-grid .prod-body{padding:14px 14px 0}
.empty-note{display:none;padding:50px 20px;text-align:center;color:var(--muted);font-size:13px;border:1px dashed var(--line);margin-top:16px}
.inner-prod-grid:empty + .empty-note{display:block}

/* ---------- pagination ---------- */
.pager{margin-top:34px;display:flex;justify-content:center}
.pager ul,.pager .pagination,.pager .pagelist{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.pager li{margin:0}
.pager li a,.pager li span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border:1px solid var(--line);background:var(--white);font-family:var(--mono);font-size:11.5px;color:#4E5859;transition:color .2s,border-color .2s,background .2s}
.pager li a:hover{border-color:var(--ink);color:var(--ink)}
.pager li.active a,.pager li.active span{background:var(--red);border-color:var(--red);color:#fff}
.pager li.disabled span{color:var(--muted-2);background:var(--paper)}

/* ---------- product detail ---------- */
.pd-top{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding:56px 0 60px;border-bottom:1px solid var(--line)}
.pd-media{position:relative;background:linear-gradient(150deg,#F1F1EC,#E5E6E1);border:1px solid var(--line);aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}
.pd-media::before{content:"";position:absolute;inset:18px;border:1px solid rgba(21,25,27,.07);pointer-events:none}
.pd-media img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}
.pd-info{min-width:0}
.pd-info .kicker{margin-bottom:12px}
.pd-info h1{margin:0 0 10px;font-size:clamp(28px,3.2vw,42px);line-height:1.28;letter-spacing:.01em}
.pd-intro{max-width:580px;margin:0 0 22px;font-size:13.5px;line-height:1.9;color:#4E5859;white-space:pre-line}
.pd-badges{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0 0 26px;padding:0}
.pd-badges li{font-size:10.5px;letter-spacing:.04em;color:#4E5859;border:1px solid var(--line);background:var(--paper);padding:4px 9px}
.pd-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.pd-note{margin:0;font-size:11.5px;color:var(--muted);letter-spacing:.03em}
.pd-note b{font-family:var(--mono);color:var(--ink);font-weight:600}
.pd-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start;padding-top:46px}
.pd-content{max-width:880px}
.pd-content h2,.art-body h2,.page-content h2{margin:0 0 20px;font-size:22px;letter-spacing:.03em;padding-bottom:12px;border-bottom:1px solid var(--line)}
.pd-related{margin-top:54px;padding-top:34px;border-top:1px solid var(--line)}

/* ---------- rich content ---------- */
.rich{font-size:14px;line-height:1.95;color:#3F484A;min-width:0;overflow-wrap:break-word}
.rich h2,.rich h3,.rich h4{margin:1.55em 0 .65em;line-height:1.4;color:var(--ink);letter-spacing:.03em;font-weight:700}
.rich h2{font-size:22px}
.rich h3{font-size:17px}
.rich h4{font-size:15px}
.rich p{margin:0 0 14px}
.rich ul,.rich ol{margin:0 0 16px;padding-left:1.4em}
.rich li{margin:0 0 6px}
.rich a{color:var(--red);border-bottom:1px solid rgba(163,60,64,.28);transition:border-color .2s}
.rich a:hover{border-color:var(--red)}
.rich img{max-width:100%;height:auto;margin:10px 0;border:1px solid var(--line)}
.rich table{width:100%;border-collapse:collapse;margin:16px 0 22px;font-size:12.5px;line-height:1.7}
.table-wrap{max-width:100%;overflow-x:auto;margin:16px 0;border:1px solid var(--line)}
.table-wrap table{margin:0;border:0;min-width:720px}
.table-wrap th,.table-wrap td{border-left:0;border-right:0}
.rich th,.rich td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.rich th{background:var(--paper);color:var(--ink);font-weight:600}
.rich tr:nth-child(even) td{background:#FCFCFA}
.rich blockquote{margin:18px 0;padding:12px 18px;border-left:2px solid var(--red);background:var(--paper);color:#4E5859}

/* ---------- article list ---------- */
.art-list{border-top:1px solid var(--line)}
.art-row{display:grid;grid-template-columns:96px minmax(0,1fr) 22px;gap:22px;align-items:start;padding:20px 4px;border-bottom:1px solid var(--line);transition:background .2s,padding-left .2s}
.art-row time{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--muted-2);padding-top:5px}
.art-row h3{margin:0;font-size:15.5px;line-height:1.55;letter-spacing:.02em;color:#2E3537;transition:color .2s}
.art-row p{margin:6px 0 0;font-size:12px;line-height:1.7;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art-row .ar{font-size:14px;color:var(--line-2);text-align:right;padding-top:3px;transition:color .2s,transform .2s}
.art-row:hover{background:#FBFAF7;padding-left:10px}
.art-row:hover h3{color:var(--red)}
.art-row:hover .ar{color:var(--red);transform:translate(2px,-2px)}

/* ---------- article detail ---------- */
.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px;align-items:start}
.art-body{max-width:880px}
.art-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:42px;padding-top:26px;border-top:1px solid var(--line)}
.art-nav a{display:block;padding:13px 16px;border:1px solid var(--line);font-size:12px;line-height:1.6;color:#4E5859;transition:border-color .2s,color .2s,background .2s}
.art-nav a:hover{border-color:var(--ink);background:var(--paper);color:var(--ink)}
.art-nav span{display:block;font-size:10px;letter-spacing:.1em;color:var(--muted-2);margin-bottom:3px}
.art-nav .next{text-align:right}
.art-related{margin-top:52px;padding-top:34px;border-top:1px solid var(--line)}
.art-related h2{margin:0 0 18px;font-size:20px;letter-spacing:.04em}
.art-related ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.art-related li{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:11px 2px;border-bottom:1px solid var(--line)}
.art-related li a{font-size:13px;color:#3F484A;transition:color .2s}
.art-related li a:hover{color:var(--red)}
.art-related li time{font-family:var(--mono);font-size:10px;color:var(--muted-2);flex:none}
.art-products{margin-top:54px;padding-top:34px;border-top:1px solid var(--line)}

/* ---------- custom page ---------- */
.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px;align-items:start}
.page-content{max-width:980px}
.page-content>.rich{font-size:14.5px}
.page-quick{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.page-quick li{border-bottom:1px solid var(--line)}
.page-quick a{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;font-size:13.5px;color:#2E3537;transition:color .2s}
.page-quick a::after{content:"↗";font-size:13px;color:var(--line-2);transition:color .2s,transform .2s}
.page-quick a:hover{color:var(--red)}
.page-quick a:hover::after{color:var(--red);transform:translate(2px,-2px)}

/* ---------- contact ---------- */
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-card{position:relative;border:1px solid var(--line);background:var(--white);padding:26px 26px 24px;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.contact-card::before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .3s var(--ease)}
.contact-card:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:0 16px 30px rgba(16,20,22,.07)}
.contact-card:hover::before{transform:scaleY(1)}
.contact-card .label{display:block;font-size:10.5px;letter-spacing:.14em;color:var(--muted-2);font-family:var(--mono);margin-bottom:9px}
.contact-card b{display:block;font-family:var(--mono);font-size:22px;line-height:1.25;letter-spacing:.02em;color:var(--ink);font-weight:600}
.contact-card b.small{font-size:15px;letter-spacing:.02em}
.contact-card p{margin:7px 0 0;font-size:11.5px;line-height:1.7;color:var(--muted)}
.contact-card a.tel:hover b{color:var(--red)}
.contact-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;margin-top:16px}
.contact-qr{background:var(--paper);border:1px solid var(--line);padding:22px;text-align:center}
.contact-qr img{width:190px;height:190px;margin:0 auto 12px;background:#fff;padding:7px;display:block}
.contact-qr b{display:block;font-size:14px;letter-spacing:.04em}
.contact-qr p{margin:5px 0 0;font-size:11.5px;color:var(--muted)}
.contact-intro{margin-top:36px;padding-top:30px;border-top:1px solid var(--line)}
.contact-intro h2{margin:0 0 14px;font-size:20px;letter-spacing:.04em}
.contact-intro p{margin:0 0 12px;font-size:13.5px;line-height:1.95;color:#4E5859}

/* ---------- search ---------- */
.search-form{display:flex;max-width:560px;margin-top:20px;border:1px solid var(--line-2);background:#fff}
.search-form input{flex:1;min-width:0;height:46px;border:0;background:transparent;padding:0 16px;font-size:13.5px;color:var(--ink);outline:0}
.search-form button{width:92px;border:0;background:var(--red);color:#fff;font-size:13px;letter-spacing:.06em;cursor:pointer;transition:background .2s}
.search-form button:hover{background:var(--red-deep)}
.search-list{border-top:1px solid var(--line)}
.search-row{display:grid;grid-template-columns:132px minmax(0,1fr) 22px;gap:24px;align-items:center;padding:18px 4px;border-bottom:1px solid var(--line);transition:background .2s,padding-left .2s}
.search-row .s-img{width:132px;height:110px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);overflow:hidden}
.search-row .s-img img{width:94%;height:94%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s var(--ease)}
.search-row h3{margin:0;font-size:15px;line-height:1.5;color:#2E3537;transition:color .2s}
.search-row p{margin:6px 0 0;font-size:12px;line-height:1.7;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-row .ar{font-size:14px;color:var(--line-2);transition:color .2s,transform .2s;text-align:right}
.search-row:hover{background:#FBFAF7;padding-left:10px}
.search-row:hover h3{color:var(--red)}
.search-row:hover .ar{color:var(--red);transform:translate(2px,-2px)}
.search-row:hover .s-img img{transform:scale(1.04)}
.search-empty{padding:64px 20px;text-align:center;border:1px dashed var(--line);color:var(--muted)}
.search-empty b{display:block;font-size:17px;color:var(--ink);margin-bottom:6px}
.search-empty p{margin:0 0 16px;font-size:12.5px}

/* ---------- status (msg/404) ---------- */
.status-wrap{min-height:54vh;display:grid;place-items:center;padding:70px 0 90px;text-align:center}
.status-inner{max-width:560px}
.status-mark{width:64px;height:64px;margin:0 auto 20px;color:var(--red)}
.status-inner .status-code{font-family:var(--mono);font-size:clamp(72px,12vw,132px);line-height:1;font-weight:600;letter-spacing:.02em;color:var(--ink);margin:0 0 20px}
.status-inner .status-code em{font-style:normal;color:var(--red)}
.status-inner h1{margin:0 0 12px;font-size:clamp(22px,2.6vw,30px);letter-spacing:.03em}
.status-inner p{margin:0 0 24px;font-size:13.5px;line-height:1.9;color:var(--muted)}
.status-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .inner-layout{grid-template-columns:220px minmax(0,1fr);gap:32px}
  .inner-layout.rt{grid-template-columns:minmax(0,1fr) 220px}
  .inner-prod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pd-top{gap:36px}
  .pd-content-layout,.art-layout,.page-layout{grid-template-columns:minmax(0,1fr) 240px;gap:32px}
  .inner-hero-in{gap:28px}
}
@media (max-width:900px){
  .inner-hero .wrap{padding:28px 0 34px}
  .inner-hero-in{grid-template-columns:1fr;gap:18px;align-items:start}
  .inner-hero-aside{text-align:left;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
  .inner-hero-aside .mono,.inner-hero-aside b,.inner-hero-aside em{display:inline-block}
  .inner-hero-aside b{font-size:24px;margin:0}
  .inner-hero-aside em{font-size:11px}
  .inner-section{padding:36px 0 56px}
  .inner-layout{grid-template-columns:1fr;gap:24px}
  .inner-layout.rt{grid-template-columns:1fr}
  .side{position:static;order:2}
  .inner-main{order:1}
  .side-block{margin-bottom:18px}
  .side-cta{max-width:420px}
  .pd-top{grid-template-columns:1fr;gap:26px;padding:36px 0 42px}
  .pd-media{max-width:520px;width:100%;margin:0 auto}
  .pd-content-layout,.art-layout,.page-layout{grid-template-columns:1fr;gap:26px}
  .art-body{max-width:none}
  .contact-main{grid-template-columns:1fr;gap:22px}
  .contact-qr{max-width:360px}
}
@media (max-width:640px){
  .inner-hero h1{font-size:30px}
  .inner-lead{font-size:13px;line-height:1.85}
  .crumbs{font-size:10.5px;margin-bottom:18px}
  .inner-section{padding:28px 0 46px}
  .inner-prod-grid{gap:10px}
  .inner-prod-grid .prod-body{padding:11px 11px 0}
  .inner-prod-grid .prod-body h3{font-size:11.5px;line-height:1.45;min-height:2.9em}
  .inner-prod-grid .prod-foot{padding:8px 10px;font-size:9.5px}
  .inner-prod-grid .prod-model{font-size:8.5px}
  .inner-prod-grid .prod-tag{font-size:8px;left:7px;top:7px}
  .inner-list-head h2{font-size:15px}
  .inner-list-head p{font-size:10.5px}
  .art-row{grid-template-columns:72px minmax(0,1fr) 16px;gap:12px;padding:14px 2px}
  .art-row h3{font-size:13px}
  .art-row p{font-size:11px;-webkit-line-clamp:2}
  .art-nav{grid-template-columns:1fr}
  .art-related li{display:block}
  .art-related li time{display:block;margin-top:3px}
  .contact-grid{grid-template-columns:1fr;gap:10px}
  .contact-card{padding:18px 18px 16px}
  .contact-card b{font-size:19px}
  .contact-qr img{width:150px;height:150px}
  .search-row{grid-template-columns:88px minmax(0,1fr) 16px;gap:12px;padding:13px 2px}
  .search-row .s-img{width:88px;height:80px}
  .search-row h3{font-size:13px}
  .search-row p{font-size:11px}
  .search-form button{width:76px;font-size:12px}
  .pager li a,.pager li span{min-width:30px;height:30px;font-size:10.5px}
  .pd-intro{font-size:12.5px}
  .rich{font-size:13px}
  .rich h2{font-size:19px}
  .rich h3{font-size:15.5px}
  .rich table{font-size:11px}
  .rich th,.rich td{padding:6px 7px}
  .pd-content h2,.art-body h2,.page-content h2{font-size:19px}
}

/* Compact product details and neutral body links */
.product-section{padding-top:28px}
.product-section .pd-top{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:48px;align-items:start;padding:0 0 32px}
.product-section .pd-media{width:100%;max-width:400px;aspect-ratio:1/1;padding:24px;background:#F6F6F2}
.product-section .pd-media::before{inset:14px}
.product-section .pd-media img{width:auto;height:auto;max-width:100%;max-height:350px;object-fit:contain;transform:none}
.pd-related .inner-prod-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pd-content a,.pd-content a:visited,.pd-content a:hover,.art-body a,.art-body a:visited,.art-body a:hover{color:inherit!important;border-bottom:0;text-decoration:none}
.pd-content a *,.art-body a *{color:inherit!important}
@media(max-width:900px){.product-section{padding-top:24px}.product-section .pd-top{grid-template-columns:1fr;gap:24px;padding:0 0 28px}.product-section .pd-media{max-width:360px;margin:0 auto}.product-section .pd-media img{max-height:310px}.pd-related .inner-prod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:640px){.product-section{padding-top:20px}.product-section .pd-media{max-width:320px;padding:20px}.product-section .pd-media img{max-height:270px}.pd-related .inner-prod-grid{gap:10px}}

.pd-media::before{display:none}

.product-section .pd-top{grid-template-columns:minmax(0,480px) minmax(0,1fr)}
.product-section .pd-media{max-width:480px;padding:24px;cursor:zoom-in}
.product-section .pd-media img{max-height:430px}
.pd-media:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.pd-zoom-hint{position:absolute;right:12px;bottom:10px;color:var(--muted);font-size:11px;background:rgba(255,255,255,.9);padding:4px 8px}
.pd-image-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;padding:48px 24px;border:0;margin:0;background:rgba(16,20,22,.94);overflow:auto}
.pd-image-dialog::backdrop{background:rgba(16,20,22,.8)}
.pd-image-dialog[open]{display:flex;align-items:center;justify-content:center}
.pd-image-dialog img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 96px);object-fit:contain;background:#fff}
.pd-image-close{position:fixed;right:20px;top:14px;width:40px;height:40px;border:1px solid rgba(255,255,255,.4);background:#202628;color:#fff;font:30px/1 sans-serif;cursor:pointer}
@media(max-width:900px){.product-section .pd-top{grid-template-columns:1fr}.product-section .pd-media{max-width:420px}.product-section .pd-media img{max-height:370px}}
@media(max-width:640px){.product-section .pd-media{max-width:360px;padding:18px}.product-section .pd-media img{max-height:320px}.pd-image-dialog{padding:54px 12px}}

.page-layout.quote-layout{display:block}
.quote-layout .page-content{max-width:none}

/* Quotation tables */
.quote-layout .page-content{overflow-x:auto}
.quote-layout .rich h3{margin:38px 0 16px;font-size:19px;line-height:1.5}
.quote-layout .rich>h3:first-child{margin-top:0}
.quote-layout .rich .quote-table{table-layout:fixed;width:100%;min-width:720px;margin:0 0 32px;font-size:13px;line-height:1.7;background:#fff}
.quote-layout .rich .quote-table td{padding:11px 14px;vertical-align:middle;border:1px solid #D8DAD4;background:#fff;overflow-wrap:anywhere}
.quote-layout .rich .quote-table tr:hover td{background:#fff}
.quote-layout .rich .quote-table .quote-table-head td{background:#F3F4F0;font-weight:600;color:#202729;padding-top:13px;padding-bottom:13px}
.quote-layout .rich .quote-table .quote-price{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.quote-layout .rich .quote-table p{margin:0 0 6px}
.quote-layout .rich .quote-table p:last-child{margin-bottom:0}
.quote-layout .rich .quote-table .quote-model a{line-height:1.75}
@media(max-width:640px){.quote-layout .rich .quote-table{font-size:12px}.quote-layout .rich .quote-table td{padding:9px 10px}}

.product-section .pd-media{background:transparent}
.product-section .pd-media img{mix-blend-mode:normal}

.pd-info .pd-intro{white-space:normal}
@media(min-width:901px){.art-products .inner-prod-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.quote-layout .page-content{overflow:visible;min-width:0}
.quote-tools{margin-bottom:24px;padding:20px;border:1px solid #d8dad4;background:#fff}
.quote-search-fields{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.quote-search-fields label{display:grid;gap:7px;font-size:14px;flex:1;min-width:180px}
.quote-search-fields input,.quote-search-fields select{width:100%;height:44px;border:1px solid #c7cbc4;background:#fff;padding:8px 12px;font:inherit;color:inherit}
.quote-search-fields button{height:44px;border:1px solid #a33c40;background:#a33c40;color:#fff;padding:0 18px;cursor:pointer}
.quote-tools [role=status]{margin:12px 0 0;font-size:14px}
.quote-categories{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 12px}
.quote-categories a{display:block;border:1px solid #d8dad4;padding:6px 10px;font-size:13px}
.quote-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-bottom:30px}
.quote-layout .rich .quote-scroll table{margin-bottom:0}
.quote-layout .rich .quote-table th{padding:11px 14px;border:1px solid #d8dad4;background:#f3f4f0;text-align:left;vertical-align:middle}
.quote-group{min-width:0;scroll-margin-top:100px}
.quote-group[hidden],.quote-results[hidden]{display:none}
.quote-hint{font-size:13px;color:#657276;margin:12px 0}
.quote-results .quote-table{min-width:850px}
.contact-grid.contact-priority{grid-template-columns:2fr 1fr}
.mega-toggle{display:none}
.prod-specs li{white-space:normal}
.hero-model .hero-parameters{display:block;margin-top:12px;font-size:13px;line-height:1.8}
@media(max-width:900px){.mega-toggle{display:inline-block;border:1px solid #d8dad4;background:transparent;padding:4px 8px;margin-left:10px;color:inherit}.mega-toggle[aria-expanded=true]{background:#eee}}
@media(max-width:640px){.quote-tools{padding:14px}.quote-search-fields{gap:10px}.quote-search-fields label{min-width:100%;font-size:13px}.quote-categories{max-height:150px;overflow-y:auto}.quote-categories a{padding:5px 8px}.quote-scroll{border-right:2px solid #a33c40}.contact-grid.contact-priority{grid-template-columns:1fr}}

.showcase-specs .prod-specs{display:grid;gap:5px}.showcase-specs .prod-specs li{background:transparent;border:0;padding:0}