/* 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; }
}

/* blog-conversion.css */
.blog-conversion {
  margin: 42px 0 0;
  padding: clamp(24px, 4vw, 36px);
  border: 1px solid #cbdccc;
  border-radius: 6px;
  background: #f1f6f1;
  color: #203a2c;
}

.blog-conversion--listing {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto 72px;
}

.blog-conversion .blog-conversion__title {
  margin: 0 0 12px;
  color: #203a2c;
  font-size: clamp(25px, 3vw, 32px);
  line-height: 1.2;
  text-wrap: balance;
}

.blog-conversion .blog-conversion__description {
  max-width: 65ch;
  margin: 0 0 22px;
  color: #46584b;
  font-size: 16px;
  line-height: 1.65;
}

.blog-conversion__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
}

.blog-conversion .blog-conversion__whatsapp,
.blog-conversion .blog-conversion__browse {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-underline-offset: 4px;
}

.blog-conversion .blog-conversion__whatsapp {
  gap: 10px;
  padding: 12px 20px;
  border: 1px solid #185238;
  border-radius: 4px;
  background: #185238;
  color: #fff;
  text-decoration: none;
}

.blog-conversion .blog-conversion__whatsapp:hover {
  border-color: #103e29;
  background: #103e29;
}

.blog-conversion .blog-conversion__browse {
  color: #185238;
  text-decoration: underline;
}

.blog-conversion a:focus-visible,
.blog-product-card a:focus-visible {
  outline: 3px solid #a34e21;
  outline-offset: 4px;
}

.blog-product-card {
  margin: 36px 0;
  border: 1px solid #dce5dc;
  border-radius: 6px;
  background: #fff;
}

aside.blog-product-card > a.blog-product-card__link {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 18px;
  border-radius: inherit;
  color: #203a2c;
  text-decoration: none;
}

aside.blog-product-card > a.blog-product-card__link:hover {
  background: #f6f8f5;
}

.blog-product-card .blog-product-card__image {
  flex: 0 0 132px;
  width: 132px;
  height: 132px;
  margin: 0;
  object-fit: contain;
  border-radius: 3px;
  background: #fff;
}

.blog-product-card__copy {
  flex: 1;
  min-width: 0;
}

.blog-product-card .blog-product-card__label {
  margin: 0 0 6px;
  color: #516354;
  font-size: 13px;
  line-height: 1.5;
}

.blog-product-card .blog-product-card__name {
  margin: 0 0 8px;
  color: #185238;
  font-size: clamp(19px, 2.3vw, 24px);
  line-height: 1.3;
  text-decoration: underline;
  text-underline-offset: 4px;
  overflow-wrap: anywhere;
}

.blog-product-card .blog-product-card__minimum {
  margin: 0;
  color: #46584b;
  font-size: 14px;
  line-height: 1.5;
}

.blog-product-card__arrow {
  flex: 0 0 auto;
  color: #185238;
  font-size: 24px;
}

@media (max-width: 540px) {
  .blog-conversion {
    margin-top: 32px;
    padding: 24px 20px;
  }

  .blog-conversion--listing {
    margin-top: 0;
    margin-bottom: 48px;
  }

  .blog-conversion__actions {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
  }

  aside.blog-product-card > a.blog-product-card__link {
    gap: 14px;
    padding: 14px;
  }

  .blog-product-card .blog-product-card__image {
    flex-basis: 88px;
    width: 88px;
    height: 88px;
  }

  .blog-product-card .blog-product-card__name {
    font-size: 18px;
  }

  .blog-product-card__arrow {
    display: none;
  }
}