/* catalog-growth.css */
[hidden]{display:none!important}
*{letter-spacing:0}
:focus-visible{outline:3px solid #2f6eea;outline-offset:3px}
.catalog-hero{min-height:0;color:var(--ink);background:#fff;border-bottom:1px solid var(--line)}
.catalog-hero::after{display:none}
.hero-content{max-width:1240px;padding:36px 0}
.catalog-hero h1{font-size:40px;line-height:1.12;text-shadow:none;max-width:850px}
.catalog-hero p{color:var(--muted);font-size:16px;margin-bottom:14px;text-shadow:none}
.catalog-hero .eyebrow{color:var(--green)}
.catalog-hero .hero-tags span{color:var(--green);border-color:var(--line);background:#f6f8f6;border-radius:4px}
.toolbar{margin-top:0;padding-top:24px}
.toolbar-inner{display:flex;flex-wrap:wrap;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;align-items:center}
.search-field{flex:1 1 320px;display:grid;gap:6px;font-size:13px;font-weight:700}
.filter-tags{flex:1 1 380px;justify-content:flex-start}
.filter-tags button{min-height:42px;padding:8px 12px;border:1px solid #cdd8d0;background:white;color:var(--green);border-radius:4px;cursor:pointer;font-weight:700}
.filter-tags button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}
.catalog{padding-top:30px}
.catalog-layout{grid-template-columns:230px minmax(0,1fr);gap:28px}
.sidebar{border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
.sidebar h2{font-size:20px;padding:0 0 12px}
.category-list{padding:0;gap:2px}
.category-list button{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:12px 10px;gap:10px;border:0;border-left:3px solid transparent;border-radius:0;background:transparent;color:#314139;font-size:14px;font-weight:700;cursor:pointer}
.category-list button[aria-pressed=true]{border-left-color:var(--green);background:#e9f1ec;color:var(--green)}
.sidebar-note{background:transparent;padding:18px 0}
.sidebar-note a{display:block;color:var(--green);text-decoration:underline;margin-top:12px}
.section-head{align-items:start;gap:18px;margin-bottom:18px}
.section-head h2{font-size:26px;line-height:1.2}
.section-head p{font-size:14px;max-width:340px}
#result-count{display:block;margin:8px 0 0;color:var(--muted);font-size:14px}
.product-grid{gap:18px}
.product-card{grid-template-rows:220px 1fr auto;border-radius:8px;box-shadow:none;transition:border-color .15s ease}
.product-card:hover{transform:none;box-shadow:none}
.product-copy{align-content:start;padding:16px;gap:10px}
.product-card h3{font-size:19px;min-height:0}
.product-card p{min-height:0;font-size:14px}
.product-image img{padding:12px;object-fit:contain;transition:none}
.product-card:hover .product-image img{transform:none}
.card-actions{padding:0 16px 16px;gap:8px}
.card-actions a{font-size:12px}
.empty-results{padding:40px 0;border-top:1px solid var(--line)}
.empty-results h3{font-size:22px}
.empty-results p{margin:8px 0 20px;color:var(--muted)}
.summary-panel h1{font-size:36px;line-height:1.15}
.gallery-panel,.summary-panel{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}
.quick-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0}
.quick-item{border:0;border-radius:0;background:transparent;padding:14px 12px 14px 0}
.quick-item strong{font-size:17px;line-height:1.3}
.summary-panel .nav-actions{flex-wrap:wrap}
.summary-panel .button{white-space:normal;text-align:center}
.thumb img{object-fit:contain}
.source-note{margin-top:18px;font-size:13px;line-height:1.6;color:var(--muted)}
.source-note a,.note a,.buyer-links a{color:var(--green);text-decoration:underline}
.buyer-links{margin:24px 0;padding:18px 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:20px;font-size:14px;font-weight:700}
.related-products{padding:30px 0 0}
.related-products h2{font-size:24px;margin-bottom:16px}
.related-products .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.guide{padding:40px 0 70px}
.guide h1{font-size:40px;line-height:1.15;max-width:900px;margin:0 0 20px}
.guide .intro{font-size:18px;max-width:850px}
.guide section{padding:30px 0;border-bottom:1px solid var(--line)}
.guide h2{font-size:26px;margin-bottom:16px;line-height:1.2}
.guide h3{font-size:19px;margin:0 0 10px}
.guide p{margin:0 0 16px;color:var(--muted)}
.guide ul,.guide ol{padding-left:22px;color:#314139}
.guide li{margin-bottom:10px}
.guide a:not(.button):not(.view-link):not(.quote-link):not(.product-image){color:var(--green);text-decoration:underline}
.guide-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.table-scroll{overflow-x:auto;border:1px solid var(--line);background:#fff}
.table-scroll table{border-collapse:collapse;width:100%;min-width:660px;font-size:14px}
.table-scroll th,.table-scroll td{padding:14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.table-scroll th{background:#eaf1ed}
.guide details{border-bottom:1px solid var(--line);padding:16px 0}
.guide summary{font-weight:700;cursor:pointer}
.guide details p{margin:12px 0 0}
.hero h1{font-size:56px;letter-spacing:0;line-height:1.1}
.best-card{border-radius:8px}
@media(max-width:1200px){.catalog-layout{grid-template-columns:200px minmax(0,1fr)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1080px){header{position:static}.catalog-layout{grid-template-columns:1fr}.category-list{grid-template-columns:repeat(4,minmax(0,1fr))}.category-list button{height:100%}.sidebar-note{display:none}.guide-columns{grid-template-columns:1fr}.guide h1,.hero h1{font-size:40px}.quote-panel{position:static}}
@media(max-width:700px){.catalog-hero h1,.guide h1{font-size:32px}.hero-content{padding:28px 0}.category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-tags{flex-basis:100%}.section-head{display:block}.section-head p{margin-top:12px}.product-grid,.related-products .product-grid{grid-template-columns:1fr}.product-card{grid-template-rows:280px 1fr auto}.card-actions a{font-size:14px}.summary-panel h1{font-size:30px!important}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:36px}.whatsapp{min-height:44px;padding:10px 14px;font-size:13px}.guide{padding-top:26px}.guide .intro{font-size:16px}.source-note{overflow-wrap:anywhere}.button{white-space:normal;text-align:center}footer{padding-bottom:88px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* whatsapp.css */
.wa-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}
a.wa-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 18px;background:#25d366;border:1px solid #25d366;border-radius:var(--radius,5px);color:#07351a;font:inherit;font-weight:750;font-size:14px;line-height:1.4;text-decoration:none;text-align:center}
a.wa-button:hover{background:#20bd5b;border-color:#20bd5b;color:#07351a}
a.wa-button:focus-visible,.floating-inquiry:focus-visible{outline:3px solid #1c5b3a;outline-offset:4px;box-shadow:0 0 0 3px #fff}
.product-inquiry-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:auto;padding-top:10px}
.product-inquiry-actions> a{flex:1 1 120px;min-width:0;margin:0!important}
.product-inquiry-actions .product-quote{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 12px;border:1px solid #ff812e;border-radius:5px;background:#ff812e;color:#242424;font-size:12px;font-weight:750;text-decoration:none;text-align:center}
.product-inquiry-actions .wa-small{min-height:44px;font-size:12px;padding:10px}
.sourcing-home .hero-actions{flex-wrap:wrap!important}
.quick-info .quick-actions{display:flex;flex-wrap:wrap;gap:8px}
.quick-info .quick-actions>.button{flex:1 1 150px;width:auto;font-size:13px}
.wa-mobile-only{display:none}
.nav-actions:has([data-wa-position="product-page"]),.actions:has([data-wa-position="product-page"]){flex-wrap:wrap}
.product-layout>*{min-width:0}
.summary-panel h1{overflow-wrap:anywhere}
@media(max-width:768px){
  html{scroll-padding-bottom:100px}
  body.has-mobile-whatsapp{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  body.has-mobile-whatsapp a.floating-inquiry{display:inline-flex!important;position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--wa-bottom-obstacle,0px));z-index:25;align-items:center;justify-content:center;gap:9px;min-height:48px;max-width:calc(100vw - 32px);padding:12px 17px;background:#25d366;border:1px solid #1fb857;border-radius:5px;color:#07351a;font-family:inherit;font-size:14px;line-height:1.4;font-weight:800;box-shadow:0 4px 18px #0002;text-decoration:none;visibility:visible;opacity:1;pointer-events:auto}
  body.has-mobile-whatsapp a.floating-inquiry:hover{background:#20bd5b}
  body.has-mobile-whatsapp>a.whatsapp{display:none}
  body:has(dialog[open]) a.floating-inquiry{visibility:hidden;pointer-events:none}
  .hero-actions>.button{flex:0 1 auto;min-width:0;width:100%}
  .sourcing-home .home-hero{height:auto!important;min-height:560px;padding-bottom:62px}
  .sourcing-home .header-inner{gap:8px}
  .sourcing-home .header-inner .brand-lockup{flex-shrink:1;min-width:0;gap:6px}
  .sourcing-home .header-actions .button{max-width:86px;white-space:normal}
  [data-wa-position="product-page"]{flex:1 1 100%!important}
}
@media(max-width:400px){
  .sourcing-home .header-actions .lang-toggle{padding-inline:6px}
  .sourcing-home .header-actions .lang-toggle img{display:none}
}
@media(prefers-reduced-motion:reduce){.wa-button,.floating-inquiry{transition:none!important}}

/* click-targets.css */
/* Keep the existing inquiry link as the single interactive target for each card. */
.buyer-scenario-grid article.buyer-scenario-card {
  position: relative;
  isolation: isolate;
  cursor: pointer;
  transition: background-color .18s, box-shadow .18s;
}
.buyer-scenario-card a.button { position: static; }
.buyer-scenario-card a.button::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
}
.buyer-scenario-grid article.buyer-scenario-card:hover,
.buyer-scenario-grid article.buyer-scenario-card:focus-within {
  background: #fff7f0;
  box-shadow: 0 0 0 1px #a34612;
}
.buyer-scenario-card a.button:focus-visible::after {
  outline: 3px solid #bd4e13;
  outline-offset: 3px;
}

.factory-facts-link {
  display: flow-root;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
.factory-link-hint {
  display: block;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.editorial-facts-link .editorial-facts,
.supplier-facts-link { transition: background-color .18s; }
.editorial-facts-link:hover .editorial-facts,
.editorial-facts-link:focus-visible .editorial-facts { background: #292a2b; }
.supplier-facts-link:hover,
.supplier-facts-link:focus-visible { background: rgb(255 129 46 / 8%); }
.supplier-facts-link .supplier-facts { margin-bottom: 10px; }
.supplier-facts-link > .factory-link-hint { margin: 0 0 24px; }

a[href]:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline: 3px solid #bd4e13;
  outline-offset: 4px;
}
a.editorial-facts-link:focus-visible { outline-offset: -4px; }

/* About reuses the homepage factory section, with its heading promoted to h1. */
.about-page .company-copy h1 { font-size: 38px; margin-bottom: 24px; }
.about-page.editorial-preview #factory .company-copy h1 {
  color: #242424;
  font-size: clamp(34px, 3.8vw, 52px);
}
.about-page.editorial-preview #factory .company-copy h1 span { color: #a34612; }

@media (max-width: 768px) {
  footer .site-nap a { display: inline-flex; align-items: center; min-height: 44px; margin-right: 4px; }
  .site-footer .footer-main > div { min-width: 0; }
  .site-footer .footer-main > div > a:not(.brand) {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 0;
    margin-top: 4px;
    line-height: 1.6;
    overflow-wrap: anywhere;
  }
}
@media (prefers-reduced-motion: reduce) {
  .buyer-scenario-grid article.buyer-scenario-card,
  .editorial-facts-link .editorial-facts,
  .supplier-facts-link { transition: none; }
}