/* Shared neutral surfaces for brand, editorial and catalogue pages. */
:root{--ivory:#f7f8f4;--surface:#eef2e9;--rule:#d7dfd2}
body{background:var(--ivory)}
#ga-brand-polish{--ga-bg:var(--ivory);--ga-paper:var(--surface);--ga-soft:#e8eee2;--ga-rule:var(--rule);background:var(--ga-bg)}
.range-card,.testimonial-card,.customer-feature-grid .customer-feature,
.product-card,.featured-range,.catalogue-sidebar{background:var(--surface)}
.product-photo,.product-detail>.product-photo,.product-media{background:var(--surface);isolation:isolate}
.product-frame{mix-blend-mode:multiply}
.product-photo>img,.product-media>img{mix-blend-mode:multiply}
#ga-brand-polish .ga-contain{background:transparent;mix-blend-mode:multiply}
#ga-brand-polish .kp-guide{border-radius:8px;border-color:var(--ga-rule);background:var(--ga-paper);transition:background .18s,border-color .18s}
#ga-brand-polish .kp-guide:hover{background:#e8eee2;border-color:#94ab94}
#ga-brand-polish .kp-guide:focus-visible{outline:3px solid var(--ga-green);outline-offset:4px}
@media(prefers-reduced-motion:reduce){#ga-brand-polish .kp-guide{transition:none}}

.whatsapp-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;max-width:100%;padding:12px 18px;border:1px solid transparent;border-radius:6px;background:#128447;color:#fff;font-size:1rem;font-weight:700;line-height:1.35;text-align:center;text-decoration:none;vertical-align:middle}
.whatsapp-link img{display:block;flex:none;width:24px;height:24px}
.whatsapp-link:hover{background:#0b6b38;color:#fff;text-decoration:none}
#ga-brand-polish a.whatsapp-link{color:#fff}
.whatsapp-link:focus-visible{outline:3px solid #f5c940;outline-offset:4px;box-shadow:0 0 0 7px #16372b}
.whatsapp-float{position:fixed;z-index:30;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));min-height:56px;padding:14px 20px;border:2px solid #fff;border-radius:999px;box-shadow:0 4px 18px #102c2630;max-width:calc(100vw - 48px)}
.whatsapp-float img{width:26px;height:26px}
.whatsapp-contact{margin-top:24px;padding:22px;border:1px solid #bdd3c5;border-radius:8px;background:#f0f6f2}
.whatsapp-contact h3{margin:0 0 14px;color:var(--green);font-size:1.2rem;line-height:1.4;letter-spacing:0}
.whatsapp-form-option{margin-top:20px}
.whatsapp-form-option .whatsapp-inline{padding:10px 12px;font-size:.9375rem;text-align:left}
.product-detail-copy .whatsapp-product{display:flex;width:fit-content;margin-top:20px}
.ga-trade-actions .whatsapp-link,.pg-trade-actions .whatsapp-link,.bw-trade-actions .whatsapp-link{align-self:flex-start}
.catalogue-cta .whatsapp-link{margin-top:16px}
.site-footer{padding-bottom:88px}
.site-footer .whatsapp-footer{padding:10px 14px;min-height:44px;font-size:.9375rem}
.whatsapp-footer img{width:20px;height:20px}
@media(max-width:700px){
  .whatsapp-float{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:56px;height:56px;min-height:56px;padding:13px;max-width:none}
  .whatsapp-float img{width:26px;height:26px}
  .whatsapp-float span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .whatsapp-contact{padding:18px}
  .site-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
}
@media print{.whatsapp-float{display:none}.site-footer{padding-bottom:0}}

/* Small shared feedback; existing geometry, image framing and colours stay intact. */
:root{--ui-duration:160ms;--ui-ease:ease-out}
.product-card,.search-list li,.featured-range,.news-card,.range-card:has(a.text-link),
#ga-brand-polish a.ga-product,#ga-brand-polish a.ga-card{transition:border-color var(--ui-duration) var(--ui-ease),box-shadow var(--ui-duration) var(--ui-ease),background-color var(--ui-duration) var(--ui-ease)}
.button,#ga-brand-polish .ga-button,.search-clear,.search-help button,.category-toggle,.category-close,
.catalogue-pagination a,.catalogue-subcategories a,.catalogue-categories a,
.search-suggestions a,.mobile-search-panel a,.mobile-search-form button,
.application-form input,.application-form select,.application-form textarea{
  transition:background-color var(--ui-duration) var(--ui-ease),border-color var(--ui-duration) var(--ui-ease),box-shadow var(--ui-duration) var(--ui-ease),color var(--ui-duration) var(--ui-ease)
}
@media(hover:hover){
  .product-card:hover,.search-list li:hover,.featured-range:hover,.range-card:has(a.text-link):hover,#ga-brand-polish a.ga-product:hover{box-shadow:0 3px 12px #173d2e14}
  .mobile-search-panel a:hover,.search-suggestions a:hover{background:#e8eee3}
  .catalogue-pagination a:not([aria-current]):hover,.catalogue-subcategories a:not([aria-current]):hover{border-color:var(--green);background:#e8eee3}
  .search-clear:hover{text-decoration-thickness:2px}
}
.button:active:not(:disabled),.mobile-search-form button:active:not(:disabled),.search-help button:active{box-shadow:inset 0 2px 4px #173d2e30}
.button:disabled{cursor:wait}
.search-suggestions a[aria-selected="true"]{background:#e8eee3;box-shadow:inset 3px 0 var(--green)}
.search-suggestions a:focus-visible,#ga-brand-polish a.ga-product:focus-visible{outline:3px solid var(--green);outline-offset:2px}
.search-suggestions{overscroll-behavior:contain;scroll-padding:6px}
.ui-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){
  :root{--ui-duration:0ms}
  .news-card,.range-card:has(a.text-link),.product-card,.search-list li,.featured-range,#ga-brand-polish a.ga-product{transition:none}
}