:root{--y:#FDCB0A;--ink:#181817;--paper:#fff;--con:#EFEEE9;--soft:#F8F7F3;--muted:#66645F;--line:#D5D2C9;--head:'Kanit','Noto Sans Thai',system-ui,sans-serif;--body:'IBM Plex Sans Thai','Noto Sans Thai',system-ui,sans-serif;--w:1180px;--r:18px;--shadow:0 18px 48px rgba(0,0,0,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.wrap{width:min(calc(100% - 32px),var(--w));margin:auto}
.topline{background:var(--ink);color:#fff;font-size:.88rem}.topline .wrap{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topline b{color:var(--y)}
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font:700 1.12rem var(--head)}.mark{width:40px;height:40px;background:var(--ink);border:4px solid var(--y);clip-path:polygon(50% 0,100% 100%,75% 100%,50% 48%,25% 100%,0 100%)}.brand small{display:block;font:600 .64rem var(--body);color:var(--muted);letter-spacing:1.1px}.links{display:flex;align-items:center;gap:18px;font-size:.92rem;font-weight:600}.navcta{background:var(--y);padding:10px 14px;border:1px solid #B59200;border-radius:999px;font-weight:700}.menu{display:none;position:relative}.menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-weight:700}.menu summary::-webkit-details-marker{display:none}.menu nav{position:absolute;right:0;top:48px;width:min(310px,calc(100vw - 32px));background:var(--ink);color:#fff;border-top:4px solid var(--y);box-shadow:var(--shadow);padding:10px}.menu nav a{display:block;padding:12px;border-bottom:1px solid #333}
.hero{background:linear-gradient(120deg,var(--con),#fff 62%);border-bottom:1px solid var(--line)}.heroGrid{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:58px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:var(--ink);color:#fff;border-radius:999px;padding:6px 11px;font-size:.82rem;font-weight:700}.eyebrow b{color:var(--y)}h1,h2,h3{font-family:var(--head);line-height:1.16}h1{font-size:clamp(2.65rem,5.4vw,5.35rem);letter-spacing:-2px;margin:16px 0}h2{font-size:clamp(1.85rem,3.2vw,3rem);margin:0}h3{font-size:1.18rem}.hero p{font-size:1.12rem;max-width:700px;color:#4f4e4a}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 17px;border:1px solid var(--ink);border-radius:11px;font-weight:700;cursor:pointer}.btn.primary{background:var(--y)}.btn.black{background:var(--ink);color:#fff}.btn.white{background:#fff}.productStage{background:#fff;border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:var(--shadow)}.productStage img{width:100%;aspect-ratio:1/1;object-fit:contain}.heroMedia{position:relative}.floatTag{position:absolute;right:-8px;bottom:18px;background:var(--y);border:1px solid #B59200;padding:12px 16px;border-radius:12px;font-weight:700;box-shadow:var(--shadow)}
.trustrow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:-24px;position:relative;z-index:5}.trust{background:#fff;border:1px solid var(--line);padding:17px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.trust b{display:block;font-family:var(--head);font-size:1.04rem}.trust span{font-size:.87rem;color:var(--muted)}
.sec{padding:74px 0}.sec.concrete{background:var(--con);border-block:1px solid var(--line)}.head{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:28px}.head p{max-width:660px;color:var(--muted);margin:0}.kicker{font-weight:700;color:#7D6600;text-transform:uppercase;letter-spacing:1px;font-size:.77rem;margin-bottom:5px}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.serviceCard{border:1px solid var(--line);border-radius:var(--r);padding:23px;background:#fff;transition:.2s}.serviceCard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.07)}.serviceCard .num{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--y);font-family:var(--head)}.serviceCard p{color:var(--muted);margin-bottom:0}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.productCard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;transition:.2s}.productCard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08)}.icon{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:#282719;color:var(--y);font-size:1.7rem}.productCard h3{margin:12px 0 5px}.productCard p{margin:0;color:var(--muted);font-size:.9rem}.badge{display:inline-flex;margin-top:9px;border:1px solid #B59200;background:#FFF4B5;border-radius:999px;padding:4px 8px;font-size:.73rem;font-weight:700}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.step{border-top:5px solid var(--y);background:#fff;border-inline:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px}.step b{font:700 1.25rem var(--head)}.step p{margin:4px 0 0;color:var(--muted);font-size:.9rem}.areaBox{background:var(--ink);color:#fff;border-radius:24px;padding:30px;display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.areaBox p{color:#d7d6d1}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #665A20;background:#282719;color:#FFE873;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:600}.panel{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:24px}.panel.yellow{background:var(--y);border-color:#B59200}
.quote{background:var(--y);border:1px solid #B59200;border-radius:24px;padding:28px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field label{display:block;font-weight:700;font-size:.86rem;margin-bottom:4px}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #8D7600;border-radius:10px;background:#fff}.field textarea{min-height:100px}.field.full{grid-column:1/-1}.formNote{font-size:.82rem;color:#4d4200}
.faq{display:grid;gap:9px}.faq details{border:1px solid var(--line);border-radius:13px;background:#fff;padding:14px 17px}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted)}.article{max-width:880px}.article h1{font-size:clamp(2.3rem,4vw,4.2rem)}.answer{font-size:1.07rem;background:var(--soft);border-left:5px solid var(--y);padding:16px 18px;border-radius:0 12px 12px 0}.breadcrumbs{font-size:.85rem;color:var(--muted);margin-bottom:14px}.article h2{margin-top:34px;font-size:1.8rem}.note{background:#FFF8CF;border:1px solid #E2C947;padding:14px 16px;border-radius:12px}.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}table{border-collapse:collapse;width:100%;min-width:720px}caption{text-align:left;font-weight:700;padding:14px;background:var(--soft)}th,td{padding:12px 14px;text-align:left;border-top:1px solid var(--line)}th{font-family:var(--head);background:#FAF9F5}
.foot{background:var(--ink);color:#fff;padding:42px 0 92px}.footGrid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:26px}.foot p,.foot a{color:#d0cfcb}.foot h3{color:var(--y)}.sticky{display:none}
@media(max-width:980px){.links{display:none}.menu{display:block}.heroGrid{grid-template-columns:1fr;min-height:auto}.heroMedia{max-width:620px}.cards3{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.areaBox{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:min(calc(100% - 22px),var(--w))}.topline .wrap{justify-content:center;text-align:center}.topline .right{display:none}.nav{min-height:64px}.brand{font-size:.97rem}.mark{width:34px;height:34px}.heroGrid{padding:38px 0}.trustrow,.products,.steps,.formGrid,.footGrid{grid-template-columns:1fr}.head{display:block}.head p{margin-top:8px}.sec{padding:52px 0}.field.full{grid-column:auto}.sticky{position:fixed;z-index:90;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#fff;border-top:1px solid var(--line);padding:8px}.sticky a{min-height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.sticky .call{background:var(--ink);color:#fff}.sticky .line{background:var(--y)}}
.productThumb{height:170px;margin:-2px -2px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.productThumb img{width:100%;height:100%;object-fit:contain;padding:10px}
.detailHero{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;margin:24px 0 34px}
.detailHero .visual{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 12px 32px rgba(0,0,0,.07)}
.detailHero .visual img{width:100%;max-height:430px;object-fit:contain}
.detailHero .copy h1{margin-top:8px}
.miniProof{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.miniProof span{background:#FFF4B5;border:1px solid #D8B900;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:700}
@media(max-width:760px){.detailHero{grid-template-columns:1fr}.productThumb{height:190px}}

:focus-visible{outline:3px solid #111;outline-offset:3px}.btn:focus-visible,.navcta:focus-visible,.menu summary:focus-visible{outline:3px solid var(--y);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:620px){body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.sticky{padding:8px 8px calc(8px + env(safe-area-inset-bottom));}.sticky a{min-width:0}.sticky .contactLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.componentStrip{height:170px;margin:-2px -2px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;overflow:hidden}.componentStrip img{width:100%;height:100%;object-fit:contain;min-width:0}.componentStrip img+img{border-left:1px solid var(--line)}@media(max-width:760px){.componentStrip{height:190px}}

/* ===== AREA MAIBAB product frame ===== */
.pfShell{width:min(100%,760px);margin:24px auto 30px;position:relative;background:var(--ink);border:6px solid var(--ink);box-shadow:12px 12px 0 var(--y);isolation:isolate}
.pfShell::before,.pfShell::after{content:"";position:absolute;width:58px;height:58px;z-index:5;pointer-events:none}
.pfShell::before{top:-6px;left:-6px;background:var(--ink);clip-path:polygon(0 0,100% 0,0 100%)}
.pfShell::after{right:-6px;bottom:-6px;background:var(--y);clip-path:polygon(100% 0,100% 100%,0 100%)}
.pfTopbar{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px 8px 74px;background:var(--ink);color:#fff;border-bottom:4px solid var(--y)}
.pfCategory{display:flex;align-items:center;gap:9px;font:700 .85rem var(--head);letter-spacing:.04em}
.pfCategory::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--y);box-shadow:14px 0 0 rgba(253,203,10,.45)}
.pfLocal{color:var(--y);font-size:.72rem;font-weight:700;white-space:nowrap;letter-spacing:.06em}
.pfStage{position:relative;aspect-ratio:1/1;background:linear-gradient(145deg,#fff 0 70%,#efeee9 100%);overflow:hidden}
.pfMain{all:unset;display:block;width:100%;height:100%;cursor:zoom-in}
.pfMain:focus-visible{outline:4px solid var(--ink);outline-offset:-10px}
.pfMain img{width:100%;height:100%;object-fit:contain;padding:clamp(20px,4vw,44px);transition:transform .22s ease,opacity .16s ease}
.pfMain:hover img{transform:scale(1.015)}
.pfNav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:4px solid var(--ink);background:var(--y);color:var(--ink);display:grid;place-items:center;cursor:pointer;z-index:3;box-shadow:4px 4px 0 rgba(0,0,0,.16)}
.pfNav:hover{background:var(--ink);color:var(--y)}.pfPrev{left:16px}.pfNext{right:16px}
.pfNav[hidden]{display:none}.pfNav svg{width:25px;height:25px;stroke:currentColor;stroke-width:3;fill:none}
.pfCount{position:absolute;right:16px;bottom:16px;min-width:72px;height:40px;display:grid;place-items:center;background:var(--ink);color:var(--y);border-left:5px solid var(--y);font:700 .95rem var(--head);z-index:3}
.pfThumbs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(86px,1fr);gap:4px;padding:4px;background:var(--ink);overflow-x:auto}
.pfThumbs:empty{display:none}.pfThumbs button{all:unset;cursor:pointer;position:relative;aspect-ratio:1/1;background:#fff;border:2px solid transparent;overflow:hidden}
.pfThumbs img{width:100%;height:100%;object-fit:contain;padding:7px;opacity:.62;filter:saturate(.85)}
.pfThumbs button[aria-current="true"]{border-color:var(--y)}.pfThumbs button[aria-current="true"] img,.pfThumbs button:hover img{opacity:1;filter:none}
.pfThumbs button[aria-current="true"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:var(--y);border-top:2px solid var(--ink)}
.pfCaption{position:relative;min-height:122px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 18px 18px 90px;background:var(--ink);color:#fff;overflow:hidden}
.pfCaption::before{content:"";position:absolute;left:0;top:0;bottom:0;width:68px;background:var(--y);clip-path:polygon(0 0,100% 50%,0 100%)}
.pfRentBadge{display:inline-flex;margin-bottom:5px;padding:3px 8px;border:1px solid rgba(253,203,10,.5);background:rgba(253,203,10,.1);color:var(--y);font-size:.7rem;font-weight:700;letter-spacing:.04em}
.pfTitle{color:var(--y);font:700 clamp(1.22rem,3vw,1.85rem)/1.12 var(--head)}
.pfSubtitle{color:#e2c64e;font:600 .82rem var(--head);letter-spacing:.08em;margin-top:2px}
.pfContact{color:#c7c5be;font-size:.72rem;font-weight:600;margin-top:6px}
.pfLogo{width:72px;height:72px;display:grid;place-items:center;background:var(--y);border:3px solid #fff;box-shadow:4px 4px 0 rgba(255,255,255,.12)}
.pfLogoMark{width:38px;height:38px;background:var(--ink);clip-path:polygon(50% 0,100% 100%,75% 100%,50% 48%,25% 100%,0 100%)}
.pfDialog{border:5px solid var(--ink);padding:0;background:#fff;width:min(94vw,980px);max-width:980px;box-shadow:12px 12px 0 var(--y)}
.pfDialog::backdrop{background:rgba(0,0,0,.84)}.pfDialog img{display:block;width:100%;height:auto;max-height:86vh;object-fit:contain;background:#fff}
.pfDialog button{position:absolute;top:10px;right:10px;width:46px;height:46px;border:3px solid var(--ink);background:var(--y);font-weight:800;cursor:pointer}
@media(max-width:620px){.pfShell{border-width:4px;box-shadow:7px 7px 0 var(--y)}.pfShell::before{top:-4px;left:-4px;width:44px;height:44px}.pfShell::after{right:-4px;bottom:-4px;width:44px;height:44px}.pfTopbar{min-height:36px;padding-left:54px;border-bottom-width:3px}.pfLocal{font-size:.62rem}.pfNav{width:42px;height:42px;border-width:3px}.pfPrev{left:9px}.pfNext{right:9px}.pfCount{right:9px;bottom:9px;min-width:62px;height:35px;font-size:.82rem}.pfCaption{min-height:106px;padding:14px 12px 14px 66px}.pfCaption::before{width:50px}.pfLogo{width:58px;height:58px}.pfLogoMark{width:31px;height:31px}.pfContact{font-size:.65rem}}

/* ===== AREA MAIBAB catalog cards ===== */
.catalogBand{margin:26px 0 20px;background:var(--ink);color:#fff;border-left:10px solid var(--y);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.catalogBand strong{font-family:var(--head);color:var(--y);font-size:1rem}.catalogBand span{color:#d8d6cf;font-size:.84rem}.catalogBand a{flex:none;background:var(--y);color:var(--ink);padding:8px 12px;font-weight:800;border:2px solid #fff}
.products.catalogProducts{grid-template-columns:repeat(3,1fr);gap:18px}
.productCard.rentalCard{position:relative;padding:0;background:var(--ink);color:#fff;border:4px solid var(--ink);border-radius:0;overflow:hidden;box-shadow:7px 7px 0 rgba(253,203,10,.9);transform:none}
.productCard.rentalCard::before{content:"ให้เช่า • แม่สาย";position:absolute;z-index:3;left:0;top:0;background:var(--y);color:var(--ink);padding:6px 10px;font:700 .68rem var(--head);letter-spacing:.03em;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.productCard.rentalCard:hover{transform:translateY(-5px);box-shadow:10px 12px 0 var(--y)}
.productCard.rentalCard .productThumb,.productCard.rentalCard .componentStrip{height:220px;margin:0;border:0;border-radius:0;background:#fff;border-bottom:4px solid var(--ink)}
.productCard.rentalCard .productThumb img{padding:18px}
.productCard.rentalCard .componentStrip{padding:12px;gap:8px}
.productCard.rentalCard .cardBody{padding:16px 16px 17px}
.productCard.rentalCard h3{color:var(--y);margin:0 0 5px;font-size:1.12rem}
.productCard.rentalCard p{color:#d7d5ce;min-height:46px}
.productCard.rentalCard .badge{display:flex;align-items:center;justify-content:space-between;margin-top:13px;border:0;background:var(--y);color:var(--ink);border-radius:0;padding:8px 10px;font-size:.75rem}
.productCard.rentalCard .badge::after{content:"→";font-size:1.1rem;line-height:1}
.catalogQuick{margin-top:30px;padding:22px;background:var(--y);border:3px solid var(--ink);display:grid;grid-template-columns:1.2fr auto;gap:18px;align-items:center;box-shadow:8px 8px 0 var(--ink)}
.catalogQuick h3{margin:0;font-size:1.35rem}.catalogQuick p{margin:4px 0 0;color:#4f4200}.catalogQuick .actions{margin:0}
@media(max-width:980px){.products.catalogProducts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.catalogBand{align-items:flex-start;flex-direction:column}.catalogBand a{width:100%;text-align:center}.products.catalogProducts{grid-template-columns:1fr}.productCard.rentalCard .productThumb,.productCard.rentalCard .componentStrip{height:230px}.catalogQuick{grid-template-columns:1fr;box-shadow:5px 5px 0 var(--ink)}.catalogQuick .actions{display:grid;grid-template-columns:1fr}.catalogQuick .btn{width:100%}}

.formworkVisual{background:linear-gradient(135deg,#fff 0 55%,#f7d737 55% 100%)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink)}.formworkGlyph{width:82px;height:82px;display:grid;place-items:center;background:var(--ink);color:var(--y);font-size:2.9rem;border:7px solid var(--y);box-shadow:8px 8px 0 #dedbd1}.formworkVisual strong{font:700 .72rem var(--head);letter-spacing:.14em}

.catalogFilters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.filterBtn{min-height:40px;padding:0 13px;border:2px solid var(--ink);background:#fff;color:var(--ink);font-weight:800;cursor:pointer}.filterBtn span{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-left:4px;background:#eceae3;font-size:.72rem}.filterBtn:hover,.filterBtn.isActive{background:var(--ink);color:var(--y)}.filterBtn.isActive span{background:var(--y);color:var(--ink)}[data-filter-grid] .rentalCard[hidden]{display:none}

/* ===== AREA MAIBAB official logo ===== */
.mark{width:44px;height:44px;flex:0 0 44px;background:#FDCB0A url('assets/area-symbol-yellow.webp') center/cover no-repeat;border:2px solid var(--ink);clip-path:none;border-radius:5px;box-shadow:3px 3px 0 rgba(0,0,0,.12)}
.pfLogo{background:#FDCB0A;border-color:#fff;overflow:hidden}
.pfLogoMark{width:100%;height:100%;background:#FDCB0A url('assets/area-symbol-yellow.webp') center/cover no-repeat;clip-path:none}
.footBrandLogo{width:150px;height:auto;margin:0 0 14px;border:3px solid var(--y);background:var(--y);box-shadow:6px 6px 0 #000}
@media(max-width:620px){.mark{width:38px;height:38px;flex-basis:38px}.footBrandLogo{width:126px}}

/* Show the whole product image in rental cards */
.productCard.rentalCard .productThumb,
.productCard.rentalCard .componentStrip{height:auto;min-height:280px;aspect-ratio:4/3;margin:0;border:0;border-radius:0;background:#fff;border-bottom:4px solid var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}
.productCard.rentalCard .productThumb img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;padding:0}
.productCard.rentalCard .componentStrip{display:grid;grid-template-columns:repeat(3,1fr);padding:12px}
.productCard.rentalCard .componentStrip img{width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:620px){.productCard.rentalCard .productThumb,.productCard.rentalCard .componentStrip{min-height:310px;aspect-ratio:1/1;padding:14px}}

/* ===== AREA MAIBAB image watermark system ===== */
.areaWmHost{position:relative!important;overflow:hidden;isolation:isolate}
.areaWmHost>.areaWmLayer{position:absolute;right:12px;bottom:12px;width:clamp(72px,23%,150px);aspect-ratio:401/480;background:url('assets/area-watermark.webp') center/contain no-repeat;opacity:.10;pointer-events:none;z-index:5;filter:none}
.areaWmHost.areaWmSmall>.areaWmLayer{right:7px;bottom:7px;width:clamp(46px,27%,88px);opacity:.085}
.areaWmHost>.areaWmSource{position:relative;z-index:1}
.areaWmItem{position:relative;display:grid;place-items:center;min-width:0;min-height:0;height:100%;overflow:hidden;background:#fff}
.areaWmItem>img{width:100%;height:100%;object-fit:contain;object-position:center;position:relative;z-index:1}
.componentStrip>.areaWmItem+.areaWmItem{border-left:1px solid var(--line)}
.pfDialog>.areaWmLayer{right:18px;bottom:18px;width:min(20vw,170px);opacity:.085}
.pfDialog button{z-index:7}
.productStage>.areaWmLayer,.detailHero .visual>.areaWmLayer{width:clamp(86px,22%,170px);opacity:.09}
@media(max-width:620px){
 .areaWmHost>.areaWmLayer{right:9px;bottom:9px;width:clamp(62px,25%,122px);opacity:.10}
 .areaWmHost.areaWmSmall>.areaWmLayer{right:5px;bottom:5px;width:clamp(42px,28%,72px);opacity:.08}
 .pfDialog>.areaWmLayer{width:min(30vw,130px)}
}

/* ===== AREA guide visual ===== */
.guideVisual{margin:24px 0 32px;display:grid;grid-template-columns:minmax(240px,.78fr) 1.22fr;gap:22px;align-items:center;background:var(--ink);color:#fff;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--y)}
.guideVisualMedia{min-height:300px;background:#fff;display:grid;place-items:center;padding:22px;overflow:hidden}
.guideVisualMedia img{width:100%;height:100%;max-height:330px;object-fit:contain;object-position:center}
.guideVisualCopy{padding:24px}.guideVisualCopy .kicker{color:var(--y)}.guideVisualCopy h2{font-size:clamp(1.45rem,3vw,2.1rem);margin:4px 0 10px;color:var(--y)}.guideVisualCopy p{color:#d7d5ce;margin:0}.guideVisualCopy .actions{margin-bottom:0}
@media(max-width:720px){.guideVisual{grid-template-columns:1fr;gap:0;box-shadow:5px 5px 0 var(--y)}.guideVisualMedia{min-height:260px}.guideVisualCopy{padding:18px}}

/* ===== rental conversion + navigation state ===== */
.links a[aria-current="page"]{color:#7b6300;position:relative}.links a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:4px;background:var(--y)}
.menu nav a[aria-current="page"]{color:var(--y);background:#24231e}
.requiredMark{color:#7b6300;font-weight:800}
.formStatus{min-height:26px;margin:8px 0 0;padding:7px 10px;border-left:4px solid transparent;font-size:.85rem}
.formStatus[data-state="saved"]{background:#fff7cc;border-color:#b59200;color:#514400}
.formStatus[data-state="success"]{background:#eef8ea;border-color:#3c7a35;color:#245320}
.formStatus[data-state="error"]{background:#fff0ee;border-color:#b13b31;color:#7a211b}
.formActionsRow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}.formActionsRow .btn{margin:0}
.formHelp{font-size:.78rem;color:#5b510f;margin-top:3px}
@media(max-width:620px){.formActionsRow{display:grid;grid-template-columns:1fr}.formActionsRow .btn{width:100%}.links a[aria-current="page"]::after{display:none}}

/* ===== related rental links ===== */
.relatedRental{margin-top:42px;padding-top:26px;border-top:1px solid var(--line)}
.relatedRental h2{margin:0 0 14px}
.relatedGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.relatedCard{display:grid;grid-template-columns:112px 1fr;min-height:120px;background:#fff;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--y);overflow:hidden;transition:.18s}
.relatedCard:hover{transform:translateY(-3px);box-shadow:7px 8px 0 var(--y)}
.relatedCard .relatedImg{background:#fff;display:grid;place-items:center;min-width:0;overflow:hidden;border-right:2px solid var(--ink)}
.relatedCard .relatedImg img{width:100%;height:100%;object-fit:contain;padding:8px}
.relatedCard .relatedText{padding:13px}.relatedCard h3{margin:0 0 4px;color:var(--ink)}.relatedCard p{margin:0;color:var(--muted);font-size:.84rem}.relatedCard b{display:inline-block;margin-top:8px;color:#725c00;font-size:.8rem}
@media(max-width:680px){.relatedGrid{grid-template-columns:1fr}.relatedCard{grid-template-columns:100px 1fr}}


/* ===== 2026-09 rental marketing conversion polish ===== */
.rentalCard .cardBody{display:flex;flex-direction:column;height:100%}
.rentalCard .badge{margin-top:auto}
.productCard.rentalCard{min-width:0}
.productCard.rentalCard .productThumb{background:linear-gradient(145deg,#fff 0 78%,#f2f0e8 100%)}
.productCard.rentalCard .productThumb img{transition:transform .22s ease}
.productCard.rentalCard:hover .productThumb img{transform:scale(1.025)}
@media(max-width:620px){
 .productCard.rentalCard{box-shadow:5px 6px 0 rgba(253,203,10,.9)}
 .productCard.rentalCard .productThumb,.productCard.rentalCard .componentStrip{min-height:0;aspect-ratio:1/1;padding:12px}
 .productCard.rentalCard .cardBody{padding:15px}
 .productCard.rentalCard h3{font-size:1.28rem}
 .productCard.rentalCard p{min-height:0;font-size:.95rem}
 .productCard.rentalCard .badge{min-height:46px;font-size:.86rem}
}

/* ===== product rental decision panel ===== */
.rentalDecision{margin:30px 0;padding:22px;border:3px solid var(--ink);background:#fff;box-shadow:8px 8px 0 var(--y)}
.rentalDecision h2{margin:4px 0 16px}.decisionGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}
.decisionGrid>div{padding:14px;background:#f7f5ed;border:1px solid var(--line)}.decisionGrid b{display:block;font:800 .95rem var(--head);margin-bottom:4px}.decisionGrid span{display:block;color:var(--muted);font-size:.84rem;line-height:1.55}.rentalDecision .btn{margin:0}
@media(max-width:680px){.rentalDecision{padding:17px;box-shadow:5px 5px 0 var(--y)}.decisionGrid{grid-template-columns:1fr}.rentalDecision .btn{width:100%}}

.productMediaNote{margin:14px 0 22px;padding:12px 14px;background:#fff8d8;border-left:5px solid var(--y);color:#4c451f;font-size:.86rem;line-height:1.65}.productMediaNote b{color:var(--ink)}

/* ===== high-intent featured rental tools ===== */
.featuredRentalTools{background:#f4f3ee}.featuredToolGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.featuredTool{display:grid;grid-template-columns:minmax(190px,.8fr) 1.2fr;background:#fff;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--y);overflow:hidden}.featuredToolMedia{position:relative;min-height:300px;background:#fff;display:grid;place-items:center;overflow:hidden;border-right:4px solid var(--ink)}.featuredToolMedia img{width:100%;height:100%;object-fit:contain;padding:18px}.featuredToolMedia>span{position:absolute;left:0;top:0;background:var(--y);color:var(--ink);padding:7px 10px;font-weight:900;font-size:.72rem;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);z-index:6}.featuredToolBody{padding:22px;align-self:center}.featuredToolBody h3{font-size:1.55rem;margin:3px 0 8px}.featuredToolBody p{color:var(--muted);margin:0}.featuredToolBody .actions{margin-bottom:0}.featuredToolBody .btn{font-size:.78rem;padding:10px 12px}@media(max-width:1020px){.featuredTool{grid-template-columns:1fr}.featuredToolMedia{min-height:280px;border-right:0;border-bottom:4px solid var(--ink)}}@media(max-width:720px){.featuredToolGrid{grid-template-columns:1fr}.featuredTool{box-shadow:5px 5px 0 var(--y)}.featuredToolMedia{min-height:300px}.featuredToolBody{padding:17px}.featuredToolBody .actions{display:grid;grid-template-columns:1fr}.featuredToolBody .btn{width:100%}}

/* ===== campaign marketing landing ===== */
.campaignHero{padding:52px 0;background:var(--ink);color:#fff;border-bottom:8px solid var(--y)}
.campaignHeroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.campaignHero h1{font-size:clamp(3rem,7vw,6.7rem);line-height:.91;margin:14px 0 20px;letter-spacing:-.045em}.campaignHero h1 span{color:var(--y)}.campaignHero p{max-width:690px;color:#d8d5cc;font-size:1.04rem}.campaignHero .eyebrow{background:var(--y);color:var(--ink)}
.campaignHeroMedia{position:relative;min-height:480px}.campaignMediaCard{position:absolute;left:0;top:0;width:72%;height:390px;background:#fff;border:4px solid #fff;box-shadow:14px 14px 0 var(--y);overflow:hidden}.campaignMediaCard.offset{left:auto;right:0;top:115px;width:58%;height:330px;box-shadow:10px 10px 0 #fff}.campaignMediaCard img{width:100%;height:100%;object-fit:contain;padding:16px}.campaignMediaCard>span{position:absolute;left:0;bottom:0;background:var(--ink);color:var(--y);padding:8px 12px;font-weight:900}
.campaignCTA{display:grid;grid-template-columns:1.4fr auto;gap:30px;align-items:center;background:var(--y);padding:30px;border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}.campaignCTA h2{margin:4px 0 8px}.campaignCTA p{margin:0;color:#4e4300}.campaignCTA .actions{margin:0}.campaignFaq details{border-bottom:1px solid var(--line);padding:13px 0}.campaignFaq summary{cursor:pointer;font:800 1rem var(--head)}.campaignFaq details p{color:var(--muted)}
@media(max-width:850px){.campaignHeroGrid{grid-template-columns:1fr}.campaignHeroMedia{min-height:390px}.campaignMediaCard{height:310px}.campaignMediaCard.offset{top:95px;height:270px}.campaignCTA{grid-template-columns:1fr}.campaignCTA .actions{display:grid;grid-template-columns:1fr}.campaignCTA .btn{width:100%}}
@media(max-width:560px){.campaignHero{padding:34px 0}.campaignHeroMedia{min-height:330px}.campaignMediaCard{width:78%;height:260px;box-shadow:8px 8px 0 var(--y)}.campaignMediaCard.offset{width:61%;height:220px;top:92px;box-shadow:7px 7px 0 #fff}.campaignHero .actions{display:grid;grid-template-columns:1fr}.campaignHero .btn{width:100%}.campaignCTA{padding:20px;box-shadow:6px 6px 0 var(--ink)}}

/* ===== targeted campaign pages ===== */
.campaignSingleMedia{position:relative;min-height:470px;background:#fff;border:4px solid #fff;box-shadow:14px 14px 0 var(--y);display:grid;place-items:center;overflow:hidden}
.campaignSingleMedia img{width:100%;height:100%;max-height:470px;object-fit:contain;padding:22px}.campaignSingleMedia>span{position:absolute;left:0;bottom:0;background:var(--ink);color:var(--y);padding:9px 13px;font-weight:900;z-index:6}
.campaignDecision{margin-top:18px}.campaignInlineCta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.campaignTrust{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:3px solid var(--ink);background:#fff}.campaignTrust>div{padding:20px}.campaignTrust>div+div{border-left:1px solid var(--line)}.campaignTrust b{display:block;font:900 1rem var(--head);margin-bottom:5px}.campaignTrust span{display:block;color:var(--muted);font-size:.86rem;line-height:1.6}.campaignRelated{max-width:820px}.campaignRelatedCard{max-width:680px}
@media(max-width:850px){.campaignSingleMedia{min-height:360px}.campaignSingleMedia img{max-height:360px}.campaignTrust{grid-template-columns:1fr}.campaignTrust>div+div{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:560px){.campaignSingleMedia{min-height:300px;box-shadow:8px 8px 0 var(--y)}.campaignSingleMedia img{max-height:300px;padding:14px}.campaignInlineCta{display:grid;grid-template-columns:1fr}.campaignInlineCta .btn{width:100%}}

/* ===== campaign product gallery ===== */
.campaignProductFrame{width:100%;max-width:680px;margin:0;align-self:center}
.campaignHero .campaignProductFrame{box-shadow:14px 14px 0 var(--y)}
.campaignHero .campaignProductFrame .pfStage{aspect-ratio:1/1;min-height:0}
.campaignHero .campaignProductFrame .pfMain img{padding:16px}
@media(max-width:850px){.campaignProductFrame{max-width:640px;margin:0 auto}.campaignHero .campaignProductFrame{box-shadow:9px 9px 0 var(--y)}}
@media(max-width:560px){.campaignHero .campaignProductFrame{box-shadow:7px 7px 0 var(--y)}.campaignHero .campaignProductFrame .pfStage{aspect-ratio:1/1}.campaignHero .campaignProductFrame .pfCaption{min-height:98px}}

/* ===== campaign media rail ===== */
.campaignSingleMedia{display:flex;flex-direction:column;align-items:stretch}
.campaignSingleMedia>img{flex:1;min-height:0}
.campaignMediaRail{display:flex;gap:8px;padding:8px;background:var(--ink);z-index:7}
.campaignMediaRail img{width:76px;height:60px;object-fit:contain;background:#fff;border:2px solid var(--y);padding:2px}
.campaignSingleMedia .watermarkText{position:absolute;right:16px;top:16px;color:rgba(0,0,0,.14);font:900 .7rem var(--head);letter-spacing:.14em;z-index:7}
@media(max-width:560px){.campaignMediaRail img{width:64px;height:52px}}

/* ===== rental inquiry context ===== */
.rentItemHelp{margin-top:8px;padding:9px 11px;background:#fff8d8;border-left:4px solid var(--y);font-size:.82rem;line-height:1.55;color:#514600}
.rentalSourceBadge{display:inline-flex;align-items:center;gap:6px;margin:8px 0 4px;padding:6px 9px;background:var(--ink);color:var(--y);font:800 .72rem var(--head);letter-spacing:.02em}
.rentalSourceBadge[hidden]{display:none}

/* ===== Mae Sai local area choices ===== */
.maesaiLocal{margin:30px 0;padding:24px;background:#fff;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--y)}
.maesaiLocal>p{color:var(--muted);max-width:820px}.localAreaGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.localAreaChoice{display:flex;flex-direction:column;gap:4px;min-height:88px;padding:14px;background:#f7f5ed;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--y);transition:.16s}
.localAreaChoice:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--y)}.localAreaChoice b{font:900 .95rem var(--head);color:var(--ink)}.localAreaChoice span{font-size:.76rem;color:#6b5a00}
.locationQuick{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.locationQuick>span{display:flex;align-items:center;font-size:.78rem;color:var(--muted);font-weight:700;margin-right:2px}
.locationQuick button{min-height:34px;padding:5px 10px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font-weight:800;cursor:pointer}
.locationQuick button:hover,.locationQuick button:focus-visible{background:var(--y);outline:none}.locationQuick button:active{transform:translateY(1px)}
@media(max-width:900px){.localAreaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.maesaiLocal{padding:18px;box-shadow:5px 5px 0 var(--y)}.localAreaGrid{grid-template-columns:1fr 1fr}.localAreaChoice{min-height:76px;padding:11px}.locationQuick button{flex:1 1 calc(50% - 7px)}}

/* ===== product AEO polish ===== */
.productFaq{margin:34px 0 28px;padding:22px;background:#f7f5ed;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--y)}
.productFaq h2{margin:4px 0 14px}.productFaq .faq details{background:#fff}.productFaq .faq details+details{margin-top:8px}
.formworkLeadVisual{min-height:300px;margin:20px 0 28px;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--y);padding:28px}
.formworkLeadVisual span{font-size:.92rem;color:#45413b;font-weight:700;text-align:center}
@media(max-width:620px){.productFaq{padding:16px;box-shadow:4px 4px 0 var(--y)}.formworkLeadVisual{min-height:240px;margin:16px 0 24px;box-shadow:5px 5px 0 var(--y);padding:20px}}


/* ===== formwork rental type selector ===== */
.formworkTypes{margin:34px 0 38px}.formworkTypesIntro{max-width:780px;color:var(--muted);margin:0 0 18px}
.formworkTypeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.formworkTypeCard{background:#fff;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--y);overflow:hidden}
.formworkTypeMedia{position:relative;display:grid;place-items:center;min-height:300px;background:linear-gradient(145deg,#fff 0 76%,#f0eee5 100%);border-bottom:4px solid var(--ink);overflow:hidden}
.formworkTypeMedia img{width:100%;height:300px;object-fit:contain;padding:18px;transition:transform .2s ease}
.formworkTypeMedia:hover img{transform:scale(1.025)}.formworkTypeMedia>span{position:absolute;left:0;top:0;background:var(--y);color:var(--ink);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:8px 12px;font:900 .78rem var(--head);z-index:6}
.formworkTypeBody{padding:20px}.formworkTypeBody h3{font-size:1.55rem;margin:0 0 6px}.formworkTypeBody p{margin:0;color:var(--muted)}
.formworkTypeActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.formworkTypeActions .btn{margin:0;font-size:.78rem;padding:10px 12px}
@media(max-width:920px){.formworkTypeGrid{grid-template-columns:1fr}.formworkTypeCard{box-shadow:5px 5px 0 var(--y)}.formworkTypeMedia{min-height:260px}.formworkTypeMedia img{height:260px}.formworkTypeActions{display:grid;grid-template-columns:1fr}.formworkTypeActions .btn{width:100%}}


/* ===== featured formwork conversion ===== */
.featuredFormwork{background:linear-gradient(180deg,#fff 0,#f7f5ed 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.featuredFormworkGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.featuredFormworkCard{display:grid;grid-template-columns:1fr;background:#fff;border:4px solid var(--ink);box-shadow:9px 9px 0 var(--y);overflow:hidden}
.featuredFormworkMedia{position:relative;min-height:260px;background:#fff;display:grid;place-items:center;border-bottom:4px solid var(--ink);overflow:hidden}
.featuredFormworkMedia img{width:100%;height:100%;object-fit:contain;padding:18px;transition:transform .22s ease}.featuredFormworkMedia:hover img{transform:scale(1.025)}
.featuredFormworkMedia>span{position:absolute;left:0;top:0;background:var(--y);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:8px 12px;font:900 .78rem var(--head);z-index:6}
.featuredFormworkBody{padding:22px;align-self:center}.featuredFormworkBody h3{font-size:1.65rem;margin:3px 0 8px}.featuredFormworkBody p{margin:0;color:var(--muted)}
.formworkSpecChips{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 4px}.formworkSpecChips span{background:#fff8d8;border:1px solid #c8a900;padding:5px 8px;font-size:.72rem;font-weight:800}
.featuredFormworkBody .actions{margin-bottom:0}.featuredFormworkBody .btn{font-size:.78rem;padding:10px 12px}.featuredFormworkAll{justify-content:center;margin-bottom:0}
@media(max-width:1120px){.featuredFormworkGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.featuredFormworkGrid{grid-template-columns:1fr}.featuredFormworkCard{box-shadow:5px 5px 0 var(--y)}.featuredFormworkMedia{min-height:280px}.featuredFormworkBody{padding:17px}.featuredFormworkBody .actions{display:grid;grid-template-columns:1fr}.featuredFormworkBody .btn{width:100%}.featuredFormworkAll .btn{width:100%}}

/* ===== rental formwork size helper ===== */
.formworkDetailPanel{padding:16px;background:#171717;color:#fff;border:3px solid #171717;border-radius:14px;box-shadow:6px 6px 0 rgba(181,146,0,.75)}
.formworkDetailPanel[hidden]{display:none}.formworkDetailHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}
.formworkDetailHead b{display:block;color:var(--y);font:800 1rem var(--head)}.formworkDetailHead>div>span{display:block;color:#ddd;font-size:.78rem}.formworkDetailHead>span{background:var(--y);color:var(--ink);padding:5px 8px;font-size:.7rem;font-weight:900;white-space:nowrap}
.formworkDetailGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.formworkDetailPanel .field label{color:#fff}.formworkDetailPanel .field input{border-color:#6f6b5c;background:#fff;color:var(--ink)}
@media(max-width:720px){.formworkDetailHead{display:block}.formworkDetailHead>span{display:inline-block;margin-top:8px}.formworkDetailGrid{grid-template-columns:1fr}.formworkDetailPanel{box-shadow:4px 4px 0 rgba(181,146,0,.75)}}


/* ===== column / pedestal price matrix ===== */
.columnPriceSection{margin:34px 0;padding:24px;background:#fff;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--y)}
.columnPriceSection h2{margin:4px 0 8px}.priceLead{margin:0 0 16px;color:var(--muted)}
.columnPriceTable{border-radius:0;border:2px solid var(--ink)}.columnPriceTable table{min-width:760px;text-align:center}.columnPriceTable caption{background:var(--y);color:var(--ink);font:900 1rem var(--head);text-align:center;border-bottom:2px solid var(--ink)}
.columnPriceTable th,.columnPriceTable td{text-align:center;border:1px solid #999;padding:10px 12px}.columnPriceTable thead th{background:#f6e1a0}.columnPriceTable tbody th{background:#f6e1a0;font-weight:900}.columnPriceTable td{font-weight:800}.priceNote{font-size:.8rem;color:var(--muted);margin:10px 0 18px}
.columnPriceCalc{display:grid;grid-template-columns:1fr 1fr .8fr 1.25fr;gap:10px;align-items:end;background:#f6f4eb;border:1px solid var(--line);padding:14px}
.columnPriceCalc label{display:block;font-size:.78rem;font-weight:900;margin-bottom:5px}.columnPriceCalc select,.columnPriceCalc input{width:100%;min-height:44px;border:2px solid var(--ink);background:#fff;padding:8px 10px;font:inherit}
.columnPriceResult{min-height:72px;background:var(--ink);color:#fff;padding:10px 12px;display:flex;flex-direction:column;justify-content:center}.columnPriceResult span{font-size:.72rem;color:#ddd}.columnPriceResult strong{color:var(--y);font:900 1.1rem var(--head)}.columnPriceResult small{color:#fff;margin-top:2px}.columnPriceCta{margin-top:12px}
@media(max-width:780px){.columnPriceSection{padding:16px;box-shadow:4px 4px 0 var(--y)}.columnPriceCalc{grid-template-columns:1fr 1fr}.columnPriceResult{grid-column:1/-1}.columnPriceCta{width:100%}}
@media(max-width:520px){.columnPriceCalc{grid-template-columns:1fr}.columnPriceResult{grid-column:auto}}


/* ===== beam price matrix ===== */
.beamPriceSection{margin:34px 0;padding:24px;background:#fff;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--y)}
.beamPriceSection h2{margin:4px 0 8px}.beamRateTable{max-width:620px;border-radius:0;border:2px solid var(--ink)}.beamRateTable table{min-width:0}.beamRateTable caption{background:var(--y);color:var(--ink);font:900 1rem var(--head);text-align:center;border-bottom:2px solid var(--ink)}
.beamRateTable th,.beamRateTable td{text-align:center;border:1px solid #999;padding:10px 12px}.beamRateTable thead th,.beamRateTable tbody th{background:#f6e1a0}.beamRateTable tbody th{font-weight:900}.beamRateTable td{font-weight:800}
.beamLengths{margin:18px 0}.beamLengths>b{display:block;margin-bottom:8px}.beamLengthChips{display:flex;flex-wrap:wrap;gap:7px}.beamLengthChips span{background:#fff8d8;border:1px solid #c8a900;padding:6px 9px;font-size:.76rem;font-weight:900}
.beamPriceCalc{display:grid;grid-template-columns:1fr 1fr .8fr 1.25fr;gap:10px;align-items:end;background:#f6f4eb;border:1px solid var(--line);padding:14px}
.beamPriceCalc label{display:block;font-size:.78rem;font-weight:900;margin-bottom:5px}.beamPriceCalc select,.beamPriceCalc input{width:100%;min-height:44px;border:2px solid var(--ink);background:#fff;padding:8px 10px;font:inherit}
.beamPriceResult{min-height:72px;background:var(--ink);color:#fff;padding:10px 12px;display:flex;flex-direction:column;justify-content:center}.beamPriceResult span{font-size:.72rem;color:#ddd}.beamPriceResult strong{color:var(--y);font:900 1.1rem var(--head)}.beamPriceResult small{color:#fff;margin-top:2px}.beamPriceCta{margin-top:12px}
@media(max-width:780px){.beamPriceSection{padding:16px;box-shadow:4px 4px 0 var(--y)}.beamPriceCalc{grid-template-columns:1fr 1fr}.beamPriceResult{grid-column:1/-1}.beamPriceCta{width:100%}}
@media(max-width:520px){.beamPriceCalc{grid-template-columns:1fr}.beamPriceResult{grid-column:auto}}


/* ===== scaffolding 1.7M price table ===== */
.scaffoldPriceSection{margin:34px 0;padding:24px;background:#fff;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--y)}
.scaffoldPriceSection h2{margin:4px 0 8px}.scaffoldRateTable{max-width:760px;border-radius:0;border:2px solid var(--ink)}.scaffoldRateTable table{min-width:620px}.scaffoldRateTable caption{background:var(--y);color:var(--ink);font:900 1rem var(--head);text-align:center;border-bottom:2px solid var(--ink)}
.scaffoldRateTable th,.scaffoldRateTable td{text-align:center;border:1px solid #999;padding:10px 12px}.scaffoldRateTable thead th,.scaffoldRateTable tbody th{background:#f6e1a0}.scaffoldRateTable tbody th{font-weight:900}.scaffoldRateTable td{font-weight:800}
.scaffoldBundle{margin-top:18px;background:#f6f4eb;border:2px solid var(--ink);padding:16px}.scaffoldBundleHead{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:12px}.scaffoldBundleHead b{display:block;font:900 1.05rem var(--head)}.scaffoldBundleHead div>span{display:block;color:var(--muted);font-size:.78rem}.scaffoldBundleHead>span{background:var(--y);border:2px solid var(--ink);padding:5px 8px;font-size:.72rem;font-weight:900;white-space:nowrap}
.scaffoldBundleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.scaffoldBundleItem{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:2px solid var(--ink);padding:10px 12px}.scaffoldBundleItem span{min-width:0}.scaffoldBundleItem b{display:block}.scaffoldBundleItem small{display:block;color:var(--muted)}.scaffoldBundleItem input{width:84px;min-height:44px;border:2px solid var(--ink);text-align:center;font:900 1rem var(--head)}
.scaffoldBundleSummary{display:grid;grid-template-columns:1fr 1.35fr;gap:12px;margin-top:12px;background:var(--ink);color:#fff;padding:14px}.scaffoldBundleSummary>div:first-child span{font-size:.72rem;color:#ddd}.scaffoldBundleSummary strong{display:block;color:var(--y);font:900 1.45rem var(--head)}.scaffoldBundleSummary small{display:block;color:#ddd;margin-top:3px}.scaffoldBundleLines{display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:.78rem}.scaffoldBundleLines span{display:block}.scaffoldBundleActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.scaffoldBundleActions .btn{margin:0}
@media(max-width:720px){.scaffoldPriceSection{padding:16px;box-shadow:4px 4px 0 var(--y)}.scaffoldBundleGrid,.scaffoldBundleSummary{grid-template-columns:1fr}.scaffoldBundleHead{display:block}.scaffoldBundleHead>span{display:inline-block;margin-top:8px}.scaffoldBundleActions{display:grid;grid-template-columns:1fr}.scaffoldBundleActions .btn{width:100%}}


/* ===== rental unit notice ===== */
.rentalUnitNotice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 24px;padding:14px 16px;background:#fff8d8;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--y)}
.rentalUnitNotice b{font:900 1rem var(--head);white-space:nowrap}.rentalUnitNotice span{color:var(--muted);font-size:.82rem}.rentalUnitNotice.compact{margin:10px 0 18px}
.scaffoldBundleDays{margin-bottom:10px}.scaffoldBundleDays label{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:2px solid var(--ink);padding:10px 12px}.scaffoldBundleDays b{display:block}.scaffoldBundleDays small{display:block;color:var(--muted)}.scaffoldBundleDays input{width:100px;min-height:44px;border:2px solid var(--ink);text-align:center;font:900 1rem var(--head)}
@media(max-width:720px){.rentalUnitNotice{display:block}.rentalUnitNotice b{display:block;white-space:normal;margin-bottom:5px}}


/* ===== mobile price tables: fit viewport without horizontal scroll ===== */
.columnPriceTable,.beamRateTable,.scaffoldRateTable{
  width:100%;
  max-width:100%;
  overflow:hidden;
}
.columnPriceTable table,.beamRateTable table,.scaffoldRateTable table{
  width:100%;
  max-width:100%;
  min-width:0;
  table-layout:fixed;
}
@media(max-width:620px){
  .columnPriceSection,.beamPriceSection,.scaffoldPriceSection{
    padding:10px;
    border-width:2px;
    box-shadow:3px 3px 0 var(--y);
  }
  .columnPriceTable,.beamRateTable,.scaffoldRateTable{
    border-width:1px;
    overflow:hidden;
  }
  .columnPriceTable caption,.beamRateTable caption,.scaffoldRateTable caption{
    padding:8px 5px;
    font-size:.78rem;
    line-height:1.25;
  }
  .columnPriceTable th,.columnPriceTable td{
    padding:7px 1px;
    font-size:.66rem;
    line-height:1.12;
    white-space:nowrap;
  }
  .columnPriceTable th:first-child,.columnPriceTable td:first-child{
    width:18%;
  }
  .beamRateTable th,.beamRateTable td{
    padding:8px 5px;
    font-size:.78rem;
    line-height:1.2;
  }
  .beamRateTable th:first-child,.beamRateTable td:first-child{
    width:48%;
  }
  .scaffoldRateTable th,.scaffoldRateTable td{
    padding:8px 3px;
    font-size:.72rem;
    line-height:1.18;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .scaffoldRateTable th:first-child,.scaffoldRateTable td:first-child{
    width:42%;
  }
  .scaffoldRateTable th:nth-child(2),.scaffoldRateTable td:nth-child(2){
    width:20%;
  }
  .scaffoldRateTable th:nth-child(3),.scaffoldRateTable td:nth-child(3){
    width:38%;
  }
}
@media(max-width:380px){
  .columnPriceSection,.beamPriceSection,.scaffoldPriceSection{padding:7px}
  .columnPriceTable caption,.beamRateTable caption,.scaffoldRateTable caption{font-size:.72rem}
  .columnPriceTable th,.columnPriceTable td{
    padding:6px 0;
    font-size:.59rem;
    letter-spacing:-.02em;
  }
  .beamRateTable th,.beamRateTable td{padding:7px 3px;font-size:.72rem}
  .scaffoldRateTable th,.scaffoldRateTable td{padding:7px 2px;font-size:.66rem}
}

/* ===== SEO / AEO article hub ===== */
.articleHubHero{padding:64px 0 34px;background:linear-gradient(135deg,#fff 0 72%,#fff1a8 72% 100%);border-bottom:1px solid var(--line)}
.articleHubHero h1{font-size:clamp(2.4rem,5vw,5rem);max-width:980px;margin:8px 0 14px}
.articleTopicPills{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.articleTopicPills a{border:2px solid var(--ink);background:#fff;padding:7px 12px;font-weight:900}
.articleHubIntro{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}.articleHubIntro>div{border:2px solid var(--ink);background:#fff;padding:16px}.articleHubIntro b,.articleHubIntro span{display:block}.articleHubIntro span{font-size:.82rem;color:var(--muted);margin-top:4px}
.seoArticleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.seoArticleCard{display:grid;grid-template-columns:180px 1fr;border:2px solid var(--ink);background:#fff;overflow:hidden}.seoArticleCard.featured{grid-column:1/-1;grid-template-columns:minmax(280px,.8fr) 1.2fr;border-width:4px;box-shadow:7px 7px 0 var(--y)}
.seoArticleImage{background:#f7f5ec;display:grid;place-items:center;min-height:210px}.seoArticleImage img{width:100%;height:100%;object-fit:contain;padding:12px}.seoArticleBody{padding:18px}.seoArticleCategory{display:inline-block;background:var(--y);padding:4px 7px;font-size:.68rem;font-weight:900;margin-bottom:8px}.seoArticleBody h2{font-size:1.25rem;margin:0 0 7px}.seoArticleBody h2 a{color:var(--ink)}.seoArticleBody p{font-size:.84rem;color:var(--muted);margin:0}.seoArticleMeta{font-size:.7rem;color:#777;margin-top:12px}.seoArticleRead{display:inline-block;margin-top:10px;font-weight:900}
.homeArticles{background:#171717;color:#fff}.homeArticles .head p{color:#ccc}.homeArticleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.homeArticleGrid>a{background:#fff;color:var(--ink);border:3px solid var(--y);display:grid;grid-template-columns:120px 1fr;min-height:135px}.homeArticleGrid img{width:100%;height:100%;object-fit:contain;padding:8px;background:#f7f5ec}.homeArticleGrid div{padding:14px;align-self:center}.homeArticleGrid b,.homeArticleGrid span{display:block}.homeArticleGrid span{font-size:.78rem;color:var(--muted);margin-top:4px}
.contentBridge{margin:16px 0;padding:12px 14px;background:#fff8d8;border-left:5px solid var(--y);font-size:.86rem}.contentBridge a{font-weight:900;text-decoration:underline}
/* ===== SEO article page ===== */
.seoArticle{padding:38px 0 72px}.articlePage{max-width:900px}.articlePage h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.08;margin:8px 0 10px}.articleMeta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}.articleMeta span{background:#f1efe7;border:1px solid var(--line);padding:5px 8px;font-size:.7rem}
.answerFirst{background:var(--ink);color:#fff;border-left:8px solid var(--y);padding:18px 20px;margin:18px 0}.answerFirst b{color:var(--y);font:900 .8rem var(--head)}.answerFirst p{font-size:1.08rem;line-height:1.7;margin:6px 0 0}.answerFirst strong{color:#fff}
.articleHeroImage{margin:22px 0;background:#f7f5ec;border:2px solid var(--ink);min-height:300px;display:grid;place-items:center}.articleHeroImage img{max-height:470px;width:100%;object-fit:contain;padding:16px}
.articleTOC{display:grid;gap:4px;background:#f7f5ec;border:1px solid var(--line);padding:16px;margin:18px 0 30px}.articleTOC b{font:900 .84rem var(--head);margin-bottom:4px}.articleTOC a{font-size:.84rem;text-decoration:underline}
.articleSection{scroll-margin-top:90px;margin:34px 0}.articleSection h2,.articleQA h2,.articleRelated h2{font-size:clamp(1.55rem,3vw,2rem);margin:0 0 10px}.articleSection p{line-height:1.75}
.articleFactGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.articleFact{border:2px solid var(--ink);padding:14px;background:#fff}.articleFact b,.articleFact span{display:block}.articleFact span{font-size:.8rem;color:var(--muted);margin-top:5px}
.answerInline,.formulaBox{background:#fff8d8;border:2px solid #c8a900;padding:14px 16px;margin:14px 0}.formulaBox b,.formulaBox span{display:block}.formulaBox span{margin-top:4px}
.articleSteps{display:grid;gap:8px;padding:0}.articleSteps li{list-style:none;display:grid;grid-template-columns:160px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.articleSteps b{font-family:var(--head)}.articleSteps span{color:var(--muted)}
.rateCards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.rateCards.five{grid-template-columns:repeat(5,1fr)}.rateCards>div{border:2px solid var(--ink);background:#fff;padding:12px;text-align:center}.rateCards b,.rateCards strong,.rateCards span{display:block}.rateCards strong{font:900 1.55rem var(--head);color:#b00000}.rateCards span{font-size:.72rem;color:var(--muted)}
.lengthCloud{display:flex;flex-wrap:wrap;gap:7px}.lengthCloud span{background:#fff8d8;border:1px solid #c8a900;padding:6px 9px;font-weight:900;font-size:.78rem}.matrixCards{display:grid;gap:9px}.matrixCards>div{border:2px solid var(--ink);padding:12px;background:#fff}.matrixCards b,.matrixCards span{display:block}.matrixCards span{color:var(--muted);margin-top:4px}
.articleLinkRow{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.articleLinkRow a{border:2px solid var(--ink);padding:8px 10px;font-weight:900}
.articleQA{margin:42px 0}.qaItem{border-top:1px solid var(--line);padding:14px 0}.qaItem h3{font-size:1.06rem;margin:0 0 5px}.qaItem p{margin:0;color:var(--muted);line-height:1.65}
.articleRelated{margin:42px 0}.articleRelatedGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.articleRelatedGrid a{border:2px solid var(--ink);padding:14px;background:#fff}.articleRelatedGrid b,.articleRelatedGrid span,.articleRelatedGrid em{display:block}.articleRelatedGrid span{font-size:.78rem;color:var(--muted);margin:5px 0}.articleRelatedGrid em{font-style:normal;font-weight:900;font-size:.78rem}
.articleCTA{display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--y);border:3px solid var(--ink);padding:18px}.articleCTA b,.articleCTA span{display:block}.articleCTA span{font-size:.8rem;margin-top:4px}.articleCTA>div:last-child{display:flex;gap:8px}.articleCTA .btn{margin:0;white-space:nowrap}
@media(max-width:820px){.seoArticleGrid{grid-template-columns:1fr}.seoArticleCard,.seoArticleCard.featured{grid-column:auto;grid-template-columns:150px 1fr}.articleHubIntro{grid-template-columns:1fr}.homeArticleGrid{grid-template-columns:1fr}.articleFactGrid,.articleRelatedGrid{grid-template-columns:1fr}.rateCards,.rateCards.five{grid-template-columns:repeat(2,1fr)}.articleCTA{display:block}.articleCTA>div:last-child{margin-top:12px;flex-wrap:wrap}}
@media(max-width:560px){.seoArticleCard,.seoArticleCard.featured{grid-template-columns:1fr}.seoArticleImage{min-height:190px}.articleHeroImage{min-height:220px}.articleSteps li{grid-template-columns:1fr;gap:3px}.rateCards,.rateCards.five{grid-template-columns:1fr 1fr}.homeArticleGrid>a{grid-template-columns:90px 1fr}.articleCTA>div:last-child{display:grid;grid-template-columns:1fr}.articleCTA .btn{width:100%}}

/* ===== topic cluster map ===== */
.topicClusterMap{margin:0 0 28px;padding:20px;background:#fff8d8;border:2px solid var(--ink)}
.topicClusterMap h2{margin:4px 0 14px}.topicClusterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.topicClusterGrid>div{background:#fff;border:2px solid var(--ink);padding:14px}.topicClusterGrid b,.topicClusterGrid a{display:block}.topicClusterGrid b{font:900 1rem var(--head);margin-bottom:8px}.topicClusterGrid a{font-size:.8rem;padding:6px 0;border-top:1px solid var(--line)}.topicClusterGrid a:first-of-type{border-top:0}
@media(max-width:760px){.topicClusterGrid{grid-template-columns:1fr}}

/* ===== mobile technical SEO layout polish ===== */
html,body{max-width:100%;overflow-x:hidden}
.articlePage h1,.articleSection h2,.seoArticleBody h2,.contentBridge,.productFaq summary{overflow-wrap:anywhere}
.menu nav{max-height:calc(100vh - 84px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:620px){
  .articlePage h1{font-size:clamp(1.75rem,8vw,2.35rem);line-height:1.12}
  .articleSection h2,.articleQA h2,.articleRelated h2{font-size:1.45rem;line-height:1.25}
  .breadcrumbs{overflow-wrap:anywhere}
  .articleCTA .btn,.actions .btn{white-space:normal;text-align:center}
  .productFaq{overflow:hidden}
}

/* ===== formwork project gallery ===== */
.formworkProjectSection{margin:42px 0;padding:26px;background:#171717;color:#fff;border:4px solid var(--ink);box-shadow:9px 9px 0 var(--y)}
.formworkProjectSection h2{margin:4px 0 8px}.formworkProjectLead{color:#d8d8d8;max-width:850px}
.formworkProjectGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.formworkProjectCard{margin:0;background:#fff;color:var(--ink);border:3px solid var(--y);overflow:hidden}
.formworkProjectMedia{position:relative;background:#272727;overflow:hidden}
.formworkProjectMedia img{display:block;width:100%;height:360px;object-fit:cover}
.formworkProjectCard figcaption{padding:12px 14px}.formworkProjectCard figcaption b,.formworkProjectCard figcaption span{display:block}.formworkProjectCard figcaption span{font-size:.78rem;color:var(--muted);margin-top:3px}
.formworkProjectActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.formworkProjectActions .btn{margin:0}
.homeProjectStrip{background:#fff8d8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.homeProjectGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.homeProjectGrid a{display:block;border:3px solid var(--ink);background:#fff;overflow:hidden}
.homeProjectGrid img{display:block;width:100%;height:280px;object-fit:cover}
@media(max-width:720px){.formworkProjectSection{padding:15px;box-shadow:5px 5px 0 var(--y)}.formworkProjectGrid,.homeProjectGrid{grid-template-columns:1fr}.formworkProjectMedia img{height:auto;max-height:440px}.homeProjectGrid img{height:auto;max-height:360px}.formworkProjectActions{display:grid;grid-template-columns:1fr}.formworkProjectActions .btn{width:100%}}

/* ===== formwork worksite portfolio ===== */
.formworkWork{margin:42px 0 46px;padding-top:6px}
.formworkWorkHead{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:18px}
.formworkWorkHead h2{margin:3px 0 0;font-size:clamp(1.8rem,3vw,2.6rem)}
.formworkWorkHead p{max-width:650px;color:var(--muted);margin:0;line-height:1.65}
.formworkWorkGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.formworkWorkCard{margin:0;background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--y);overflow:hidden}
.formworkWorkMedia{aspect-ratio:4/3;background:#e9e6dc;overflow:hidden}
.formworkWorkCard.isPortrait .formworkWorkMedia{aspect-ratio:3/4}
.formworkWorkMedia img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.formworkWorkCard figcaption{padding:12px 13px 14px}
.formworkWorkCard figcaption b,.formworkWorkCard figcaption span{display:block}
.formworkWorkCard figcaption b{font:900 .95rem var(--head)}
.formworkWorkCard figcaption span{font-size:.76rem;color:var(--muted);margin-top:3px;line-height:1.45}
.formworkWorkCta{margin-top:20px;padding:16px 18px;border:3px solid var(--ink);background:var(--y);display:flex;justify-content:space-between;gap:16px;align-items:center}
.formworkWorkCta b,.formworkWorkCta span{display:block}.formworkWorkCta span{font-size:.78rem;margin-top:2px}.formworkWorkCta .btn{margin:0;white-space:nowrap}
.homeFormworkWork{background:#f7f5ed;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.homeFormworkWorkGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.homeFormworkWorkGrid>a{position:relative;display:block;min-height:300px;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--y);overflow:hidden;background:#ddd}
.homeFormworkWorkGrid img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.homeFormworkWorkGrid span{position:absolute;left:0;right:0;bottom:0;padding:13px 15px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;z-index:3}
.homeFormworkWorkGrid b,.homeFormworkWorkGrid em{display:block}.homeFormworkWorkGrid em{font-style:normal;color:var(--y);font-size:.76rem;font-weight:900;margin-top:3px}
@media(max-width:980px){.formworkWorkGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.formworkWorkHead{display:block}.formworkWorkHead p{margin-top:8px}.homeFormworkWorkGrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.formworkWork{margin:30px 0 34px}.formworkWorkGrid{gap:8px}.formworkWorkCard{box-shadow:3px 3px 0 var(--y)}.formworkWorkCard figcaption{padding:9px}.formworkWorkCard figcaption b{font-size:.82rem}.formworkWorkCard figcaption span{font-size:.68rem}.formworkWorkCta{display:block;padding:14px}.formworkWorkCta .btn{display:block;width:100%;margin-top:10px;white-space:normal}.homeFormworkWorkGrid{gap:8px}.homeFormworkWorkGrid>a{min-height:220px;box-shadow:4px 4px 0 var(--y)}}
@media(max-width:390px){.formworkWorkGrid{grid-template-columns:1fr}.homeFormworkWorkGrid{grid-template-columns:1fr}.homeFormworkWorkGrid>a{min-height:260px}}

/* ===== equipment catalog trust + mobile table ===== */
.catalogTrustGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 26px}
.catalogTrustGrid>div{background:#fff;border:2px solid var(--ink);border-top:7px solid var(--y);padding:12px 14px;min-width:0}
.catalogTrustGrid strong,.catalogTrustGrid span{display:block}.catalogTrustGrid strong{font:800 .92rem var(--head)}.catalogTrustGrid span{margin-top:3px;color:var(--muted);font-size:.78rem;line-height:1.45}
.catalogFilterStatus{margin:-10px 0 14px;color:var(--muted);font-size:.78rem}
.catalogJobTable{min-width:0;table-layout:fixed}
.catalogJobTable th,.catalogJobTable td{overflow-wrap:anywhere;word-break:normal}
.catalogJobTable thead th:nth-child(1){width:28%}.catalogJobTable thead th:nth-child(2){width:30%}.catalogJobTable thead th:nth-child(3){width:42%}
@media(max-width:620px){
  .catalogTrustGrid{grid-template-columns:1fr;gap:8px}
  .tableWrap:has(.catalogJobTable){overflow:visible}
  .catalogJobTable{width:100%;min-width:0;table-layout:fixed;font-size:.72rem}
  .catalogJobTable caption{padding:10px;font-size:.8rem}
  .catalogJobTable th,.catalogJobTable td{padding:8px 5px;line-height:1.35;vertical-align:top}
  .catalogJobTable thead th:nth-child(1){width:27%}.catalogJobTable thead th:nth-child(2){width:31%}.catalogJobTable thead th:nth-child(3){width:42%}
}

/* ===== scaffolding spec + mobile contact ===== */
.scaffoldQuickContact{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 20px}.scaffoldQuickContact .btn{margin:0}
.scaffoldSpecSection,.scaffoldHeightGuide{margin:38px 0 30px}
.scaffoldSpecSection>p,.scaffoldHeightGuide>p{max-width:900px;color:var(--muted);line-height:1.65}
.scaffoldSpecTable table{min-width:0;table-layout:fixed}.scaffoldSpecTable th,.scaffoldSpecTable td{overflow-wrap:anywhere;vertical-align:top}.scaffoldSpecTable thead th:nth-child(1){width:24%}.scaffoldSpecTable thead th:nth-child(2){width:30%}.scaffoldSpecTable thead th:nth-child(3){width:46%}
.heightGuideGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.heightGuideGrid>div{background:#fff;border:2px solid var(--ink);border-top:7px solid var(--y);padding:14px}.heightGuideGrid b,.heightGuideGrid span{display:block}.heightGuideGrid b{font:800 1rem var(--head)}.heightGuideGrid span{margin-top:4px;color:var(--muted);font-size:.82rem;line-height:1.45}.scaffoldHeightCta{margin-top:14px}
@media(max-width:620px){.scaffoldQuickContact{display:grid;grid-template-columns:1fr}.scaffoldQuickContact .btn{width:100%;text-align:center}.heightGuideGrid{grid-template-columns:1fr}.tableWrap.scaffoldSpecTable{overflow:visible}.scaffoldSpecTable table{width:100%;min-width:0;font-size:.7rem}.scaffoldSpecTable caption{padding:10px;font-size:.8rem}.scaffoldSpecTable th,.scaffoldSpecTable td{padding:8px 5px;line-height:1.35}.scaffoldHeightCta .btn{width:100%;white-space:normal;text-align:center}}

/* ===== homepage merged portfolio + local visit ===== */

.homePortfolioMerged,
.localVisit {
  position: relative;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.homePortfolioMerged {
  background: #fff8d8;
}

.homePortfolioGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 1.5vw, 18px);
}

.homePortfolioCard {
  position: relative;
  isolation: isolate;
  display: block;
  min-width: 0;
  min-height: 330px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #ddd;
  border: 4px solid var(--ink);
  box-shadow: 7px 7px 0 var(--y);
  color: #fff;
  text-decoration: none;
  transform: translateZ(0);
  transition: transform .22s ease, box-shadow .22s ease;
}

.homePortfolioCard::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .16) 100%);
  opacity: .35;
  transition: opacity .22s ease;
}

.homePortfolioCard img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.001);
  transition: transform .35s ease;
}

.homePortfolioCard span {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 40px 15px 15px;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .72) 46%, rgba(0, 0, 0, .94) 100%);
  color: #fff;
}

.homePortfolioCard b,
.homePortfolioCard em {
  display: block;
  overflow-wrap: anywhere;
}

.homePortfolioCard b {
  font: 900 clamp(1rem, 1.2vw, 1.12rem) var(--head);
  line-height: 1.25;
}

.homePortfolioCard em {
  margin-top: 4px;
  color: var(--y);
  font-size: .8rem;
  font-weight: 800;
  font-style: normal;
  line-height: 1.4;
}

.homePortfolioCard:focus-visible {
  outline: 4px solid var(--y);
  outline-offset: 4px;
}

.homePortfolioCard:active {
  transform: translateY(1px);
  box-shadow: 4px 4px 0 var(--y);
}

.homePortfolioActions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.homePortfolioActions .btn {
  margin: 0;
}

.localVisit {
  background: #f7f5ed;
}

.localVisitGrid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(14px, 2vw, 22px);
  align-items: stretch;
}

.localVisitGrid > * {
  min-width: 0;
}

.localVisitInfo {
  display: grid;
  gap: 10px;
  align-content: start;
}

.localTrustBadge {
  padding: 14px 16px;
  background: #fff;
  border: 2px solid var(--ink);
  border-left: 8px solid var(--y);
  box-shadow: 3px 3px 0 rgba(24, 24, 23, .08);
}

.localTrustBadge b,
.localTrustBadge span {
  display: block;
  overflow-wrap: anywhere;
}

.localTrustBadge b {
  font: 900 .95rem var(--head);
  line-height: 1.3;
}

.localTrustBadge span {
  margin-top: 4px;
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.55;
}

.localVisitInfo .actions {
  margin-top: 4px;
}

.localMap {
  position: relative;
  display: flex;
  min-height: 420px;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: #ddd;
  border: 3px solid var(--ink);
  box-shadow: 6px 6px 0 var(--y);
}

.localMap iframe {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 420px;
  border: 0;
  background: #ddd;
}

.localMap:focus-within {
  outline: 4px solid var(--y);
  outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
  .homePortfolioCard:hover {
    transform: translate(-3px, -3px);
    box-shadow: 10px 10px 0 var(--y);
  }

  .homePortfolioCard:hover img {
    transform: scale(1.04);
  }

  .homePortfolioCard:hover::after {
    opacity: .1;
  }
}

@media (max-width: 860px) {
  .homePortfolioGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .localVisitGrid {
    grid-template-columns: 1fr;
  }

  .localMap {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 620px) {
  .homePortfolioGrid {
    grid-template-columns: 1fr;
  }

  .homePortfolioCard,
  .homePortfolioCard:last-child {
    grid-column: auto;
    min-height: 290px;
    aspect-ratio: 4 / 3;
  }

  .homePortfolioCard span {
    padding: 36px 13px 13px;
  }

  .homePortfolioActions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .homePortfolioActions .btn,
  .localVisitInfo .btn {
    width: 100%;
    white-space: normal;
    text-align: center;
  }

  .localMap {
    min-height: 320px;
    aspect-ratio: 4 / 3;
  }

  .localMap iframe {
    min-height: 320px;
  }
}

@media (max-width: 390px) {
  .homePortfolioCard,
  .homePortfolioCard:last-child {
    min-height: 260px;
  }

  .localTrustBadge {
    padding: 12px 13px;
  }

  .localMap,
  .localMap iframe {
    min-height: 290px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .homePortfolioCard,
  .homePortfolioCard img,
  .homePortfolioCard::after {
    transition: none;
  }

  .homePortfolioCard:hover,
  .homePortfolioCard:active {
    transform: none;
  }

  .homePortfolioCard:hover img {
    transform: none;
  }
}


/* ===== smart rental inquiry ===== */
.rentalDetailPanel{padding:16px;background:var(--ink);color:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:6px 6px 0 rgba(181,146,0,.75)}
.rentalDetailPanel[hidden]{display:none}.rentalDetailHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.rentalDetailHead b{display:block;color:var(--y);font:800 1rem var(--head)}.rentalDetailHead>div>span{display:block;color:#ddd;font-size:.78rem}.rentalDetailHead>span{background:var(--y);color:var(--ink);padding:5px 8px;font-size:.7rem;font-weight:900;white-space:nowrap}.rentalDetailGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rentalDetailPanel .field label{color:#fff}.rentalDetailPanel .field input{border-color:#6f6b5c;background:#fff;color:var(--ink)}
.optionalMark{color:var(--muted);font-size:.75rem;font-weight:600}.rentalPhotoField input[type="file"]{width:100%;min-height:50px;padding:10px;background:#fff;border:2px dashed var(--ink);cursor:pointer}.rentalPhotoField input[type="file"]:focus-visible{outline:4px solid var(--y);outline-offset:3px}.rentalPhotoPreview{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:12px;padding:12px;background:#f7f5ed;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--y)}.rentalPhotoPreview[hidden]{display:none}.rentalPhotoPreview img{width:160px;height:120px;object-fit:cover;background:#ddd;border:1px solid var(--line)}.rentalPhotoPreview b,.rentalPhotoPreview span{display:block;overflow-wrap:anywhere}.rentalPhotoPreview b{font:800 .9rem var(--head)}.rentalPhotoPreview span{margin-top:4px;color:var(--muted);font-size:.78rem}.rentalPhotoPreview .btn{margin:0}
@media(max-width:720px){.rentalDetailHead{display:block}.rentalDetailHead>span{display:inline-block;margin-top:8px}.rentalDetailGrid{grid-template-columns:1fr}.rentalDetailPanel{box-shadow:4px 4px 0 rgba(181,146,0,.75)}.rentalPhotoPreview{grid-template-columns:92px 1fr}.rentalPhotoPreview img{width:92px;height:78px}.rentalPhotoPreview .btn{grid-column:1/-1;width:100%}}
@media(prefers-reduced-motion:reduce){.rentalPhotoPreview{scroll-behavior:auto}}


/* ===== analytics consent ===== */
.analyticsConsent{position:fixed;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(84px,calc(env(safe-area-inset-bottom) + 16px));z-index:120;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;max-width:980px;margin:auto;padding:16px 18px;background:#fff;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--y);color:var(--ink)}
.analyticsConsent b,.analyticsConsent span{display:block}.analyticsConsent b{font:900 1rem var(--head)}.analyticsConsent span{margin-top:4px;color:var(--muted);font-size:.82rem;line-height:1.55}.analyticsConsentActions{display:flex;flex-wrap:wrap;gap:8px}.analyticsConsent .btn{margin:0;white-space:nowrap}
@media(max-width:680px){.analyticsConsent{grid-template-columns:1fr;gap:12px;bottom:max(76px,calc(env(safe-area-inset-bottom) + 10px));padding:14px;box-shadow:5px 5px 0 var(--y)}.analyticsConsentActions{display:grid;grid-template-columns:1fr 1fr}.analyticsConsent .btn{width:100%;white-space:normal}}
@media(max-width:390px){.analyticsConsentActions{grid-template-columns:1fr}}


/* ===== scaffolding real worksite portfolio ===== */
.scaffoldWorksite{margin:38px 0;padding:26px;background:#fff8d8;border:4px solid var(--ink);box-shadow:9px 9px 0 var(--y)}
.scaffoldWorksite h2{margin:5px 0 8px}.scaffoldWorksiteLead{max-width:850px;margin:0 0 18px;color:var(--muted)}
.scaffoldWorksiteGrid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:18px;align-items:stretch}
.scaffoldWorksiteCard{display:grid;grid-template-rows:minmax(0,1fr) auto;margin:0;background:#fff;border:3px solid var(--ink);overflow:hidden;min-width:0}
.scaffoldWorksiteMedia{position:relative;min-height:360px;display:grid;place-items:center;background:#ecebe6;overflow:hidden}
.scaffoldWorksiteMedia img{width:100%;height:100%;object-fit:cover}.scaffoldWorksiteMedia.portrait img{object-position:center}.scaffoldWorksiteMedia.landscape img{object-position:center}
.scaffoldWorksiteCard figcaption{padding:14px 15px;border-top:3px solid var(--ink);background:#fff}.scaffoldWorksiteCard b,.scaffoldWorksiteCard span{display:block}
.scaffoldWorksiteCard b{font:900 1.08rem var(--head);line-height:1.3}.scaffoldWorksiteCard span{margin-top:4px;color:var(--muted);font-size:.84rem;line-height:1.55}
.scaffoldWorksiteActions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.scaffoldWorksiteActions .btn{margin:0}
@media(max-width:760px){.scaffoldWorksite{padding:17px;box-shadow:5px 5px 0 var(--y)}.scaffoldWorksiteGrid{grid-template-columns:1fr}.scaffoldWorksiteMedia{min-height:0;aspect-ratio:4/3}.scaffoldWorksiteMedia.portrait{aspect-ratio:3/4;max-height:520px}.scaffoldWorksiteActions{display:grid;grid-template-columns:1fr}.scaffoldWorksiteActions .btn{width:100%;text-align:center;white-space:normal}}


/* ===== equipment real worksite ===== */
.equipmentWorksite{margin:28px 0 34px;padding:22px;background:#fff8d8;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--y)}
.equipmentWorksiteGrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px;align-items:center}
.equipmentWorksiteMedia{margin:0;min-width:0;background:#e9e7df;border:3px solid var(--ink);overflow:hidden}
.equipmentWorksiteMedia img{width:100%;height:auto;aspect-ratio:9/7;object-fit:cover}
.equipmentWorksiteBody h2{margin:5px 0 10px}.equipmentWorksiteBody p{margin:0 0 10px;color:var(--muted)}
.equipmentWorksiteNote{padding:10px 12px;background:#fff;border-left:5px solid var(--y);color:var(--ink)!important;font-size:.84rem}
.equipmentWorksiteActions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.equipmentWorksiteActions .btn{margin:0}
@media(max-width:760px){.equipmentWorksite{padding:16px;box-shadow:5px 5px 0 var(--y)}.equipmentWorksiteGrid{grid-template-columns:1fr}.equipmentWorksiteActions{display:grid;grid-template-columns:1fr}.equipmentWorksiteActions .btn{width:100%;text-align:center;white-space:normal}}
@media(prefers-reduced-motion:reduce){.equipmentWorksite *{scroll-behavior:auto}}


/* ===== service area NAP ===== */
.serviceNap{margin:24px 0 30px;padding:22px;background:#fff8d8;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--y)}
.serviceNap h2{margin:5px 0 14px}.serviceNapGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.serviceNapGrid>div{padding:14px;background:#fff;border:2px solid var(--ink);border-left:7px solid var(--y)}.serviceNapGrid b,.serviceNapGrid span{display:block}.serviceNapGrid b{font:900 .92rem var(--head)}.serviceNapGrid span{margin-top:4px;color:var(--muted);font-size:.82rem;line-height:1.5}.serviceNapActions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.serviceNapActions .btn{margin:0}
@media(max-width:760px){.serviceNap{padding:16px;box-shadow:4px 4px 0 var(--y)}.serviceNapGrid{grid-template-columns:1fr}.serviceNapActions{display:grid;grid-template-columns:1fr}.serviceNapActions .btn{width:100%;text-align:center;white-space:normal}}


/* ===== below-fold render containment ===== */
@supports (content-visibility:auto){
  .featuredRentalTools,
  .homePortfolioMerged,
  .sec.concrete,
  .productFaq,
  .relatedRental,
  .maesaiLocal,
  .serviceNap,
  .scaffoldWorksite{
    content-visibility:auto;
    contain-intrinsic-size:auto 720px;
  }
}


/* Facebook contact links retain the existing phone and LINE actions. */
.facebookButton,.sticky .facebook{background:#0866ff;color:#fff;border-color:#0866ff}
.facebookButton:focus-visible,.sticky .facebook:focus-visible{outline:3px solid #111;outline-offset:3px}
@media(max-width:620px){.stickyWithFacebook{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.stickyWithFacebook a{font-size:.85rem;min-width:0;text-align:center}.foot{padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}}

/* Accessible contact controls with recognizable channel colors. */
.contactLink{display:inline-flex;align-items:center;justify-content:center;gap:9px;vertical-align:middle;max-width:100%}
.contactIcon{display:block;width:24px;height:24px;flex:0 0 24px}
.contactLabel{min-width:0;overflow-wrap:anywhere}
.foot .contactLink{justify-content:flex-start;margin-top:8px}
.btn.channel-phone,.sticky .channel-phone{background:#171b24;border-color:#171b24;color:#fff}
.btn.channel-phone .contactIcon,.sticky .channel-phone .contactIcon{color:#ffd21a}
.btn.channel-line,.sticky .channel-line{background:#06c755;border-color:#06c755;color:#05351a}
.btn.channel-line .contactIcon,.sticky .channel-line .contactIcon{color:#fff;width:28px;height:28px;flex-basis:28px}
.btn.channel-facebook,.sticky .channel-facebook{background:#0866ff;border-color:#0866ff;color:#fff}
.contactLink:focus-visible{outline:3px solid #ffcf00;outline-offset:4px}
.contactLink.btn:hover,.sticky .contactLink:hover{filter:brightness(.95)}
@media(max-width:620px){
 .stickyWithFacebook{gap:8px;padding-top:9px;box-shadow:0 -6px 24px #171b2410}
 .stickyWithFacebook .contactLink{flex-direction:column;gap:4px;min-height:66px;padding:8px 5px;border-radius:14px;font-size:12px;font-weight:750;line-height:1.25}
 .stickyWithFacebook .contactIcon{width:25px;height:25px;flex-basis:25px}
 .stickyWithFacebook .channel-line .contactIcon{width:29px;height:25px;flex-basis:25px}
 .stickyWithFacebook .contactLabel{white-space:nowrap}
 .foot{padding-bottom:calc(124px + env(safe-area-inset-bottom,0px))}
}


/* ===== promo shortcut dock ===== */
.sticky .channel-promo{background:#ffcf00;border-color:#171b24;color:#171b24}
.sticky .channel-promo .contactIcon{color:#171b24}
@media(max-width:620px){
 .stickyWithFacebook{grid-template-columns:repeat(4,minmax(0,1fr))}
 .stickyWithFacebook .channel-promo{font-weight:900}
 .stickyWithFacebook .channel-promo .contactIcon{width:25px;height:25px;flex-basis:25px}
}
@media(max-width:360px){
 .stickyWithFacebook{gap:5px;padding-left:5px;padding-right:5px}
 .stickyWithFacebook .contactLink{font-size:11px;padding-left:3px;padding-right:3px}
 .stickyWithFacebook .contactIcon{width:23px;height:23px;flex-basis:23px}
 .stickyWithFacebook .channel-line .contactIcon{width:26px;height:23px;flex-basis:23px}
}


.rentalAnswers{background:#f7f5ec}.rentalAnswers p{max-width:78ch;line-height:1.8}.rentalAnswers ul{display:flex;flex-wrap:wrap;gap:12px 24px;padding-left:20px;margin-top:16px}.rentalAnswers a{text-decoration:underline;text-underline-offset:4px;font-weight:700}.rentalAnswers h2{font-size:clamp(1.4rem,3vw,2rem)}

#job-guide{scroll-margin-top:100px}.jobChooser{padding:22px;margin:16px 0;border:2px solid var(--ink);border-left:6px solid var(--y);background:#f7f5ec}.jobChooser[hidden],#jobProductLink[hidden]{display:none}
.jobChooser label{display:block;font-weight:800;margin-bottom:8px}.jobChooser select{width:100%;padding:12px;border:1px solid #999;background:#fff;font:inherit;min-height:48px}.jobRecommendation{margin-top:18px}.jobRecommendation h3{margin:0 0 8px}.jobChooser .actions{flex-wrap:wrap}.jobChooser .formHelp{margin-top:14px}.catalogJobTable a,.jobGuideShortcut a{text-decoration:underline;text-underline-offset:4px}.catalogJobTable tr.isSelected{background:#fff3b8}
.rentalChecklist{width:min(calc(100% - 32px),1120px);margin:40px auto;padding:24px;background:#f7f5ec;border-top:4px solid var(--y)}.rentalChecklist ol{padding-left:24px;line-height:1.8}.rentalChecklist li{margin:12px 0}.rentalChecklist p{font-size:.85rem;color:var(--muted)}.rentalChecklist a{text-decoration:underline}
@media(max-width:420px){.jobChooser{padding:16px}.jobChooser .btn{width:100%}.rentalChecklist{padding:18px}}

/* Worksite examples lead to specific rental inquiries. */
.worksiteInquiryCard{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.worksiteInquiryCard .homePortfolioCard{border:0;border-radius:0;box-shadow:none}
.worksiteInquiryBody{padding:16px;display:flex;flex-direction:column;flex:1}
.worksiteInquiryBody p{margin:0 0 16px;line-height:1.7}
.worksiteInquiryBody .actions{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.worksiteInquiryBody .btn{width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}
.worksiteAvailabilityNote{margin-top:20px;color:var(--muted);line-height:1.7;font-size:.88rem}

.rentalReadyFields{border:0;padding:0;margin:0;min-width:0}
.rentalReadyFields[disabled]{display:none}
.rentalAvailability{padding:20px;border:1px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink)}
.rentalAvailability[hidden]{display:none}
.rentalAvailability h3{margin-top:0}.rentalAvailability p{line-height:1.7}
.rentalAvailability .actions{display:flex;flex-wrap:wrap;gap:10px}

/* Rental pricing page: scoped contrast and compact mobile information cards. */
.rentalPriceHero{background:linear-gradient(145deg,#fffdf4 0%,#f5f4ef 62%,#fff 100%);padding:48px 0 32px}
.rentalPriceHero>.wrap>.head{display:block;max-width:820px;margin-bottom:20px}
.priceEyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:#594500;background:#fff0ac;padding:8px 13px;border:1px solid #eed474;border-radius:999px}
.priceEyebrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.rentalPriceHero h1{font-size:clamp(2rem,4.6vw,3.8rem);line-height:1.22;letter-spacing:-.025em;margin:20px 0 16px;color:#181817}
.rentalPriceHero h1 span{color:#746000}
.rentalPriceHero>.wrap>.head p{font-size:1.05rem;line-height:1.8;color:#57554f;max-width:650px;margin:0}
.rentalPriceHero .rentalSourceBadge{display:block;width:fit-content;background:transparent;color:#66645f;font-size:.75rem;padding:0;margin:12px 0 0;border-radius:0}
.rentalPriceHero .rentalSourceBadge[hidden]{display:none}
.priceHeroActions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.priceHeroActions .btn{border-radius:12px;gap:18px;box-shadow:0 5px 15px #b6990020}
.priceCatalogLink{font-weight:700;text-decoration:underline;text-underline-offset:5px;font-size:.9rem}
.priceTerms{font-size:.83rem;color:#66645f;line-height:1.7;margin:16px 0 28px;max-width:720px}
.priceOverview.areaBox{background:#fff;color:#181817;border:1px solid #dedbd2;box-shadow:0 10px 30px #18181708;padding:28px;gap:28px;grid-template-columns:1.3fr 1fr}
.priceOverview h2{font-size:clamp(1.35rem,2.8vw,1.8rem);line-height:1.4;margin:6px 0 18px;color:#181817}
.priceSectionLabel{font-size:.78rem;font-weight:700;color:#716016}
.priceSteps{grid-template-columns:1fr 1fr;gap:12px}
.priceOverview .step{display:grid;grid-template-columns:34px 1fr;gap:2px 10px;align-content:start;border:1px solid #e4e1d8;border-radius:12px;padding:14px;background:#f8f7f3;color:#181817;min-width:0}
.priceOverview .step b{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#ffdf59;color:#181817;border-radius:10px;font:700 1rem var(--head)}
.priceOverview .step h3{font-size:1rem;line-height:1.5;color:#181817;margin:0}
.priceOverview .step p{font-size:.85rem;line-height:1.65;color:#5c5a54;margin:3px 0 0}
.priceOverview .priceContact{background:#191c24;border:0;border-radius:16px;padding:24px;color:#fff;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.priceContact .priceSectionLabel{color:#ffdc54}.priceContact h3{font-size:1.4rem;color:#fff;margin:8px 0 12px;line-height:1.5}
.priceOverview .priceContact p{color:#dedfe4;font-size:.95rem;margin:0 0 22px;line-height:1.75}
.priceContact .actions{display:flex;flex-wrap:wrap;gap:10px}.priceContact .btn{flex:1;min-width:135px;justify-content:center;border-radius:11px}
.priceFormSection{padding-top:32px;scroll-margin-top:95px}.priceFormSection .quote{border-radius:20px}
@media(max-width:980px){.priceOverview.areaBox{grid-template-columns:1fr}}
@media(max-width:620px){.rentalPriceHero{padding:28px 0 24px}.rentalPriceHero>.wrap{width:calc(100% - 32px)}.rentalPriceHero h1{font-size:2.15rem}.rentalPriceHero>.wrap>.head p{font-size:.95rem}.priceHeroActions{gap:14px}.priceHeroActions .btn{width:100%;font-size:.94rem;justify-content:center}.priceCatalogLink{padding:3px 0}.priceOverview.areaBox{padding:18px;border-radius:18px;gap:20px}.priceSteps{grid-template-columns:1fr;gap:9px}.priceOverview .step{padding:13px;grid-template-columns:36px 1fr;gap:0 12px}.priceOverview .step b{width:36px;height:36px}.priceOverview .step h3{font-size:.98rem}.priceOverview .step p{font-size:.86rem}.priceOverview .priceContact{padding:20px}.priceContact h3{font-size:1.25rem}}

/* Price routes share the published scaffold rate table as their source. */
.priceRoutes{margin:28px 0}.priceRoutesHeading h2{font-size:clamp(1.35rem,2.5vw,1.8rem);margin:4px 0 16px;line-height:1.4}
.priceRoutesGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.priceRoute{display:flex;flex-direction:column;align-items:flex-start;padding:24px;background:#fff;border:1px solid #ddd8c9;border-radius:16px;min-width:0}
.priceRouteTag{font-size:.78rem;font-weight:700;padding:4px 10px;background:#fff0ac;color:#594500;border-radius:999px}.priceRouteTag.neutral{background:#eeefef;color:#424448}
.priceRoute h3{font-size:1.2rem;margin:14px 0 8px;line-height:1.5}.priceRoute p{color:#57554f;margin:0 0 18px;line-height:1.75}.priceRoute .btn{margin-top:auto;white-space:normal}.priceRoute small{display:block;font-size:.8rem;color:#66645f;line-height:1.7;margin-top:12px}
#scaffold-prices{scroll-margin-top:100px}.scaffoldPriceClarification{padding:16px 18px;border-left:4px solid var(--y);background:#fff8dc;color:#39362c;line-height:1.8}
@media(max-width:620px){.priceRoutesGrid{grid-template-columns:1fr}.priceRoute{padding:18px}.priceRoute .btn{width:100%;justify-content:center;font-size:.92rem}}


/* ===== homepage high-intent rental shortcuts ===== */
.quickRental{padding:26px 0;background:#fff}.quickRentalBox{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:28px;align-items:center;padding:26px;border:2px solid var(--ink);border-radius:20px;background:#fffdf4;box-shadow:7px 7px 0 var(--y)}
.quickRentalBox h2{margin:5px 0 8px;font-size:clamp(1.45rem,3vw,2.05rem)}.quickRentalBox p{margin:0;color:var(--muted);line-height:1.75}.quickRentalGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quickRentalGrid a{display:flex;flex-direction:column;justify-content:center;min-height:92px;padding:16px;border:1px solid #d8d4c8;border-radius:14px;background:#fff;color:var(--ink);text-decoration:none;transition:transform .15s ease,border-color .15s ease}.quickRentalGrid a:hover{transform:translateY(-2px);border-color:var(--ink)}.quickRentalGrid b,.quickRentalGrid span{display:block}.quickRentalGrid b{font:900 1rem var(--head)}.quickRentalGrid span{margin-top:5px;color:var(--muted);font-size:.84rem;line-height:1.5}.quickRentalGrid .quickRentalCta{background:var(--ink);border-color:var(--ink);color:#fff}.quickRentalGrid .quickRentalCta span{color:#f6d94d}.quickRentalGrid a:focus-visible{outline:3px solid var(--y);outline-offset:3px}
@media(max-width:760px){.quickRental{padding:18px 0}.quickRentalBox{grid-template-columns:1fr;padding:18px;gap:18px;box-shadow:4px 4px 0 var(--y)}.quickRentalGrid{grid-template-columns:1fr}.quickRentalGrid a{min-height:78px}}
