/* One surface and content gutter for prices, services and contacts. */
.surface-section,.contact-section{background:var(--wood-light);padding-block:52px}
.section-heading h2,.service-section h2,.contact-section h2{font-size:clamp(42px,5vw,64px);line-height:1.05;letter-spacing:-.045em}
.carousel .section-heading{align-items:center}
.section-heading .mini-plywood{width:100px;height:100px}
@media(min-width:1101px){#warehouse .miniature-pallet{--pallet-w:100px;--pallet-h:100px}}
.material-price-section{background:var(--wood-light);border:0;padding:24px}
.section-divider{position:relative;height:32px;background:var(--paper)}
.section-divider::after{content:"";position:absolute;top:50%;left:max(var(--gutter),calc((100% - var(--max))/2));right:max(var(--gutter),calc((100% - var(--max))/2));height:1px;background:var(--line)}
.materials.section,.warehouse-section.section,.price-section.section,.service-section.section{padding-block:52px}
.price-section{margin-bottom:0}
.price-section .section-heading{margin-bottom:28px}
.price-section .price-list{max-width:none}
.service-section .service-card{border:1px solid var(--line)}

.contact-section h2{font-size:clamp(42px,5vw,64px);line-height:1.05;margin:0}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:28px}
.contact-connection,.contact-location{min-width:0}
.contact-section .phone-link{display:flex;align-items:center;min-height:44px;font-size:clamp(28px,3.3vw,44px);margin:0;letter-spacing:-.04em;line-height:1.25}
.lightbox-close{color:var(--blue)}
.footer>a:last-child{display:inline-flex;align-items:center;min-height:44px}
.contact-links{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:22px 0 0}
.contact-links li{grid-column:span 2;min-width:0}
.contact-links li:nth-child(-n+2){grid-column:span 3}
.contact-links .contact-channel{height:100%;min-height:56px;padding:12px;gap:9px;border-color:var(--line);font-size:13px}
.contact-links li:nth-child(n+3) .contact-channel{flex-direction:column;justify-content:center;gap:6px;padding:10px 4px;font-size:11px;text-align:center;white-space:nowrap}
.contact-links li:nth-child(n+3) .channel-logo{width:24px;height:24px}
.contact-section .contact-address{display:block;text-align:left;margin:0}
.contact-section .address-label{font-size:12px;font-weight:400;letter-spacing:0;line-height:1.4;color:var(--muted)}
.contact-section .address-map{font-size:16px;line-height:1.55;margin-top:6px}
.contact-location .directions-widget{margin:18px 0 0;gap:10px;max-width:none}
.contact-location .directions-widget summary,.contact-location .directions-download{min-height:52px;padding:13px 14px;border:1px solid var(--line);background:transparent;color:var(--blue);font-size:13px;line-height:1.5;gap:8px}
.contact-location .directions-panel{margin-top:10px;padding:18px 16px;background:var(--paper)}
.contact-location .directions-steps{margin-top:18px}
.contact-location .directions-download .download-format{border-color:var(--line);font-size:10px}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr;gap:28px;max-width:680px}}
@media(max-width:760px){
  .section-heading .mini-plywood{width:76px;height:76px}
  .material-price-section{padding:20px 16px}
  .footer-brand{font-size:17px;letter-spacing:-.6px;gap:8px}
  .footer-brand .brand-mark{width:29px;height:32px}
  .section-divider{height:24px}
  .materials.section,.warehouse-section.section,.price-section.section,.service-section.section{padding-block:32px}
  .surface-section.section,.contact-section{padding-block:32px}
  .surface-section h2,.contact-section h2{font-size:42px;line-height:1.05}

  .price-section .section-heading{margin-bottom:24px}
  .contact-layout{margin-top:20px;gap:26px}
  .contact-section .phone-link{font-size:28px}
  .contact-links{margin-top:18px}
  .contact-links .contact-channel{font-size:12px}
}
@media(max-width:360px){.section-heading h2,.surface-section h2,.contact-section h2{font-size:34px}}