/* Category navigation, including tablet-safe dropdown positioning. */
.main-nav .nav-inner { overflow: visible; }
.main-nav .cpl-fallback-menu { gap: clamp(10px, 1.45vw, 25px); }
.cpl-category-nav { position: relative; display: flex; align-items: center; }
.cpl-category-nav-link { display: inline-flex; align-items: center; gap: 7px; }
.main-nav .cpl-nav-category-icon { color: #e65b51; }
.cpl-nav-toggle { width: 19px; height: 35px; margin-left: 2px; padding: 0; display: grid; place-items: center; color: inherit; background: transparent; border: 0; cursor: pointer; font-size: 9px; }
.cpl-nav-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
.cpl-nav-toggle:focus-visible, .cpl-nav-submenu a:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }
.cpl-nav-submenu { position: absolute; z-index: 50; top: 100%; left: -18px; width: min(360px, 90vw); max-height: min(70vh, 620px); padding: 14px; overflow-y: auto; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 0 0 16px 16px; box-shadow: var(--shadow); white-space: normal; }
.cpl-nav-submenu[hidden] { display: none!important; }
.main-nav .cpl-category-nav:nth-child(n+4) .cpl-nav-submenu { left: auto; right: -10px; }
.cpl-nav-submenu a { min-height: 36px; padding: 7px 9px; display: flex; align-items: center; gap: 9px; color: var(--ink); border-radius: 8px; font-size: 12px; line-height: 1.4; }
.cpl-nav-submenu a:hover { color: var(--red); background: var(--soft); }
.cpl-nav-submenu .cpl-nav-category-icon { width: 18px; flex: 0 0 18px; color: var(--red); text-align: center; }
.cpl-nav-view-all { margin-bottom: 7px; color: var(--red)!important; background: #fbefee; font-weight: 800; }
.cpl-nav-children { margin: 0; padding: 0; list-style: none; }
.cpl-nav-children .cpl-nav-children { margin: 3px 0 7px 19px; padding-left: 10px; border-left: 1px solid var(--line); }
.cpl-nav-children .cpl-nav-children a { font-size: 11px; }
@media (min-width: 851px) and (max-width: 1120px) {
  .main-nav .nav-inner { gap: 14px; }
  .main-nav .nav-shop { min-width: 145px; padding-inline: 13px; }
  .main-nav .cpl-fallback-menu { gap: 7px; }
  .main-nav .cpl-fallback-menu a { font-size: 11px; }
}
@media (min-width: 851px) and (max-width: 1000px) {
  .main-nav .cpl-category-nav-link > .cpl-nav-category-icon { display: none; }
}
@media (max-width: 850px) {
  .mobile-drawer { overflow-y: auto; }
  .mobile-drawer .cpl-mobile-category-menu { width: 100%; margin: 0; padding: 0; display: block; list-style: none; }
  .mobile-drawer .cpl-category-nav { min-height: 53px; display: flex; flex-wrap: wrap; border-bottom: 1px solid #ececea; }
  .mobile-drawer .cpl-category-nav-link { min-height: 53px; padding: 10px 6px; flex: 1; color: var(--ink); font-size: 13px; font-weight: 800; }
  .mobile-drawer .cpl-category-nav-link .cpl-nav-category-icon { width: 22px; color: var(--red); text-align: center; }
  .mobile-drawer .cpl-nav-toggle { width: 42px; height: 48px; margin: 0; color: var(--red); font-size: 11px; }
  .mobile-drawer .cpl-nav-submenu { position: static; width: 100%; max-height: none; margin: 0 0 10px; padding: 8px 4px 8px 14px; border: 0; border-left: 2px solid var(--red); border-radius: 0; box-shadow: none; }
  .mobile-drawer .cpl-nav-submenu a { font-size: 12px; }
}

/* Branded, legible product-fitment support with two unambiguous contact actions. */
.woocommerce div.product .summary > .fitment-advice { padding: 22px; gap: 15px; background: #fff; border: 1px solid #ead1ce; border-left: 4px solid var(--red); box-shadow: 0 8px 28px rgba(16,17,18,.045); }
.woocommerce div.product .summary .fitment-advice-icon { width: 46px; height: 46px; color: var(--red); background: #fbefee; }
.woocommerce div.product .summary .fitment-advice-content { min-width: 0; flex: 1; }
.woocommerce div.product .summary .fitment-advice h3 { color: var(--ink); font-size: 15px; line-height: 1.3; }
.woocommerce div.product .summary .fitment-advice p { margin: 7px 0 14px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.woocommerce div.product .summary .fitment-advice-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.woocommerce div.product .summary .fitment-advice-actions a { min-height: 39px; padding: 9px 13px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--red); border-radius: 999px; color: var(--red); background: #fff; font-size: 12px; line-height: 1.25; font-weight: 800; text-decoration: none; }
.woocommerce div.product .summary .fitment-advice-actions a.fitment-advice-whatsapp { color: #fff; background: var(--red); }
.woocommerce div.product .summary .fitment-advice-actions a:hover { color: #fff; background: var(--black); border-color: var(--black); }
.woocommerce div.product .summary .fitment-advice-actions a:focus-visible { outline: 2px solid var(--black); outline-offset: 3px; }
@media (max-width: 560px) {
  .woocommerce div.product .summary > .fitment-advice { padding: 17px; }
  .woocommerce div.product .summary .fitment-advice-actions a { width: 100%; }
}