/*
Theme Name: Ktradings Catalogue
Author: Ktradings
Description: 산업장비 카탈로그 전용 디자인. Ktradings 제품 관리 플러그인과 함께 사용하세요.
Version: 2.0.19
Requires at least: 6.4
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: ktradings
*/
:root{--ink:#142b3e;--muted:#60727d;--teal:#087e83;--line:#dae3e6;--pale:#f1f6f7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:white;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a,button,input,select{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cf8d26;outline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}img{display:block;max-width:100%;height:auto}.shell{width:min(1240px,calc(100% - 64px));margin:auto}.topbar{background:var(--ink);color:#fff;font-size:12px;letter-spacing:.08em}.topbar .shell{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px}.topbar span{color:#b4c8d1}.header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:750;letter-spacing:-1px;line-height:1.15}.brand-icon{display:flex;align-items:center;justify-content:center;background:var(--ink);color:white;width:48px;height:48px;font-size:30px;font-weight:800;letter-spacing:-5px;padding-right:6px}.brand-icon span{color:#4bcccc}.brand small{display:block;letter-spacing:.19em;font-size:10px;margin-top:7px;font-weight:600;color:var(--muted)}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.nav-contact{padding:11px 20px;border:1px solid var(--line);border-radius:5px}nav a:hover,.text-link:hover{color:var(--teal)}.hero{background:var(--pale);border-bottom:1px solid var(--line)}.hero-inner{display:grid;grid-template-columns:1fr 310px;gap:60px;align-items:center;padding-top:58px;padding-bottom:58px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;text-transform:uppercase;color:var(--teal);margin:0 0 16px}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(36px,4.1vw,58px);letter-spacing:-.055em;line-height:1.07;margin:0 0 24px;font-weight:750}h2{font-size:36px;letter-spacing:-.04em;line-height:1.2;margin:0 0 18px}h3{line-height:1.35;font-size:21px;letter-spacing:-.02em;margin:0 0 12px}p{margin:0 0 18px}.hero-text{max-width:600px;color:var(--muted);font-size:17px;margin:0}.hero-note{border-left:2px solid var(--teal);padding:12px 0 12px 30px}.hero-note>span{font-size:10px;letter-spacing:.18em;color:var(--muted);font-weight:700}.hero-note strong{display:block;font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:13px 0}.hero-note p{color:var(--muted);font-size:14px}.hero-note a{font-size:14px;font-weight:650;border-bottom:1px solid var(--teal);padding-bottom:5px}.section{padding-top:60px;padding-bottom:64px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:9px}.section-heading h2{margin:0}.count{color:var(--muted);font-size:14px}.filters{display:grid;grid-template-columns:2fr 1.2fr 1fr auto;gap:14px;padding:22px;background:var(--pale);border:1px solid var(--line);border-radius:8px;align-items:end}.filters label{display:block;font-size:12px;font-weight:650;margin-bottom:7px}.filters input,.filters select{background:#fff;border:1px solid #cbd6dc;border-radius:4px;width:100%;min-height:48px;padding:10px 12px;color:var(--ink);font-size:14px}.filters>div{min-width:0}.button{background:var(--teal);border:1px solid var(--teal);color:#fff;border-radius:4px;display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 24px;cursor:pointer;font-weight:650;font-size:14px}.button:hover{background:#066469;color:#fff}.category-links{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 30px}.category-links a{font-size:13px;padding:8px 16px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.category-links a.active,.category-links a:hover{background:var(--ink);border-color:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 12px 30px #142b3e12;transform:translateY(-3px)}.product-link{display:flex;flex-direction:column;height:100%}.card-photo{aspect-ratio:4/3;position:relative;background:#eef2f3;overflow:hidden}.card-photo>img{width:100%;height:100%;object-fit:cover}.badge{display:inline-block;font-size:11px;font-weight:650;letter-spacing:.02em;background:#e4f3ed;color:#176145;border-radius:4px;padding:5px 10px}.card-photo .badge{position:absolute;top:14px;left:14px;background:#fff;box-shadow:0 1px 6px #0000000d}.badge.sold{color:#6b7076;background:#edf0f2}.badge.reserved{color:#89590a;background:#fff3d9}.card-copy{padding:22px;display:flex;flex-direction:column;flex:1}.card-copy .eyebrow{font-size:10px;margin-bottom:10px}.card-copy h3{font-size:20px;margin-bottom:8px}.card-meta{color:var(--muted);font-size:13px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:auto;padding-top:16px;font-size:13px;font-weight:650}.card-bottom span:last-child{color:var(--teal);font-size:20px}.photo-placeholder{width:100%;height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff4f5,#e3ebed);color:#8ca2ad}.photo-placeholder span{font-size:clamp(20px,4vw,32px);letter-spacing:.04em;font-weight:750;line-height:1.2;text-align:center;max-width:100%;padding:0 16px}.photo-placeholder small{font-size:12px;letter-spacing:.03em;margin-top:12px}.empty{text-align:center;padding:55px 24px;border:1px dashed #bccdd3;border-radius:8px}.empty-mark{font-size:28px;color:var(--teal)}.empty h3{margin-top:14px}.empty p{color:var(--muted);font-size:15px}.text-link{font-size:14px;font-weight:650;border-bottom:1px solid var(--teal);padding-bottom:4px}.about{background:var(--ink);color:white}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:55px;padding-bottom:55px}.about .eyebrow{color:#72d9d2}.about p:not(.eyebrow){color:#c2d2db;font-size:16px}.about h2{margin:0}.about .text-link{color:#fff;border-color:#72d9d2}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact p{color:var(--muted)}.contact-card{background:var(--pale);padding:32px;border-radius:8px;align-self:start}.contact-card .eyebrow{display:block}.email-link{font-size:clamp(17px,2vw,24px);font-weight:650;display:block;overflow-wrap:anywhere;margin-bottom:24px}.contact-card p{font-size:14px}.contact-card strong{color:var(--ink)}.footer{border-top:1px solid var(--line);background:#f8fafb;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer strong{font-size:22px}.footer p,.footer small{font-size:12px;color:var(--muted);margin:6px 0}.footer-inner>div:last-child{display:flex;gap:25px;align-items:center;flex-wrap:wrap;font-size:13px}.pagination{justify-content:center;margin-top:36px;gap:8px;flex-wrap:wrap}.page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:4px}.page-numbers.current{background:var(--ink);color:white}.back{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:28px}.detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:52px}.main-photo{aspect-ratio:4/3;background:var(--pale);border:1px solid var(--line);border-radius:8px;overflow:hidden}.main-photo>img{width:100%;height:100%;object-fit:contain}.main-photo .photo-placeholder{height:100%}.gallery{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.gallery a{width:80px;height:70px;border:1px solid var(--line);border-radius:4px;overflow:hidden}.gallery img{width:100%;height:100%;object-fit:cover}.detail-copy h1{font-size:38px;margin-bottom:18px}.specs{margin:26px 0}.specs>div{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}.specs dt{color:var(--muted)}.specs dd{margin:0;font-weight:600;overflow-wrap:anywhere}.full{width:100%}.muted{font-size:13px;color:var(--muted);margin-top:12px}.description{border-top:1px solid var(--line);margin-top:48px;padding-top:36px}.description h2{font-size:26px}.prose{line-height:1.85;max-width:950px}.prose a{color:var(--teal);text-decoration:underline}.prose img{height:auto}.prose table{width:100%;border-collapse:collapse}.prose td,.prose th{padding:10px;border:1px solid var(--line)}.video-consent{background:var(--pale);padding:40px;text-align:center;border-radius:8px}.video-consent small{display:block;margin-top:12px;color:var(--muted)}.video-frame{width:100%;aspect-ratio:16/9;border:0}.skip{position:absolute;top:-100px;left:10px;background:white;padding:12px;z-index:10000}.skip:focus{top:10px}@media(max-width:1000px){.hero-inner{grid-template-columns:1fr 240px;gap:30px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr}.about-inner,.contact{gap:40px}.detail-grid{gap:30px}}@media(max-width:640px){.shell{width:calc(100% - 32px)}.topbar span{display:none}.header-inner{min-height:110px;flex-direction:column;align-items:flex-start;gap:17px;padding-top:18px;padding-bottom:16px}.brand{font-size:23px}.brand-icon{height:40px;width:40px;font-size:26px}.header nav{width:100%;justify-content:space-between;gap:15px;font-size:13px}.nav-contact{padding:6px 12px}.hero-inner{grid-template-columns:1fr;padding:35px 0;gap:0}.hero-note{display:none}.hero h1{font-size:39px}.hero-text{font-size:15px}.section{padding-top:38px;padding-bottom:40px}h2{font-size:30px}.filters{padding:15px;gap:12px}.search-field{grid-column:1/-1}.filters>.button{grid-column:1/-1}.filters input,.filters select{font-size:16px}.category-links{gap:6px}.category-links a{font-size:12px;padding:7px 10px}.product-grid{grid-template-columns:1fr;gap:20px}.card-copy{padding:20px}.about-inner,.contact,.detail-grid{grid-template-columns:1fr;gap:28px}.about-inner{padding-top:36px;padding-bottom:36px}.footer-inner{flex-direction:column;gap:10px}.footer-inner>div:last-child{gap:15px}.contact-card{padding:24px}.detail-copy h1{font-size:32px}.section-heading{gap:12px}.count{white-space:nowrap}.video-consent{padding:24px}.gallery a{width:65px;height:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.specification-section h2{font-size:1.25rem;margin:24px 0 8px}.specs dt,.specs dd{min-width:0;overflow-wrap:anywhere}

.card-specs{margin:2px 0 20px;font-size:13px;line-height:1.5}.card-specs>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:12px;padding:5px 0}.card-specs dt{color:var(--muted);min-width:0;overflow-wrap:anywhere}.card-specs dd{margin:0;min-width:0;font-weight:600;overflow-wrap:anywhere}

