/* WordPress integration; business colours and image opacity follow the prototype. */
@media(min-width:981px) and (max-width:1150px){.header .nav{gap:16px}.header .custom-logo{max-width:220px}.header .nav .btn{padding-left:16px;padding-right:16px}}
a{text-decoration:none!important}a:focus-visible,button:focus-visible{outline:3px solid var(--green)}
.skip-link{position:fixed;top:-100px;left:16px;z-index:9999;background:#fff;padding:12px 20px;color:var(--deep)}.skip-link:focus{top:12px}
.custom-logo-link{display:block}.custom-logo{max-width:260px;width:auto;max-height:58px;height:auto;object-fit:contain}
.brand-wrap{min-width:0}.nav .sub-menu{margin:0;padding:0;list-style:none}.nav .sub-menu a{font-size:13px}
.admin-bar .header{top:32px}.prose{max-width:880px}.prose img,.article-image{height:auto;max-height:700px;margin:24px 0;border-radius:20px}.prose h1,.product h2{overflow-wrap:anywhere}
.origin-surface{position:relative;isolation:isolate;overflow:hidden}.origin-surface-image{position:absolute!important;inset:0;z-index:-2;object-fit:cover;height:100%;width:100%;pointer-events:none}
.info-card.image-card.origin-surface:before,.contact-form.image-form.origin-surface:before,.page-hero-photo.origin-surface:before{display:none}
.surface-card>.origin-surface-image{opacity:.60;filter:saturate(.86) contrast(.97);transition:opacity .35s ease,transform .55s ease}.surface-card:hover>.origin-surface-image{opacity:.68;transform:scale(1.025)}
.surface-form>.origin-surface-image{opacity:.22;filter:saturate(.62) contrast(.86)}.surface-page>.origin-surface-image{filter:saturate(.72)}
.origin-media-missing{display:block;min-height:220px;background:var(--sage)}.form-unavailable{margin:20px 0;padding:20px;background:rgba(255,255,255,.9);border-radius:12px}
.catalog-search{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:28px 0}.catalog-search input,.catalog-search select{padding:12px;max-width:100%;border:1px solid var(--line);border-radius:6px}
.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:36px}.product-grid{margin-top:30px}.product h2{font-size:24px}.product-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.product-fields div{padding:16px;background:var(--cream)}.product-fields dt{font-weight:700}.product-fields dd{margin:0}
.product-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.product-gallery button{padding:0;background:none;border:0;border-radius:16px;overflow:hidden;cursor:zoom-in}.product-gallery img{aspect-ratio:1;height:auto}
.origin-lightbox{border:0;border-radius:20px;padding:16px;max-width:95vw;background:var(--paper)}.origin-lightbox::backdrop{background:rgba(20,35,26,.83)}.origin-lightbox img{max-width:85vw;max-height:75vh;width:auto;height:auto;object-fit:contain}.lightbox-controls{display:flex;justify-content:space-between;gap:14px;margin-top:14px}
.wpcf7 form{margin:0}.wpcf7 p{margin:0}.wpcf7 .form-note{margin-top:15px}.wpcf7 .field label{font-size:12px}.wpcf7 input[type=checkbox]{width:auto}.wpcf7-not-valid-tip{font-size:12px}.wpcf7-response-output{margin:20px 0!important;border-radius:8px}.origin-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.wpcf7 .wpcf7-acceptance{display:block;margin:18px 0;font-size:13px}.wpcf7 .wpcf7-list-item{margin-left:0}
@media(max-width:782px){.admin-bar .header{top:46px}}@media(max-width:600px){.admin-bar .header{top:0}.product-fields{grid-template-columns:1fr}.product-gallery{grid-template-columns:1fr 1fr}.brand{white-space:normal;font-size:18px}.brand small{letter-spacing:.09em}.header-inner{gap:12px}.stats-grid{min-width:0}.stat{min-width:0}.stat b{font-size:26px}.lead,h1,h2,h3{overflow-wrap:break-word}.section-head h2{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:680px){.footer-bottom span{display:block;margin-top:8px}}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{min-width:0}
@media(max-width:980px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Design audit improvements: navigation, reading rhythm and gallery controls. */
.menu-backdrop{display:none}
body.lightbox-open{overflow:hidden}
.lightbox-status{margin:10px 0 0;text-align:center;font-size:13px;font-weight:650;color:var(--deep)}
.lightbox-controls{gap:10px}.lightbox-controls .btn{min-width:0;flex:1;padding:13px 18px}
.origin-lightbox{contain:layout paint}.origin-lightbox img{margin:auto;max-height:calc(100dvh - 190px)}
.form-unavailable p{margin-bottom:18px}.form-unavailable .form-note{margin:14px 0 0}.form-email-cta{width:100%}
@media(max-width:980px){
  .header{isolation:isolate}.header-inner{position:relative;z-index:22}
  .header .nav{z-index:21;max-height:calc(100dvh - 105px);overflow-y:auto;background:#fbfaf6;box-shadow:0 18px 28px rgba(20,35,26,.16)}
  .header .nav a{min-height:46px;display:flex;align-items:center}
  .header .nav .btn{justify-content:center}
  .menu-backdrop{display:block;position:fixed;inset:0;z-index:10;width:100%;height:100%;border:0;background:rgba(20,35,26,.4);cursor:default}
  .menu-backdrop[hidden]{display:none}body.menu-open{overflow:hidden}
}
@media(max-width:680px){
  .hero{min-height:0;align-items:flex-start}.hero .wrap{padding:48px 0 40px}
  .hero h1{font-size:clamp(39px,10.5vw,44px);line-height:1.05;margin-top:16px}
  .hero .lead{font-size:17px;line-height:1.5;margin-bottom:22px}
  .hero .buttons{gap:8px}.hero .buttons .btn{padding:12px 19px}
  .checks{grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:20px;font-size:12px}
  .stats .stat{padding:20px 18px}.stats .stat b{font-size:26px}
  .specs{min-width:620px;margin-top:10px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;-webkit-overflow-scrolling:touch}
  .specs th,.specs td{padding:14px 16px}.specs th:first-child,.specs td:first-child{position:sticky;left:0;z-index:1;min-width:140px;background:var(--cream);font-weight:650}
  .specs th:first-child{background:var(--sage)}
}
@media(hover:none){
 .category:hover,.product:hover,.info-card:hover{transform:none;box-shadow:none}
 .category:hover img,.product:hover img,.media-card:hover img,.info-card.image-card:hover:before,.surface-card:hover>.origin-surface-image{transform:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}