.spec-note{display:block;margin-top:5px;font-size:12px;line-height:1.5;font-weight:400;color:var(--muted)}

.badge.condition{background:#eaf0f8;color:#315277;margin-right:6px}.card-photo .card-badges{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:6px;flex-wrap:wrap}.card-photo .card-badges .badge{position:static;margin:0}

.badge.condition-used{background:#e3f1ed;color:#245e50}.badge.condition-new{background:#e7effb;color:#305781}.main-photo{position:relative}.photo-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:52px;border:0;border-radius:6px;background:#142b3ecc;color:white;font-size:32px;cursor:pointer;z-index:1}.photo-prev{left:12px}.photo-next{right:12px}.photo-counter{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#142b3ed9;color:#fff;border-radius:15px;padding:3px 12px;font-size:12px}.gallery a[aria-current="true"]{outline:2px solid var(--teal);outline-offset:2px}

.photo-open{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.photo-open img{width:100%;height:100%;object-fit:contain}
@media(hover:hover) and (pointer:fine){.main-photo>.photo-nav,.main-photo>.photo-counter{opacity:0;pointer-events:none;transition:opacity .15s}.main-photo:hover>.photo-nav,.main-photo:hover>.photo-counter,.main-photo:has(:focus-visible)>.photo-nav,.main-photo:has(:focus-visible)>.photo-counter{opacity:1;pointer-events:auto}}
.photo-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:64px 60px 48px;border:0;background:rgba(10,18,25,.96);color:#fff;overflow:hidden}.photo-viewer::backdrop{background:#0a1219}.viewer-image{width:100%;height:100%;object-fit:contain}.viewer-toolbar{position:absolute;top:12px;left:20px;right:16px;display:flex;justify-content:flex-end;align-items:center;gap:22px}.viewer-original{font-size:14px;text-decoration:underline}.viewer-close{width:44px;height:44px;border:0;border-radius:6px;background:#ffffff20;color:white;font-size:32px;cursor:pointer}.photo-viewer .photo-counter{bottom:12px}.photo-nav[hidden],.photo-counter[hidden]{display:none}@media(max-width:640px){.photo-viewer{padding:70px 8px 50px}}

.photo-viewer{padding-bottom:146px}.photo-viewer .photo-counter{bottom:112px}.viewer-thumbnails{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:10px;max-width:calc(100% - 32px);padding:6px;overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9baab5 transparent}.viewer-thumbnail{flex:0 0 76px;width:76px;height:64px;border:2px solid transparent;border-radius:5px;padding:0;background:#263440;overflow:hidden;cursor:pointer;opacity:.6}.viewer-thumbnail img{width:100%;height:100%;object-fit:cover}.viewer-thumbnail:hover,.viewer-thumbnail[aria-current="true"]{opacity:1}.viewer-thumbnail[aria-current="true"]{border-color:#72d9d2;box-shadow:0 0 0 1px #72d9d2}.viewer-thumbnail:focus-visible{outline:2px solid white;outline-offset:2px}@media(max-width:640px){.photo-viewer{padding-bottom:130px}.photo-viewer .photo-counter{bottom:98px}.viewer-thumbnail{flex-basis:60px;width:60px;height:52px}.viewer-thumbnails{gap:8px;bottom:14px}}


.catalog-view-controls{display:flex;justify-content:flex-end;gap:8px;margin:0 0 20px}.catalog-view-controls button{border:1px solid var(--line);background:white;color:var(--ink);padding:8px 16px;border-radius:5px;cursor:pointer;font-size:14px}.catalog-view-controls button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:white}#catalog-album[hidden],#catalog-board[hidden]{display:none}.catalog-board{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.catalog-board table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:900px}.catalog-board th,.catalog-board td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.catalog-board thead{background:var(--pale);font-size:12px;color:var(--muted)}.catalog-board tbody tr:hover{background:#f6fafb}.catalog-board tbody th{min-width:220px;max-width:340px}.catalog-board th a{display:block;color:var(--ink)}.catalog-board th a:hover{color:var(--teal);text-decoration:underline}.catalog-board tbody tr:last-child>*{border-bottom:0}.catalog-board .badge{white-space:nowrap;margin:0}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.brand-logo{width:60px;height:60px;object-fit:contain;flex-shrink:0}.brand{letter-spacing:0}@media(max-width:640px){.brand-logo{width:48px;height:48px}}
/* Company pages */
.company-page h1{font-size:clamp(38px,4.6vw,64px);letter-spacing:-.045em;line-height:1.12}.company-hero{background:#f1f6f7;padding:76px 0}.company-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.company-lead{font-size:19px;line-height:1.75;color:var(--muted);max-width:650px}.company-hero .button{margin-top:15px;gap:28px}.company-art{position:relative;isolation:isolate;overflow:hidden;background:#142b3e;min-height:385px;border-radius:4px;padding:30px;color:white;display:flex;flex-direction:column;justify-content:space-between}.art-caption,.art-foot{position:relative;font-size:10px;letter-spacing:.15em;color:#a5ced0}.art-circle{position:absolute;width:310px;height:310px;border:1px solid #57a6a9;border-radius:50%;right:-80px;top:15px;z-index:-1;box-shadow:0 0 0 40px #57a6a910,0 0 0 80px #57a6a908}.art-lines{border-left:3px solid #55c4c4;padding-left:22px;margin:40px 0}.art-lines strong{display:block;font-size:clamp(24px,3.1vw,40px);font-weight:650;line-height:1.5;letter-spacing:.025em}.company-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-top:75px;padding-bottom:75px}.company-intro p:last-child{color:var(--muted)}.company-services{background:#f6f8f8;border-block:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px}.service-grid article{background:white;border-top:3px solid var(--teal);padding:30px}.service-number{font-size:11px;color:var(--teal);letter-spacing:.12em}.service-grid h3{font-size:25px;margin:34px 0 20px}.service-grid p{font-size:15px;color:var(--muted);margin:0}.company-cta{display:flex;align-items:center;justify-content:space-between;gap:36px}.company-cta>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:25px}.contact-hero{background:var(--ink);color:white;padding:64px 0}.contact-hero .eyebrow{color:#72d9d2}.contact-hero .company-lead{color:#c2d2db;margin:0}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:85px}.contact-method{padding:23px 0;border-bottom:1px solid var(--line)}.contact-method>span{display:block;font-size:11px;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}.contact-method>a:not(.text-link){display:block;font-size:21px;font-weight:600;overflow-wrap:anywhere}.contact-method .text-link{display:inline-block;font-size:13px;margin-top:10px}.contact-method p{max-width:350px;margin:0;font-size:16px}.inquiry-panel{background:var(--pale);padding:36px;border:1px solid var(--line);border-radius:8px}.inquiry-panel>p:not(.eyebrow){color:var(--muted);font-size:14px}.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.inquiry-panel label{display:block;font-size:13px;font-weight:600;margin-bottom:18px}.inquiry-panel label span{font-weight:400;color:var(--muted)}.inquiry-panel input,.inquiry-panel textarea{display:block;width:100%;min-width:0;margin-top:7px;border:1px solid #bdcdd4;border-radius:4px;padding:12px;background:white;color:var(--ink);font:inherit;font-size:16px}.inquiry-panel textarea{resize:vertical;min-height:140px}.inquiry-note,#inquiry-feedback{font-size:12px;color:var(--muted);margin:12px 0 0}.header nav a[aria-current="page"]{color:var(--teal)}
@media(max-width:900px){.company-hero-grid{gap:30px;grid-template-columns:1fr 1fr}.company-art{min-height:350px;padding:24px}.contact-layout{gap:30px}.inquiry-panel{padding:24px}.service-grid{gap:14px}.service-grid article{padding:24px}.company-intro{gap:35px}}
@media(max-width:640px){.company-hero{padding:38px 0}.company-hero-grid,.company-intro,.service-grid,.contact-layout{grid-template-columns:1fr}.company-art{min-height:300px}.art-lines strong{font-size:32px}.company-intro{padding-block:40px;gap:15px}.company-lead{font-size:17px}.service-grid{gap:18px;margin-top:25px}.service-grid h3{margin-top:22px}.company-cta{align-items:flex-start;flex-direction:column;gap:20px}.contact-hero{padding:40px 0}.contact-layout{gap:35px}.inquiry-fields{grid-template-columns:1fr}.inquiry-panel{padding:22px}.company-page h2{font-size:30px}}
.inquiry-actions{display:flex;gap:10px;flex-wrap:wrap}.button.secondary{background:white;color:var(--teal)}.copy-email{display:block;background:none;border:0;border-bottom:1px solid var(--teal);padding:0 0 4px;cursor:pointer;margin-top:12px;font:inherit}.contact-method #copy-email-feedback{display:block;margin-top:8px;color:var(--muted)}

.contact-map{display:block;width:100%;height:300px;margin-top:20px;border:1px solid var(--line);border-radius:8px;background:var(--pale)}@media(max-width:640px){.contact-map{height:270px}}

.product-video-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:28px;align-items:center}.product-video-card .eyebrow{color:var(--muted);font-size:10px;margin-bottom:10px}.product-video-card h3{margin-bottom:8px}.product-video-copy>p:last-child{color:var(--muted);margin:0;font-size:14px}.youtube-thumbnail{display:block;position:relative;aspect-ratio:16/9;background:var(--ink);border-radius:6px;overflow:hidden}.youtube-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0002}.thumbnail-play svg{box-sizing:content-box;padding:13px 15px;background:#0009;border-radius:50%;transition:background .2s}.youtube-thumbnail:hover .thumbnail-play svg{background:#000c}.youtube-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:white;color:var(--ink);border:1px solid #aabac4;border-radius:7px;padding:14px 18px;font-size:15px;font-weight:700;min-height:52px}.youtube-button svg{flex-shrink:0}.youtube-button:hover{background:var(--pale);border-color:var(--ink)}.product-video-actions small{display:block;text-align:center;color:var(--muted);font-size:12px;margin-top:8px}@media(max-width:1000px){.product-video-card{grid-template-columns:180px minmax(0,1fr);gap:20px}.product-video-actions{grid-column:2}.youtube-thumbnail{grid-row:1/3}}@media(max-width:640px){.product-video-card{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px}.youtube-thumbnail{grid-row:auto;width:100%}.product-video-actions{grid-column:1}.youtube-button{width:100%}}
.youtube-thumbnail img[hidden]{display:none}
/* Mobile reading layout: 2.0.19 */
.catalog-mobile-title,.mobile-inquiry-jump{display:none}.contact-map-disclosure summary{cursor:pointer;font-weight:600;padding:14px 0;color:var(--teal)}.contact-map-disclosure .contact-map{margin-top:0}
@media(max-width:760px){
 :root{--muted:#536771}html{scroll-padding-top:16px}.shell{width:calc(100% - 32px)}body{font-size:16px;line-height:1.65}.topbar{display:none}.header-inner{min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px 0 0}.brand{font-size:21px;gap:10px;align-self:flex-start}.brand-logo{width:40px;height:40px}.brand small{font-size:9px;letter-spacing:.13em;margin-top:5px}.header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;font-size:14px}.header nav a,.header nav .nav-contact{min-height:46px;display:flex;align-items:center;justify-content:center;padding:8px 4px;border:0;border-bottom:3px solid transparent;border-radius:0;white-space:nowrap}.header nav a[aria-current="page"]{color:var(--teal);border-bottom-color:var(--teal);background:#f1f7f7}
 h1,h2,h3{letter-spacing:-.025em;overflow-wrap:break-word}h2,.company-page h2{font-size:26px;line-height:1.25}h3{font-size:21px}.section{padding-block:28px}.eyebrow{font-size:11px;letter-spacing:.09em;margin-bottom:10px}.button{min-height:48px;font-size:15px}.footer{padding-block:24px}.footer-inner{flex-direction:column;gap:16px}.footer-inner>div:last-child{gap:8px 20px}.footer-inner a{padding-block:8px}.footer small{flex-basis:100%}
 /* Product discovery */
 .hero-inner{display:block;padding-block:20px}.hero .eyebrow,.hero-note,.hero-text,.catalog-desktop-title{display:none}.catalog-mobile-title{display:inline}.hero h1{font-size:28px;line-height:1.2;margin:0}.catalog{padding-top:16px}.catalog .section-heading{margin-bottom:12px}.catalog .section-heading>div{display:none}.count{font-size:14px}.filters{padding:12px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.filters .search-field{grid-column:1/4;grid-row:1}.filters>.button{grid-column:4;grid-row:1;padding:10px 6px}.filters>div:nth-child(2){grid-column:1/3;grid-row:2}.filters>div:nth-child(3){grid-column:3/5;grid-row:2}.filters label{font-size:13px;margin-bottom:5px}.filters input,.filters select{font-size:16px;padding:10px 8px;min-height:46px}.category-links{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin:16px 0;padding-bottom:6px;scrollbar-width:thin}.category-links a{flex:0 0 auto;min-height:44px;display:flex;align-items:center;font-size:13px;padding:8px 14px}.catalog-view-controls{gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:16px}.catalog-view-controls button{flex:1;min-height:46px;border:0;border-radius:0;font-size:14px}.product-grid{grid-template-columns:minmax(0,1fr);gap:20px}.card-photo{aspect-ratio:16/10}.photo-placeholder{min-height:0}.card-photo .card-badges{top:12px;left:12px}.badge{font-size:12px;line-height:1.45}.card-copy{padding:16px}.card-copy h3{font-size:21px;line-height:1.35;margin-bottom:12px}.card-copy .eyebrow{font-size:11px}.card-specs{font-size:14px;margin-bottom:16px}.card-specs>div{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px;padding:6px 0}.card-bottom{padding-top:12px;font-size:14px}.product-card:hover{transform:none}.pagination{gap:6px;margin-top:24px}.page-numbers{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px}
 /* Board view keeps all fields visible without sideways scrolling. */
 .catalog-board{overflow:visible;border:0;border-radius:0}.catalog-board table{display:block;min-width:0;width:100%;font-size:14px}.catalog-board thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.catalog-board tbody{display:block}.catalog-board tbody tr{display:block;border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:14px;background:#fff}.catalog-board tbody th{display:block;min-width:0;max-width:none;padding:0 0 12px;margin-bottom:6px;font-size:20px;line-height:1.4}.catalog-board tbody th a{padding:4px 0}.catalog-board tbody td{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:12px;border:0;padding:6px 0;overflow-wrap:anywhere}.catalog-board tbody td::before{content:attr(data-label);color:var(--muted);font-weight:400}.catalog-board tbody td .badge{justify-self:start;white-space:normal}.catalog-board tbody tr:last-child>th{border-bottom:1px solid var(--line)}
 /* Detail title appears before photography. */
 .product-detail{padding-top:18px}.back{font-size:14px;margin-bottom:16px;padding:6px 0}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.detail-copy{display:contents}.detail-heading{grid-row:1}.detail-heading .eyebrow{margin-bottom:8px}.detail-copy h1{font-size:28px;line-height:1.25;margin-bottom:12px}.detail-photos{grid-row:2;min-width:0}.main-photo{aspect-ratio:4/3}.gallery{flex-wrap:nowrap;overflow-x:auto;padding:4px;margin:10px -4px 0;gap:8px}.gallery a{flex:0 0 64px;width:64px;height:56px}.photo-nav{width:40px;height:48px}.specification-section h2{font-size:21px;margin:6px 0 12px}.specs{margin:0}.specs>div{font-size:15px;line-height:1.6;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;padding:11px 0}.spec-note{font-size:12px}.detail-copy>.muted{margin:0;font-size:13px}.description{margin-top:28px;padding-top:24px}.description h2{font-size:23px}.prose{font-size:16px;line-height:1.8;overflow-wrap:anywhere}.prose table{display:block;max-width:100%;overflow-x:auto}.prose iframe{max-width:100%}.prose pre{max-width:100%;overflow-x:auto}.product-video-card{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}.youtube-thumbnail{grid-row:auto}.product-video-actions{grid-column:1}.youtube-button{width:100%}
 /* Company and contact pages use smaller headings and shorter sections. */
 .company-hero{padding:28px 0}.company-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}.company-page h1{font-size:32px;line-height:1.2;margin-bottom:16px}.company-page h1 br,.company-page h2 br,.service-grid h3 br{display:none}.company-lead{font-size:16px;line-height:1.7}.company-hero .button{margin-top:0}.company-art{min-height:0;padding:20px}.art-lines{margin:16px 0;padding-left:14px}.art-lines strong{font-size:22px;line-height:1.45}.art-caption,.art-foot{font-size:10px;letter-spacing:.07em}.company-intro{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:28px}.company-intro h2{margin-bottom:4px}.company-intro p:last-child{margin-bottom:0}.service-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:22px}.service-grid article{padding:22px}.service-grid h3{font-size:23px;margin:14px 0 12px}.service-grid p{font-size:16px}.company-cta{flex-direction:column;align-items:stretch;gap:18px}.company-cta>div:last-child{gap:18px}.contact-hero{padding:28px 0}.contact-hero .company-lead{font-size:16px}.mobile-inquiry-jump{display:inline-flex;margin-top:20px}.contact-layout{grid-template-columns:minmax(0,1fr);gap:28px}.contact-methods>h2,.contact-methods>.eyebrow{display:none}.contact-method{padding:16px 0}.contact-method:first-of-type{padding-top:0}.contact-method>span{font-size:11px}.contact-method>a:not(.text-link){font-size:19px;line-height:1.5;padding:4px 0}.contact-method p{max-width:none;font-size:15px}.contact-method .text-link{font-size:14px;padding:8px 0;margin-top:4px;min-height:40px}.contact-map-disclosure summary{min-height:44px;padding:12px 0;font-size:14px}.inquiry-panel{padding:20px;min-width:0;scroll-margin-top:16px}.inquiry-fields{grid-template-columns:minmax(0,1fr)}.inquiry-panel label{font-size:14px}.inquiry-panel input,.inquiry-panel textarea{font-size:16px;line-height:1.5;padding:12px;min-height:48px}.inquiry-panel>p:not(.eyebrow){font-size:15px}.inquiry-actions{flex-direction:column}.inquiry-actions .button{width:100%}.inquiry-note,#inquiry-feedback{font-size:13px;line-height:1.6}
}
@media(max-width:360px){.filters>div:nth-child(2){grid-column:1/3}.filters>div:nth-child(3){grid-column:3/5;grid-row:2}.filters>.button{grid-column:1/5;grid-row:3}.filters .search-field{grid-column:1/5}.header nav{font-size:13px}.company-page h1{font-size:30px}.card-copy h3{font-size:20px}}