/* Idram payment method marker: SVG is masked with currentColor to keep the theme's original state colors. */
html body .quick-checkout-wrapper .section-payment .payment-method-option.payment-method-idram::before {
  content: "" !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  vertical-align: -4px !important;
  background-color: currentColor !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22%22%20data-name%3D%22%22%20viewBox%3D%220%200%20320.38%20331.72%22%3E%3Cdefs%3E%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23515151%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m2.45%2C125.25h-.02v2h.02v-2Zm1%2C14.76v-13.76H1.45v13.76h2Zm9.77%2C10.5c-3.56%2C0-5.95-1.01-7.46-2.72-1.53-1.72-2.32-4.32-2.31-7.79h-2c0%2C3.73.83%2C6.89%2C2.82%2C9.11%2C2%2C2.25%2C5.01%2C3.39%2C8.96%2C3.39v-2Zm9.65-10.74c-.11%2C3.44-.84%2C6.1-2.31%2C7.89-1.44%2C1.75-3.73%2C2.83-7.34%2C2.84v2c4.04%2C0%2C6.96-1.24%2C8.88-3.57%2C1.88-2.29%2C2.66-5.47%2C2.77-9.1l-2-.06Zm1.45-29.23c-1.1%2C9.7-1.14%2C19.54-1.45%2C29.23l2%2C.06c.31-9.77.35-19.48%2C1.43-29.07l-1.99-.23ZM140.21%2C24.26C85.98%2C15.05%2C30.53%2C56.02%2C24.32%2C110.55l1.99.23c6.08-53.37%2C60.45-93.56%2C113.57-84.54l.33-1.97Zm47.58%2C20.13c-14.79-8.87-29.92-17.12-47.58-20.13l-.34%2C1.97c17.27%2C2.94%2C32.11%2C11.02%2C46.89%2C19.87l1.03-1.72Zm15.06-2.16c-1.81%2C3.15-4.07%2C4.5-6.53%2C4.72-2.53.23-5.46-.72-8.53-2.56l-1.03%2C1.72c3.25%2C1.95%2C6.61%2C3.12%2C9.74%2C2.84%2C3.21-.29%2C6.01-2.1%2C8.08-5.71l-1.73-1Zm-3.68-15.34c2.93%2C1.98%2C4.62%2C4.43%2C5.21%2C7.03.59%2C2.6.1%2C5.47-1.53%2C8.3l1.73%2C1c1.84-3.2%2C2.46-6.57%2C1.74-9.74-.72-3.17-2.76-6.03-6.04-8.25l-1.12%2C1.66ZM130.97%2C2.12c25.2%2C1.19%2C47.5%2C10.82%2C68.2%2C24.77l1.12-1.66C179.39%2C11.15%2C156.74%2C1.34%2C131.07.13l-.09%2C2ZM3.43%2C126.22C1.39%2C47.45%2C68.99-.79%2C130.97%2C2.12l.09-2C68.13-2.83-.65%2C46.14%2C1.43%2C126.28l2-.05Zm96.41%2C5.82v.04h2v-.04h-2Zm2%2C9.44c-.07-3.14%2C0-6.25%2C0-9.44h-2c0%2C3.12-.07%2C6.32%2C0%2C9.49l2-.05Zm9.78%2C10.05c-2.95%2C0-5.32-.94-6.98-2.6-1.66-1.67-2.71-4.16-2.79-7.45l-2%2C.05c.1%2C3.69%2C1.28%2C6.71%2C3.38%2C8.81%2C2.1%2C2.1%2C5.02%2C3.19%2C8.4%2C3.19v-2Zm9.54-10.11c.03%2C3.35-.95%2C5.86-2.57%2C7.52-1.62%2C1.66-4%2C2.59-6.97%2C2.59v2c3.39%2C0%2C6.32-1.07%2C8.4-3.2%2C2.07-2.12%2C3.18-5.18%2C3.14-8.94l-2%2C.02Zm.07-5.21c-.07%2C1.73-.09%2C3.49-.07%2C5.21l2-.02c-.02-1.7%2C0-3.41.07-5.11l-2-.09Zm13.68-7.35c-2.27-1.3-4.21-2.22-5.86-2.68-1.65-.46-3.14-.49-4.4.19-1.26.68-2.04%2C1.95-2.54%2C3.56-.5%2C1.61-.76%2C3.71-.87%2C6.28l2%2C.09c.11-2.51.36-4.41.79-5.78.42-1.37.97-2.07%2C1.58-2.39.61-.33%2C1.51-.41%2C2.92-.02%2C1.41.39%2C3.18%2C1.21%2C5.4%2C2.49l1-1.73Zm51.44%2C29.85c-17.1-10.01-34.24-19.98-51.44-29.85l-1%2C1.73c17.19%2C9.86%2C34.32%2C19.83%2C51.42%2C29.84l1.01-1.73Zm.27%2C15.45c2.4-1.41%2C4.27-2.65%2C5.55-3.83%2C1.26-1.17%2C2.1-2.43%2C2.07-3.87-.03-1.43-.91-2.68-2.21-3.86-1.31-1.19-3.23-2.46-5.69-3.9l-1.01%2C1.73c2.44%2C1.43%2C4.2%2C2.61%2C5.35%2C3.65%2C1.17%2C1.06%2C1.54%2C1.83%2C1.55%2C2.42.01.58-.32%2C1.33-1.43%2C2.36-1.1%2C1.02-2.81%2C2.18-5.2%2C3.57l1.01%2C1.73Zm-46.24%2C26.77c15.46-8.83%2C30.87-17.78%2C46.24-26.77l-1.01-1.73c-15.37%2C8.99-30.77%2C17.94-46.23%2C26.76l.99%2C1.74Zm-19.16-10.18c.38%2C4.59.68%2C8.12%2C1.17%2C10.64.25%2C1.27.55%2C2.34.97%2C3.2.42.87%2C1%2C1.57%2C1.79%2C1.99.8.42%2C1.7.5%2C2.65.36.94-.14%2C2-.49%2C3.18-1%2C2.35-1.02%2C5.41-2.76%2C9.39-5.02l-.99-1.74c-4.02%2C2.29-6.97%2C3.96-9.19%2C4.92-1.11.48-1.98.76-2.67.85-.68.1-1.12.02-1.43-.15-.31-.17-.63-.49-.94-1.11-.31-.63-.57-1.51-.81-2.7-.47-2.39-.76-5.79-1.14-10.42l-1.99.17Zm-9.44-9.27c2.94.03%2C5.14.85%2C6.67%2C2.34%2C1.53%2C1.49%2C2.51%2C3.77%2C2.77%2C6.94l1.99-.16c-.29-3.49-1.39-6.28-3.37-8.21-1.99-1.93-4.73-2.88-8.04-2.9l-.02%2C2Zm-9.79%2C9.16c.29-2.94%2C1.33-5.22%2C2.95-6.77%2C1.61-1.54%2C3.89-2.42%2C6.84-2.4l.02-2c-3.38-.03-6.19%2C1-8.23%2C2.95-2.04%2C1.94-3.23%2C4.72-3.56%2C8.02l1.99.2Zm-.24%2C14.63c.27-2.49.21-5.01.14-7.45-.07-2.46-.14-4.84.09-7.19l-1.99-.2c-.24%2C2.49-.17%2C5-.1%2C7.44.07%2C2.46.12%2C4.84-.13%2C7.18l1.99.22Zm35.8%2C21.13c-8.61%2C5.1-18.11%2C4.71-25.17.62-7.05-4.08-11.71-11.87-10.63-21.75l-1.99-.22c-1.17%2C10.69%2C3.91%2C19.23%2C11.62%2C23.69%2C7.69%2C4.46%2C17.97%2C4.83%2C27.19-.63l-1.02-1.72Zm68.49-39.89c-22.72%2C13.57-45.69%2C26.39-68.49%2C39.89l1.02%2C1.72c22.67-13.42%2C45.86-26.37%2C68.5-39.89l-1.03-1.72Zm-.31-40.2c8.53%2C5.09%2C12.74%2C12.66%2C12.79%2C20.13.06%2C7.47-4.04%2C15.02-12.48%2C20.06l1.03%2C1.72c8.98-5.36%2C13.52-13.53%2C13.46-21.8-.06-8.26-4.72-16.44-13.77-21.84l-1.02%2C1.72Zm-69.38-40.06c23.38%2C12.88%2C46.43%2C26.37%2C69.38%2C40.06l1.02-1.72c-22.96-13.69-46.03-27.19-69.44-40.09l-.97%2C1.75Zm-16.45-2.97c5.19-.87%2C11.77.39%2C16.45%2C2.97l.96-1.75c-5.05-2.78-12.08-4.14-17.75-3.19l.33%2C1.97Zm-18.05%2C28.78c-.02-9.45%2C1.17-16.06%2C3.97-20.59%2C2.76-4.45%2C7.19-7.04%2C14.08-8.2l-.33-1.97c-7.26%2C1.23-12.29%2C4.03-15.45%2C9.12-3.11%2C5.02-4.29%2C12.1-4.28%2C21.64h2Zm-48.86%2C34.8l.02-.04-1.79-.89-.02.04%2C1.79.89Zm-2.15.55h1.26v-2h-1.26v2Zm1.11%2C42.87c-.53-14.6-.11-29.19-.11-43.87h-2c0%2C14.6-.42%2C29.29.11%2C43.94l2-.07Zm25.53%2C52.43c-16.73-13.25-24.74-31.3-25.53-52.44l-2%2C.07c.81%2C21.64%2C9.04%2C40.27%2C26.29%2C53.93l1.24-1.57Zm98.02-1.69c-15.72%2C11.05-31.96%2C18.01-48.37%2C18.94-16.38.94-33.04-4.11-49.66-17.25l-1.24%2C1.57c16.95%2C13.41%2C34.09%2C18.65%2C51.01%2C17.68%2C16.9-.97%2C33.49-8.12%2C49.4-19.31l-1.15-1.64Zm3.01-13.32c1.31%2C2.49%2C1.71%2C5%2C1.23%2C7.27-.48%2C2.26-1.84%2C4.37-4.24%2C6.05l1.15%2C1.64c2.76-1.94%2C4.45-4.47%2C5.04-7.28.59-2.8.07-5.78-1.41-8.61l-1.77.93Zm-13.7-3.54c2.73-1.21%2C5.44-1.7%2C7.8-1.22%2C2.31.47%2C4.39%2C1.89%2C5.9%2C4.76l1.77-.93c-1.76-3.36-4.33-5.2-7.27-5.79-2.9-.59-6.05.04-9.01%2C1.35l.81%2C1.83Zm-15.64%2C8.88c2.67-1.46%2C5.27-3.11%2C7.83-4.66%2C2.58-1.56%2C5.14-3.04%2C7.81-4.22l-.81-1.83c-2.8%2C1.24-5.45%2C2.77-8.04%2C4.34-2.61%2C1.58-5.13%2C3.18-7.75%2C4.61l.96%2C1.75Zm-76.54-44.37c.37%2C38.65%2C42.62%2C63.03%2C76.54%2C44.37l-.96-1.75c-32.62%2C17.95-73.22-5.52-73.58-42.63l-2%2C.02Zm0-85.25c-.29%2C28.41-.27%2C56.84%2C0%2C85.25l2-.02c-.27-28.4-.29-56.82%2C0-85.21l-2-.02Zm75.24-44.5c-33.23-18.05-74.85%2C6.82-75.24%2C44.5l2%2C.02c.38-36.19%2C40.4-60.08%2C72.29-42.76l.95-1.76Zm76.04%2C44.19c-24.83-15.55-50.29-30.2-76.04-44.19l-.95%2C1.76c25.73%2C13.98%2C51.14%2C28.61%2C75.94%2C44.13l1.06-1.7Zm.14%2C86.83c31.91-20.86%2C32.22-66.57-.14-86.83l-1.06%2C1.7c31.08%2C19.45%2C30.84%2C63.37.11%2C83.46l1.09%2C1.67Zm-15.51%2C9.32c2.52-1.6%2C5.12-3.1%2C7.74-4.62%2C2.61-1.51%2C5.23-3.05%2C7.77-4.71l-1.09-1.68c-2.49%2C1.62-5.07%2C3.14-7.68%2C4.65-2.6%2C1.51-5.24%2C3.03-7.8%2C4.66l1.07%2C1.69Zm-5.1%2C14.41c-1.67-2.53-1.99-5.06-1.17-7.44.84-2.42%2C2.9-4.84%2C6.27-6.97l-1.07-1.69c-3.6%2C2.28-6.05%2C5.01-7.09%2C8.01-1.05%2C3.03-.58%2C6.21%2C1.39%2C9.2l1.67-1.1Zm15.36%2C2.91c-3%2C1.58-5.87%2C2.32-8.43%2C1.96-2.52-.35-4.9-1.78-6.93-4.87l-1.67%2C1.1c2.29%2C3.49%2C5.15%2C5.31%2C8.33%2C5.76%2C3.14.44%2C6.44-.49%2C9.64-2.17l-.93-1.77Zm18.4-10.93c-5.86%2C4.04-12.08%2C7.61-18.4%2C10.93l.93%2C1.77c6.37-3.35%2C12.66-6.96%2C18.61-11.06l-1.13-1.65Zm1.64-116.66c40.31%2C27.51%2C38.71%2C88.89-1.64%2C116.66l1.13%2C1.65c41.43-28.5%2C43.19-91.6%2C1.64-119.96l-1.13%2C1.65Zm-86.31-49.95c29.86%2C14.47%2C58.91%2C31.26%2C86.31%2C49.95l1.13-1.65c-27.48-18.75-56.62-35.59-86.56-50.1l-.87%2C1.8Zm-99.05%2C53.43c6.58-46.33%2C56.94-73.85%2C99.05-53.43l.87-1.8c-43.36-21.03-95.14%2C7.31-101.9%2C54.94l1.98.28Zm-.39%2C53.92c0-9.02-.53-18.19-.74-27.18-.21-9.03-.11-17.97%2C1.13-26.73l-1.98-.28c-1.27%2C8.92-1.37%2C18-1.15%2C27.06.22%2C9.1.74%2C18.13.74%2C27.13h2Zm266.61-4.53l-.02-.02-1.41%2C1.41.02.02%2C1.41-1.41Zm-4.9-22.7c1.85%2C8.87%2C2.45%2C17.9%2C3.2%2C23.54l1.98-.26c-.72-5.45-1.35-14.72-3.22-23.68l-1.96.41Zm-74.22-87.04c37.2%2C18.59%2C65.41%2C44.71%2C74.22%2C87.04l1.96-.41c-8.98-43.14-37.77-69.67-75.28-88.42l-.89%2C1.79Zm-13.34%2C4.44c1.48-2.64%2C3.4-4.44%2C5.61-5.24%2C2.19-.8%2C4.79-.67%2C7.73.8l.89-1.79c-3.35-1.67-6.52-1.9-9.31-.89-2.77%2C1.01-5.03%2C3.21-6.67%2C6.14l1.75.98Zm3.36%2C12.97c-2.48-1.63-3.98-3.66-4.54-5.84-.56-2.17-.23-4.61%2C1.18-7.13l-1.75-.98c-1.62%2C2.89-2.08%2C5.86-1.37%2C8.61.71%2C2.75%2C2.57%2C5.16%2C5.38%2C7.01l1.1-1.67Zm19.17%2C11.55c-3.16-2.03-6.42-3.9-9.65-5.77-3.24-1.87-6.44-3.74-9.52-5.78l-1.1%2C1.67c3.14%2C2.08%2C6.39%2C3.98%2C9.62%2C5.85%2C3.24%2C1.87%2C6.46%2C3.72%2C9.57%2C5.72l1.08-1.68Zm.77%2C169.03c62.35-40.18%2C61.6-128.99-.77-169.03l-1.08%2C1.68c61.17%2C39.27%2C61.87%2C126.29.76%2C165.67l1.08%2C1.68Zm-82.01%2C47.58c28.01-14.6%2C55.46-30.48%2C82.01-47.58l-1.08-1.68c-26.5%2C17.07-53.89%2C32.91-81.85%2C47.48l.92%2C1.77ZM26.29%2C234.78c16.04%2C61.04%2C86.2%2C92.12%2C142.25%2C62.91l-.92-1.77c-54.91%2C28.62-123.68-1.85-139.39-61.65l-1.93.51Zm-3.82-41.87c.54%2C6.96.61%2C13.97.99%2C21.06.38%2C7.04%2C1.06%2C14.06%2C2.84%2C20.82l1.93-.51c-1.72-6.56-2.4-13.42-2.77-20.41-.37-6.95-.45-14.14-.99-21.1l-1.99.15Zm-10.26-11.73c2.99.02%2C5.37%2C1.11%2C7.09%2C3.06%2C1.74%2C1.97%2C2.87%2C4.9%2C3.17%2C8.67l1.99-.16c-.32-4.07-1.56-7.45-3.66-9.84-2.12-2.41-5.06-3.72-8.58-3.74v2Zm-10.21%2C11.52c-.07-3.7%2C1.03-6.57%2C2.83-8.51%2C1.79-1.94%2C4.36-3.02%2C7.38-3.01v-2c-3.52%2C0-6.63%2C1.27-8.85%2C3.65C1.16%2C185.21-.07%2C188.62%2C0%2C192.74l2-.04Zm2.19%2C37.48c-2.26-12.16-1.93-24.86-2.19-37.49l-2%2C.04c.25%2C12.5-.08%2C25.44%2C2.22%2C37.81l1.97-.37Zm179.51%2C83.87c-72.38%2C40.81-164.27-2.01-179.51-83.87l-1.97.37c15.49%2C83.21%2C108.88%2C126.73%2C182.46%2C85.25l-.98-1.74Zm74.42-43.29c-24.62%2C14.73-49.43%2C29.2-74.42%2C43.29l.98%2C1.74c25-14.1%2C49.82-28.58%2C74.46-43.31l-1.03-1.72Zm59.86-108.25c-1.3%2C49.27-20.35%2C84.63-59.86%2C108.25l1.03%2C1.72c40.16-24.01%2C59.51-60.04%2C60.83-109.91l-2-.05ZM2.45%2C126.25h1v-1h-1v1Zm0%2C13.76h1s0%2C0%2C0%2C0h-1Zm10.77%2C11.5v1h0v-1Zm10.65-11.7l-1-.03h0s1%2C.03%2C1%2C.03Zm1.44-29.15l-.99-.11h0s.99.11.99.11ZM140.04%2C25.25l.17-.99h0s-.17.99-.17.99Zm47.24%2C20l.51-.86h0s-.51.86-.51.86Zm16.44-2.52l.87.5h0s-.87-.5-.87-.5Zm-3.99-16.66l.56-.83h0s-.56.83-.56.83ZM131.02%2C1.13l.05-1h0s-.05%2C1-.05%2C1ZM2.43%2C126.25l-1%2C.03.03.97h.97v-1Zm98.41%2C15.26l-1%2C.02h0s1-.02%2C1-.02Zm21.31-.09h1s-1%2C0-1%2C0Zm.07-5.16l-1-.04h0s1%2C.04%2C1%2C.04Zm12.18-6.53l-.5.87h0s.5-.87.5-.87Zm51.43%2C29.85l-.51.86h0s.5-.86.5-.86Zm.27%2C13.73l-.5-.86h0s.5.86.5.86Zm-46.24%2C26.76l.5.87h0s-.5-.87-.5-.87Zm-17.67-9.39l-1%2C.08h0s1-.08%2C1-.08Zm-10.43-10.19v-1s0%2C0%2C0%2C0v1Zm-10.79%2C10.06l-1-.1h0s1%2C.1%2C1%2C.1Zm-.24%2C14.62l-.99-.11h0s.99.11.99.11Zm37.3%2C22.1l-.51-.86h0s.51.86.51.86Zm68.5-39.89l.51.86-.51-.86Zm-.31-41.91l-.51.86h0s.51-.86.51-.86Zm-69.41-40.07l.48-.88h0s-.48.88-.48.88Zm-17.1-3.08l-.17-.99h0s.17.99.17.99Zm-18.89%2C29.77h-1s2%2C0%2C2%2C0h-1Zm-48.76%2C34.35v1h.62l.28-.55-.89-.45Zm-1.26%2C0v-1h-1v1h1Zm.11%2C43.9l-1%2C.04h0s1-.04%2C1-.04Zm25.91%2C53.18l-.62.78h0s.62-.78.62-.78Zm99.22-1.66l.58.82h0s-.58-.82-.58-.82Zm3.32-14.6l-.89.46h0s.89-.46.89-.46Zm-14.99-3.99l-.4-.91h0s.41.91.41.91Zm-15.72%2C8.92l-.48-.88h0s.48.88.48.88Zm-75.06-43.5h1s-1%2C0-1%2C0Zm0-85.23h-1s0-.01%2C0-.01h1Zm73.77-43.63l.48-.88h0s-.48.88-.48.88Zm75.99%2C44.16l-.53.85h0s.53-.85.53-.85Zm.13%2C85.14l.55.84h0s-.55-.84-.55-.84Zm-15.5%2C9.32l.54.84h0s-.54-.84-.54-.84Zm-5.4%2C15.81l.84-.55h0s-.83.55-.83.55Zm16.66%2C3.25l-.47-.89h0s.47.89.47.89Zm18.51-10.99l-.57-.82h0s.57.82.57.82Zm1.64-118.31l.56-.83h0l-.56.83Zm-86.44-50.03l-.44.9h0s.44-.9.44-.9Zm-100.47%2C54.18l.99.14h0s-.99-.14-.99-.14Zm-.4%2C54.06l.89.45.11-.21v-.24h-1Zm266.9-3.83l-.71.71%2C2.08%2C2.09-.38-2.92-.99.13Zm-3.21-23.61l-.98.2h0s.98-.2.98-.2Zm-74.75-87.73l.45-.89h0s-.45.89-.45.89Zm-14.66%2C4.85l.87.49h0s-.87-.49-.87-.49Zm3.68%2C14.29l.55-.83h0s-.55.83-.55.83Zm19.18%2C11.56l-.54.84h0s.54-.84.54-.84Zm.77%2C167.35l.54.84h0s-.54-.84-.54-.84Zm-81.93%2C47.53l-.46-.89h0l.46.89ZM27.26%2C234.53l.97-.25h0s-.97.25-.97.25Zm-3.79-41.7l1-.08h0s-1%2C.08-1%2C.08Zm-11.25-12.65v-1s0%2C0%2C0%2C0v1Zm-11.21%2C12.54l-1%2C.02h0s1-.02%2C1-.02Zm2.21%2C37.65l-.98.18h0s.98-.18.98-.18Zm180.99%2C84.56l-.49-.87.49.87Zm74.44-43.3l-.51-.86h0s.51.86.51.86Zm60.35-109.08l.71-.71-1.65-1.65-.06%2C2.33%2C1%2C.03Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m318.98%2C162.55c-1.31%2C49.57-20.51%2C85.27-60.35%2C109.08-24.63%2C14.73-49.44%2C29.21-74.44%2C43.3-72.98%2C41.15-165.62-2.02-180.99-84.56-2.28-12.27-1.95-25.09-2.21-37.65-.15-7.82%2C4.67-12.56%2C11.21-12.54%2C6.51.04%2C10.63%2C4.81%2C11.25%2C12.65%2C1.08%2C13.93.29%2C28.39%2C3.79%2C41.7%2C15.88%2C60.42%2C85.34%2C91.19%2C140.82%2C62.28%2C27.99-14.59%2C55.41-30.45%2C81.93-47.53%2C61.73-39.78%2C61-127.69-.77-167.35-6.27-4.03-12.96-7.44-19.18-11.56-5.29-3.48-6.71-8.88-3.68-14.29%2C3.12-5.58%2C8.37-7.99%2C14.66-4.85%2C37.36%2C18.67%2C65.85%2C45%2C74.75%2C87.73%2C1.86%2C8.92%2C2.48%2C18.07%2C3.21%2C23.61l-.02-.02Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m52.1%2C166.39c0-18.03-2.11-36.37.4-54.06%2C6.67-46.98%2C57.74-74.91%2C100.47-54.18%2C29.9%2C14.49%2C59%2C31.3%2C86.44%2C50.03%2C40.93%2C27.93%2C39.25%2C90.17-1.64%2C118.31-5.91%2C4.07-12.16%2C7.66-18.51%2C10.99-6.2%2C3.26-12.34%2C3.34-16.66-3.25-3.65-5.52-1.57-11.39%2C5.4-15.81%2C5.09-3.23%2C10.46-6.03%2C15.5-9.32%2C31.32-20.47%2C31.6-65.29-.13-85.14-24.81-15.53-50.25-30.17-75.99-44.16-32.56-17.68-73.38%2C6.69-73.77%2C43.63-.29%2C28.4-.27%2C56.83%2C0%2C85.23.36%2C37.89%2C41.79%2C61.81%2C75.06%2C43.5%2C5.29-2.9%2C10.25-6.49%2C15.72-8.92%2C5.69-2.52%2C11.72-2.24%2C14.99%2C3.99%2C2.79%2C5.32%2C1.84%2C10.98-3.32%2C14.6-31.63%2C22.24-65.65%2C28.2-99.22%2C1.66-16.99-13.45-25.11-31.8-25.91-53.18-.53-14.62-.11-29.26-.11-43.9h1.26l.02-.04Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m100.84%2C132.08c-.04-19%2C4.74-27.38%2C18.89-29.77%2C5.43-.91%2C12.23.4%2C17.1%2C3.08%2C23.39%2C12.89%2C46.45%2C26.38%2C69.41%2C40.07%2C17.58%2C10.48%2C17.74%2C31.5.31%2C41.91-22.68%2C13.55-45.76%2C26.44-68.5%2C39.89-17.83%2C10.56-39.54-1.53-37.3-22.1.53-4.83-.24-9.79.24-14.62.62-6.24%2C4.47-10.12%2C10.79-10.06%2C6.25.05%2C9.88%2C3.54%2C10.43%2C10.19%2C1.53%2C18.45%2C1.68%2C18.51%2C17.67%2C9.39%2C15.46-8.82%2C30.87-17.78%2C46.24-26.76%2C9.57-5.6%2C9.52-8-.27-13.73-17.1-10.01-34.24-19.98-51.43-29.85-8.99-5.16-11.72-3.63-12.18%2C6.53-.07%2C1.71-.09%2C3.45-.07%2C5.16.07%2C7.11-4.18%2C11.12-10.54%2C11.12s-10.59-4.05-10.77-11.03c-.07-3.15%2C0-6.31%2C0-9.46v.04Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m2.43%2C126.25C.37%2C46.8%2C68.56-1.81%2C131.02%2C1.13c25.43%2C1.2%2C47.91%2C10.92%2C68.72%2C24.94%2C6.22%2C4.19%2C7.46%2C10.63%2C3.99%2C16.66-3.88%2C6.76-10.12%2C6.31-16.44%2C2.52-14.79-8.86-29.77-17.03-47.24-20C86.37%2C16.13%2C31.46%2C56.71%2C25.31%2C110.66c-1.09%2C9.64-1.13%2C19.42-1.44%2C29.15-.22%2C7.07-3.01%2C11.69-10.65%2C11.7-7.51%2C0-10.79-4.3-10.77-11.5v-13.76h-.02Z%22%2F%3E%3C%2Fsvg%3E') center / contain no-repeat !important;
  mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22%22%20data-name%3D%22%22%20viewBox%3D%220%200%20320.38%20331.72%22%3E%3Cdefs%3E%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23515151%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m2.45%2C125.25h-.02v2h.02v-2Zm1%2C14.76v-13.76H1.45v13.76h2Zm9.77%2C10.5c-3.56%2C0-5.95-1.01-7.46-2.72-1.53-1.72-2.32-4.32-2.31-7.79h-2c0%2C3.73.83%2C6.89%2C2.82%2C9.11%2C2%2C2.25%2C5.01%2C3.39%2C8.96%2C3.39v-2Zm9.65-10.74c-.11%2C3.44-.84%2C6.1-2.31%2C7.89-1.44%2C1.75-3.73%2C2.83-7.34%2C2.84v2c4.04%2C0%2C6.96-1.24%2C8.88-3.57%2C1.88-2.29%2C2.66-5.47%2C2.77-9.1l-2-.06Zm1.45-29.23c-1.1%2C9.7-1.14%2C19.54-1.45%2C29.23l2%2C.06c.31-9.77.35-19.48%2C1.43-29.07l-1.99-.23ZM140.21%2C24.26C85.98%2C15.05%2C30.53%2C56.02%2C24.32%2C110.55l1.99.23c6.08-53.37%2C60.45-93.56%2C113.57-84.54l.33-1.97Zm47.58%2C20.13c-14.79-8.87-29.92-17.12-47.58-20.13l-.34%2C1.97c17.27%2C2.94%2C32.11%2C11.02%2C46.89%2C19.87l1.03-1.72Zm15.06-2.16c-1.81%2C3.15-4.07%2C4.5-6.53%2C4.72-2.53.23-5.46-.72-8.53-2.56l-1.03%2C1.72c3.25%2C1.95%2C6.61%2C3.12%2C9.74%2C2.84%2C3.21-.29%2C6.01-2.1%2C8.08-5.71l-1.73-1Zm-3.68-15.34c2.93%2C1.98%2C4.62%2C4.43%2C5.21%2C7.03.59%2C2.6.1%2C5.47-1.53%2C8.3l1.73%2C1c1.84-3.2%2C2.46-6.57%2C1.74-9.74-.72-3.17-2.76-6.03-6.04-8.25l-1.12%2C1.66ZM130.97%2C2.12c25.2%2C1.19%2C47.5%2C10.82%2C68.2%2C24.77l1.12-1.66C179.39%2C11.15%2C156.74%2C1.34%2C131.07.13l-.09%2C2ZM3.43%2C126.22C1.39%2C47.45%2C68.99-.79%2C130.97%2C2.12l.09-2C68.13-2.83-.65%2C46.14%2C1.43%2C126.28l2-.05Zm96.41%2C5.82v.04h2v-.04h-2Zm2%2C9.44c-.07-3.14%2C0-6.25%2C0-9.44h-2c0%2C3.12-.07%2C6.32%2C0%2C9.49l2-.05Zm9.78%2C10.05c-2.95%2C0-5.32-.94-6.98-2.6-1.66-1.67-2.71-4.16-2.79-7.45l-2%2C.05c.1%2C3.69%2C1.28%2C6.71%2C3.38%2C8.81%2C2.1%2C2.1%2C5.02%2C3.19%2C8.4%2C3.19v-2Zm9.54-10.11c.03%2C3.35-.95%2C5.86-2.57%2C7.52-1.62%2C1.66-4%2C2.59-6.97%2C2.59v2c3.39%2C0%2C6.32-1.07%2C8.4-3.2%2C2.07-2.12%2C3.18-5.18%2C3.14-8.94l-2%2C.02Zm.07-5.21c-.07%2C1.73-.09%2C3.49-.07%2C5.21l2-.02c-.02-1.7%2C0-3.41.07-5.11l-2-.09Zm13.68-7.35c-2.27-1.3-4.21-2.22-5.86-2.68-1.65-.46-3.14-.49-4.4.19-1.26.68-2.04%2C1.95-2.54%2C3.56-.5%2C1.61-.76%2C3.71-.87%2C6.28l2%2C.09c.11-2.51.36-4.41.79-5.78.42-1.37.97-2.07%2C1.58-2.39.61-.33%2C1.51-.41%2C2.92-.02%2C1.41.39%2C3.18%2C1.21%2C5.4%2C2.49l1-1.73Zm51.44%2C29.85c-17.1-10.01-34.24-19.98-51.44-29.85l-1%2C1.73c17.19%2C9.86%2C34.32%2C19.83%2C51.42%2C29.84l1.01-1.73Zm.27%2C15.45c2.4-1.41%2C4.27-2.65%2C5.55-3.83%2C1.26-1.17%2C2.1-2.43%2C2.07-3.87-.03-1.43-.91-2.68-2.21-3.86-1.31-1.19-3.23-2.46-5.69-3.9l-1.01%2C1.73c2.44%2C1.43%2C4.2%2C2.61%2C5.35%2C3.65%2C1.17%2C1.06%2C1.54%2C1.83%2C1.55%2C2.42.01.58-.32%2C1.33-1.43%2C2.36-1.1%2C1.02-2.81%2C2.18-5.2%2C3.57l1.01%2C1.73Zm-46.24%2C26.77c15.46-8.83%2C30.87-17.78%2C46.24-26.77l-1.01-1.73c-15.37%2C8.99-30.77%2C17.94-46.23%2C26.76l.99%2C1.74Zm-19.16-10.18c.38%2C4.59.68%2C8.12%2C1.17%2C10.64.25%2C1.27.55%2C2.34.97%2C3.2.42.87%2C1%2C1.57%2C1.79%2C1.99.8.42%2C1.7.5%2C2.65.36.94-.14%2C2-.49%2C3.18-1%2C2.35-1.02%2C5.41-2.76%2C9.39-5.02l-.99-1.74c-4.02%2C2.29-6.97%2C3.96-9.19%2C4.92-1.11.48-1.98.76-2.67.85-.68.1-1.12.02-1.43-.15-.31-.17-.63-.49-.94-1.11-.31-.63-.57-1.51-.81-2.7-.47-2.39-.76-5.79-1.14-10.42l-1.99.17Zm-9.44-9.27c2.94.03%2C5.14.85%2C6.67%2C2.34%2C1.53%2C1.49%2C2.51%2C3.77%2C2.77%2C6.94l1.99-.16c-.29-3.49-1.39-6.28-3.37-8.21-1.99-1.93-4.73-2.88-8.04-2.9l-.02%2C2Zm-9.79%2C9.16c.29-2.94%2C1.33-5.22%2C2.95-6.77%2C1.61-1.54%2C3.89-2.42%2C6.84-2.4l.02-2c-3.38-.03-6.19%2C1-8.23%2C2.95-2.04%2C1.94-3.23%2C4.72-3.56%2C8.02l1.99.2Zm-.24%2C14.63c.27-2.49.21-5.01.14-7.45-.07-2.46-.14-4.84.09-7.19l-1.99-.2c-.24%2C2.49-.17%2C5-.1%2C7.44.07%2C2.46.12%2C4.84-.13%2C7.18l1.99.22Zm35.8%2C21.13c-8.61%2C5.1-18.11%2C4.71-25.17.62-7.05-4.08-11.71-11.87-10.63-21.75l-1.99-.22c-1.17%2C10.69%2C3.91%2C19.23%2C11.62%2C23.69%2C7.69%2C4.46%2C17.97%2C4.83%2C27.19-.63l-1.02-1.72Zm68.49-39.89c-22.72%2C13.57-45.69%2C26.39-68.49%2C39.89l1.02%2C1.72c22.67-13.42%2C45.86-26.37%2C68.5-39.89l-1.03-1.72Zm-.31-40.2c8.53%2C5.09%2C12.74%2C12.66%2C12.79%2C20.13.06%2C7.47-4.04%2C15.02-12.48%2C20.06l1.03%2C1.72c8.98-5.36%2C13.52-13.53%2C13.46-21.8-.06-8.26-4.72-16.44-13.77-21.84l-1.02%2C1.72Zm-69.38-40.06c23.38%2C12.88%2C46.43%2C26.37%2C69.38%2C40.06l1.02-1.72c-22.96-13.69-46.03-27.19-69.44-40.09l-.97%2C1.75Zm-16.45-2.97c5.19-.87%2C11.77.39%2C16.45%2C2.97l.96-1.75c-5.05-2.78-12.08-4.14-17.75-3.19l.33%2C1.97Zm-18.05%2C28.78c-.02-9.45%2C1.17-16.06%2C3.97-20.59%2C2.76-4.45%2C7.19-7.04%2C14.08-8.2l-.33-1.97c-7.26%2C1.23-12.29%2C4.03-15.45%2C9.12-3.11%2C5.02-4.29%2C12.1-4.28%2C21.64h2Zm-48.86%2C34.8l.02-.04-1.79-.89-.02.04%2C1.79.89Zm-2.15.55h1.26v-2h-1.26v2Zm1.11%2C42.87c-.53-14.6-.11-29.19-.11-43.87h-2c0%2C14.6-.42%2C29.29.11%2C43.94l2-.07Zm25.53%2C52.43c-16.73-13.25-24.74-31.3-25.53-52.44l-2%2C.07c.81%2C21.64%2C9.04%2C40.27%2C26.29%2C53.93l1.24-1.57Zm98.02-1.69c-15.72%2C11.05-31.96%2C18.01-48.37%2C18.94-16.38.94-33.04-4.11-49.66-17.25l-1.24%2C1.57c16.95%2C13.41%2C34.09%2C18.65%2C51.01%2C17.68%2C16.9-.97%2C33.49-8.12%2C49.4-19.31l-1.15-1.64Zm3.01-13.32c1.31%2C2.49%2C1.71%2C5%2C1.23%2C7.27-.48%2C2.26-1.84%2C4.37-4.24%2C6.05l1.15%2C1.64c2.76-1.94%2C4.45-4.47%2C5.04-7.28.59-2.8.07-5.78-1.41-8.61l-1.77.93Zm-13.7-3.54c2.73-1.21%2C5.44-1.7%2C7.8-1.22%2C2.31.47%2C4.39%2C1.89%2C5.9%2C4.76l1.77-.93c-1.76-3.36-4.33-5.2-7.27-5.79-2.9-.59-6.05.04-9.01%2C1.35l.81%2C1.83Zm-15.64%2C8.88c2.67-1.46%2C5.27-3.11%2C7.83-4.66%2C2.58-1.56%2C5.14-3.04%2C7.81-4.22l-.81-1.83c-2.8%2C1.24-5.45%2C2.77-8.04%2C4.34-2.61%2C1.58-5.13%2C3.18-7.75%2C4.61l.96%2C1.75Zm-76.54-44.37c.37%2C38.65%2C42.62%2C63.03%2C76.54%2C44.37l-.96-1.75c-32.62%2C17.95-73.22-5.52-73.58-42.63l-2%2C.02Zm0-85.25c-.29%2C28.41-.27%2C56.84%2C0%2C85.25l2-.02c-.27-28.4-.29-56.82%2C0-85.21l-2-.02Zm75.24-44.5c-33.23-18.05-74.85%2C6.82-75.24%2C44.5l2%2C.02c.38-36.19%2C40.4-60.08%2C72.29-42.76l.95-1.76Zm76.04%2C44.19c-24.83-15.55-50.29-30.2-76.04-44.19l-.95%2C1.76c25.73%2C13.98%2C51.14%2C28.61%2C75.94%2C44.13l1.06-1.7Zm.14%2C86.83c31.91-20.86%2C32.22-66.57-.14-86.83l-1.06%2C1.7c31.08%2C19.45%2C30.84%2C63.37.11%2C83.46l1.09%2C1.67Zm-15.51%2C9.32c2.52-1.6%2C5.12-3.1%2C7.74-4.62%2C2.61-1.51%2C5.23-3.05%2C7.77-4.71l-1.09-1.68c-2.49%2C1.62-5.07%2C3.14-7.68%2C4.65-2.6%2C1.51-5.24%2C3.03-7.8%2C4.66l1.07%2C1.69Zm-5.1%2C14.41c-1.67-2.53-1.99-5.06-1.17-7.44.84-2.42%2C2.9-4.84%2C6.27-6.97l-1.07-1.69c-3.6%2C2.28-6.05%2C5.01-7.09%2C8.01-1.05%2C3.03-.58%2C6.21%2C1.39%2C9.2l1.67-1.1Zm15.36%2C2.91c-3%2C1.58-5.87%2C2.32-8.43%2C1.96-2.52-.35-4.9-1.78-6.93-4.87l-1.67%2C1.1c2.29%2C3.49%2C5.15%2C5.31%2C8.33%2C5.76%2C3.14.44%2C6.44-.49%2C9.64-2.17l-.93-1.77Zm18.4-10.93c-5.86%2C4.04-12.08%2C7.61-18.4%2C10.93l.93%2C1.77c6.37-3.35%2C12.66-6.96%2C18.61-11.06l-1.13-1.65Zm1.64-116.66c40.31%2C27.51%2C38.71%2C88.89-1.64%2C116.66l1.13%2C1.65c41.43-28.5%2C43.19-91.6%2C1.64-119.96l-1.13%2C1.65Zm-86.31-49.95c29.86%2C14.47%2C58.91%2C31.26%2C86.31%2C49.95l1.13-1.65c-27.48-18.75-56.62-35.59-86.56-50.1l-.87%2C1.8Zm-99.05%2C53.43c6.58-46.33%2C56.94-73.85%2C99.05-53.43l.87-1.8c-43.36-21.03-95.14%2C7.31-101.9%2C54.94l1.98.28Zm-.39%2C53.92c0-9.02-.53-18.19-.74-27.18-.21-9.03-.11-17.97%2C1.13-26.73l-1.98-.28c-1.27%2C8.92-1.37%2C18-1.15%2C27.06.22%2C9.1.74%2C18.13.74%2C27.13h2Zm266.61-4.53l-.02-.02-1.41%2C1.41.02.02%2C1.41-1.41Zm-4.9-22.7c1.85%2C8.87%2C2.45%2C17.9%2C3.2%2C23.54l1.98-.26c-.72-5.45-1.35-14.72-3.22-23.68l-1.96.41Zm-74.22-87.04c37.2%2C18.59%2C65.41%2C44.71%2C74.22%2C87.04l1.96-.41c-8.98-43.14-37.77-69.67-75.28-88.42l-.89%2C1.79Zm-13.34%2C4.44c1.48-2.64%2C3.4-4.44%2C5.61-5.24%2C2.19-.8%2C4.79-.67%2C7.73.8l.89-1.79c-3.35-1.67-6.52-1.9-9.31-.89-2.77%2C1.01-5.03%2C3.21-6.67%2C6.14l1.75.98Zm3.36%2C12.97c-2.48-1.63-3.98-3.66-4.54-5.84-.56-2.17-.23-4.61%2C1.18-7.13l-1.75-.98c-1.62%2C2.89-2.08%2C5.86-1.37%2C8.61.71%2C2.75%2C2.57%2C5.16%2C5.38%2C7.01l1.1-1.67Zm19.17%2C11.55c-3.16-2.03-6.42-3.9-9.65-5.77-3.24-1.87-6.44-3.74-9.52-5.78l-1.1%2C1.67c3.14%2C2.08%2C6.39%2C3.98%2C9.62%2C5.85%2C3.24%2C1.87%2C6.46%2C3.72%2C9.57%2C5.72l1.08-1.68Zm.77%2C169.03c62.35-40.18%2C61.6-128.99-.77-169.03l-1.08%2C1.68c61.17%2C39.27%2C61.87%2C126.29.76%2C165.67l1.08%2C1.68Zm-82.01%2C47.58c28.01-14.6%2C55.46-30.48%2C82.01-47.58l-1.08-1.68c-26.5%2C17.07-53.89%2C32.91-81.85%2C47.48l.92%2C1.77ZM26.29%2C234.78c16.04%2C61.04%2C86.2%2C92.12%2C142.25%2C62.91l-.92-1.77c-54.91%2C28.62-123.68-1.85-139.39-61.65l-1.93.51Zm-3.82-41.87c.54%2C6.96.61%2C13.97.99%2C21.06.38%2C7.04%2C1.06%2C14.06%2C2.84%2C20.82l1.93-.51c-1.72-6.56-2.4-13.42-2.77-20.41-.37-6.95-.45-14.14-.99-21.1l-1.99.15Zm-10.26-11.73c2.99.02%2C5.37%2C1.11%2C7.09%2C3.06%2C1.74%2C1.97%2C2.87%2C4.9%2C3.17%2C8.67l1.99-.16c-.32-4.07-1.56-7.45-3.66-9.84-2.12-2.41-5.06-3.72-8.58-3.74v2Zm-10.21%2C11.52c-.07-3.7%2C1.03-6.57%2C2.83-8.51%2C1.79-1.94%2C4.36-3.02%2C7.38-3.01v-2c-3.52%2C0-6.63%2C1.27-8.85%2C3.65C1.16%2C185.21-.07%2C188.62%2C0%2C192.74l2-.04Zm2.19%2C37.48c-2.26-12.16-1.93-24.86-2.19-37.49l-2%2C.04c.25%2C12.5-.08%2C25.44%2C2.22%2C37.81l1.97-.37Zm179.51%2C83.87c-72.38%2C40.81-164.27-2.01-179.51-83.87l-1.97.37c15.49%2C83.21%2C108.88%2C126.73%2C182.46%2C85.25l-.98-1.74Zm74.42-43.29c-24.62%2C14.73-49.43%2C29.2-74.42%2C43.29l.98%2C1.74c25-14.1%2C49.82-28.58%2C74.46-43.31l-1.03-1.72Zm59.86-108.25c-1.3%2C49.27-20.35%2C84.63-59.86%2C108.25l1.03%2C1.72c40.16-24.01%2C59.51-60.04%2C60.83-109.91l-2-.05ZM2.45%2C126.25h1v-1h-1v1Zm0%2C13.76h1s0%2C0%2C0%2C0h-1Zm10.77%2C11.5v1h0v-1Zm10.65-11.7l-1-.03h0s1%2C.03%2C1%2C.03Zm1.44-29.15l-.99-.11h0s.99.11.99.11ZM140.04%2C25.25l.17-.99h0s-.17.99-.17.99Zm47.24%2C20l.51-.86h0s-.51.86-.51.86Zm16.44-2.52l.87.5h0s-.87-.5-.87-.5Zm-3.99-16.66l.56-.83h0s-.56.83-.56.83ZM131.02%2C1.13l.05-1h0s-.05%2C1-.05%2C1ZM2.43%2C126.25l-1%2C.03.03.97h.97v-1Zm98.41%2C15.26l-1%2C.02h0s1-.02%2C1-.02Zm21.31-.09h1s-1%2C0-1%2C0Zm.07-5.16l-1-.04h0s1%2C.04%2C1%2C.04Zm12.18-6.53l-.5.87h0s.5-.87.5-.87Zm51.43%2C29.85l-.51.86h0s.5-.86.5-.86Zm.27%2C13.73l-.5-.86h0s.5.86.5.86Zm-46.24%2C26.76l.5.87h0s-.5-.87-.5-.87Zm-17.67-9.39l-1%2C.08h0s1-.08%2C1-.08Zm-10.43-10.19v-1s0%2C0%2C0%2C0v1Zm-10.79%2C10.06l-1-.1h0s1%2C.1%2C1%2C.1Zm-.24%2C14.62l-.99-.11h0s.99.11.99.11Zm37.3%2C22.1l-.51-.86h0s.51.86.51.86Zm68.5-39.89l.51.86-.51-.86Zm-.31-41.91l-.51.86h0s.51-.86.51-.86Zm-69.41-40.07l.48-.88h0s-.48.88-.48.88Zm-17.1-3.08l-.17-.99h0s.17.99.17.99Zm-18.89%2C29.77h-1s2%2C0%2C2%2C0h-1Zm-48.76%2C34.35v1h.62l.28-.55-.89-.45Zm-1.26%2C0v-1h-1v1h1Zm.11%2C43.9l-1%2C.04h0s1-.04%2C1-.04Zm25.91%2C53.18l-.62.78h0s.62-.78.62-.78Zm99.22-1.66l.58.82h0s-.58-.82-.58-.82Zm3.32-14.6l-.89.46h0s.89-.46.89-.46Zm-14.99-3.99l-.4-.91h0s.41.91.41.91Zm-15.72%2C8.92l-.48-.88h0s.48.88.48.88Zm-75.06-43.5h1s-1%2C0-1%2C0Zm0-85.23h-1s0-.01%2C0-.01h1Zm73.77-43.63l.48-.88h0s-.48.88-.48.88Zm75.99%2C44.16l-.53.85h0s.53-.85.53-.85Zm.13%2C85.14l.55.84h0s-.55-.84-.55-.84Zm-15.5%2C9.32l.54.84h0s-.54-.84-.54-.84Zm-5.4%2C15.81l.84-.55h0s-.83.55-.83.55Zm16.66%2C3.25l-.47-.89h0s.47.89.47.89Zm18.51-10.99l-.57-.82h0s.57.82.57.82Zm1.64-118.31l.56-.83h0l-.56.83Zm-86.44-50.03l-.44.9h0s.44-.9.44-.9Zm-100.47%2C54.18l.99.14h0s-.99-.14-.99-.14Zm-.4%2C54.06l.89.45.11-.21v-.24h-1Zm266.9-3.83l-.71.71%2C2.08%2C2.09-.38-2.92-.99.13Zm-3.21-23.61l-.98.2h0s.98-.2.98-.2Zm-74.75-87.73l.45-.89h0s-.45.89-.45.89Zm-14.66%2C4.85l.87.49h0s-.87-.49-.87-.49Zm3.68%2C14.29l.55-.83h0s-.55.83-.55.83Zm19.18%2C11.56l-.54.84h0s.54-.84.54-.84Zm.77%2C167.35l.54.84h0s-.54-.84-.54-.84Zm-81.93%2C47.53l-.46-.89h0l.46.89ZM27.26%2C234.53l.97-.25h0s-.97.25-.97.25Zm-3.79-41.7l1-.08h0s-1%2C.08-1%2C.08Zm-11.25-12.65v-1s0%2C0%2C0%2C0v1Zm-11.21%2C12.54l-1%2C.02h0s1-.02%2C1-.02Zm2.21%2C37.65l-.98.18h0s.98-.18.98-.18Zm180.99%2C84.56l-.49-.87.49.87Zm74.44-43.3l-.51-.86h0s.51.86.51.86Zm60.35-109.08l.71-.71-1.65-1.65-.06%2C2.33%2C1%2C.03Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m318.98%2C162.55c-1.31%2C49.57-20.51%2C85.27-60.35%2C109.08-24.63%2C14.73-49.44%2C29.21-74.44%2C43.3-72.98%2C41.15-165.62-2.02-180.99-84.56-2.28-12.27-1.95-25.09-2.21-37.65-.15-7.82%2C4.67-12.56%2C11.21-12.54%2C6.51.04%2C10.63%2C4.81%2C11.25%2C12.65%2C1.08%2C13.93.29%2C28.39%2C3.79%2C41.7%2C15.88%2C60.42%2C85.34%2C91.19%2C140.82%2C62.28%2C27.99-14.59%2C55.41-30.45%2C81.93-47.53%2C61.73-39.78%2C61-127.69-.77-167.35-6.27-4.03-12.96-7.44-19.18-11.56-5.29-3.48-6.71-8.88-3.68-14.29%2C3.12-5.58%2C8.37-7.99%2C14.66-4.85%2C37.36%2C18.67%2C65.85%2C45%2C74.75%2C87.73%2C1.86%2C8.92%2C2.48%2C18.07%2C3.21%2C23.61l-.02-.02Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m52.1%2C166.39c0-18.03-2.11-36.37.4-54.06%2C6.67-46.98%2C57.74-74.91%2C100.47-54.18%2C29.9%2C14.49%2C59%2C31.3%2C86.44%2C50.03%2C40.93%2C27.93%2C39.25%2C90.17-1.64%2C118.31-5.91%2C4.07-12.16%2C7.66-18.51%2C10.99-6.2%2C3.26-12.34%2C3.34-16.66-3.25-3.65-5.52-1.57-11.39%2C5.4-15.81%2C5.09-3.23%2C10.46-6.03%2C15.5-9.32%2C31.32-20.47%2C31.6-65.29-.13-85.14-24.81-15.53-50.25-30.17-75.99-44.16-32.56-17.68-73.38%2C6.69-73.77%2C43.63-.29%2C28.4-.27%2C56.83%2C0%2C85.23.36%2C37.89%2C41.79%2C61.81%2C75.06%2C43.5%2C5.29-2.9%2C10.25-6.49%2C15.72-8.92%2C5.69-2.52%2C11.72-2.24%2C14.99%2C3.99%2C2.79%2C5.32%2C1.84%2C10.98-3.32%2C14.6-31.63%2C22.24-65.65%2C28.2-99.22%2C1.66-16.99-13.45-25.11-31.8-25.91-53.18-.53-14.62-.11-29.26-.11-43.9h1.26l.02-.04Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m100.84%2C132.08c-.04-19%2C4.74-27.38%2C18.89-29.77%2C5.43-.91%2C12.23.4%2C17.1%2C3.08%2C23.39%2C12.89%2C46.45%2C26.38%2C69.41%2C40.07%2C17.58%2C10.48%2C17.74%2C31.5.31%2C41.91-22.68%2C13.55-45.76%2C26.44-68.5%2C39.89-17.83%2C10.56-39.54-1.53-37.3-22.1.53-4.83-.24-9.79.24-14.62.62-6.24%2C4.47-10.12%2C10.79-10.06%2C6.25.05%2C9.88%2C3.54%2C10.43%2C10.19%2C1.53%2C18.45%2C1.68%2C18.51%2C17.67%2C9.39%2C15.46-8.82%2C30.87-17.78%2C46.24-26.76%2C9.57-5.6%2C9.52-8-.27-13.73-17.1-10.01-34.24-19.98-51.43-29.85-8.99-5.16-11.72-3.63-12.18%2C6.53-.07%2C1.71-.09%2C3.45-.07%2C5.16.07%2C7.11-4.18%2C11.12-10.54%2C11.12s-10.59-4.05-10.77-11.03c-.07-3.15%2C0-6.31%2C0-9.46v.04Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22m2.43%2C126.25C.37%2C46.8%2C68.56-1.81%2C131.02%2C1.13c25.43%2C1.2%2C47.91%2C10.92%2C68.72%2C24.94%2C6.22%2C4.19%2C7.46%2C10.63%2C3.99%2C16.66-3.88%2C6.76-10.12%2C6.31-16.44%2C2.52-14.79-8.86-29.77-17.03-47.24-20C86.37%2C16.13%2C31.46%2C56.71%2C25.31%2C110.66c-1.09%2C9.64-1.13%2C19.42-1.44%2C29.15-.22%2C7.07-3.01%2C11.69-10.65%2C11.7-7.51%2C0-10.79-4.3-10.77-11.5v-13.76h-.02Z%22%2F%3E%3C%2Fsvg%3E') center / contain no-repeat !important;
}

/*
 * MoodMineral
 *
 * Amrys font for Armenian – place .ttf files in image/fonts/
 * Weights: Regular (400), Medium (500), SemiBold (600), Bold (700), ExtraBold (800), Black (900)
 */

 @font-face {
  font-family: 'Amrys';
  src: url('/image/fonts/Amrys-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Amrys';
  src: url('/image/fonts/Amrys-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Amrys';
  src: url('/image/fonts/Amrys-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Amrys';
  src: url('/image/fonts/Amrys-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Amrys';
  src: url('/image/fonts/Amrys-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Amrys';
  src: url('/image/fonts/Amrys-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Design variables */
:root {
  --color-primary: #510D02;
  --color-secondary: #F7CFC8;
  --color-tertiary: #FDFDFD;
  --color-quaternary: #181818;
  --color-transparent-primary: #FFF0F0;
  --color-transparent-secondary: #EDEDED;
  --color-transparent-quaternary: #FFFFFF0D;
  --color-background-primary: #FAFAFA;
  --color-background-secondary: #F4F5F9;
  --color-background-tertiary: #FEFEF2;
  --color-text-primary: #FDFDFD;
  --color-text-secondary: #181818;
  --color-icon-primary: #FDFDFD;
  --color-icon-secondary: #181818;
  --color-icon-tertiary: #EB5454;
  --color-icon-quaternary: #48C546;
  --color-border-primary: #FFF0F0;
  --color-border-secondary: #EDEDED;
  --color-border-tertiary: #B2B2B2;
  /* Swiper prev/next: pressed state (see `.swiper-button-*:active`). Override per theme if needed. */
  --swiper-nav-active-bg: var(--color-transparent-quaternary);
  --font: "Amrys", serif;
  --p-shadows-inset-button-pressed: inset 0px 4.02278px 0px rgba(0, 0, 0, 0.05);
  --p-shadow-button: 0px 2.01139px 0px rgba(0, 0, 0, 0.05);
  --p-shadow-card: 0px 4.02278px 2.01139px rgba(0, 0, 0, 0.05), 0px 0px 2.01139px rgba(0, 0, 0, 0.25);
  --p-shadow-popover: 0px 0px 5px rgba(0, 0, 0, 0.05), 0px 3px 15px rgba(0, 0, 0, 0.1);
  --p-shadow-modal: 0px 0px 2.01139px rgba(0, 0, 0, 0.2), 0px 52.2961px 100px rgba(0, 0, 0, 0.1);
  --p-shadow-base: 0px 2.01139px 6.03417px rgba(63, 63, 68, 0.1), 0px 0px 0px 2px rgba(63, 63, 68, 0.05);
  /* Shared form control metrics (checkout + site) */
  --mm-form-py: 10px;
  --mm-form-px: 16px;
  /* <select>: same outer height as text inputs (fixed box — avoids one dropdown growing taller in WebKit) */
  --mm-form-select-padding-right: 2.5rem;
  --mm-form-line-height: 1.5;
  /* Slightly taller floor so native <select> matches text inputs when appearance is removed */
  --mm-form-min-height: 2.875rem;
  /* Custom select caret (slightly larger stroke for parity with control size) */
  --mm-select-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23181818' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  /* Mobile sticky stack: JS sets on html when engaged; avoid wrong px fallback when UI chrome moves */
  --mm-mobile-top-bar-stuck-height: 35px;
  --mm-mobile-sticky-vv-top: 0px;
  /* Product Option Video Gallery */
  --pov-main-min-height: 280px;
  --pov-main-aspect-ratio: auto;
  --pov-additional-thumb-width: 160px;
  --pov-additional-thumb-gutter: 12px;
  --pov-additional-aspect: 1;
  /* Vertical thumb strip is slightly shorter than main image (JS uses this offset). */
  --mm-additional-thumb-strip-height-offset: 20px;
}

html,
html body {
  font-family: var(--font) !important;
}

/* Menus in Armenian: override theme Poppins so menu uses Amrys */
html .top-menu,
html .top-menu .j-menu,
html .top-menu .j-menu li a,
html .top-menu .dropdown-toggle,
html .top-menu .language-title,
html .top-menu .language-title-dropdown,
html .top-menu .currency-title,
html .top-menu .currency-title-dropdown,
html .top-menu,
html .top-menu .j-menu,
html .top-menu .j-menu li a,
html .top-menu .dropdown-toggle,
html .top-menu .language-title,
html .top-menu .language-title-dropdown,
html .top-menu .currency-title,
html .top-menu .currency-title-dropdown,
html .main-menu .j-menu li a,
html .main-menu .links-text,
html .main-menu .j-menu li a,
html .main-menu .links-text,
html header .j-menu,
html header .j-menu a,
html header .links-text,
html .navbar-nav,
html .navbar-nav a,
html header .j-menu,
html header .j-menu a,
html header .links-text,
html .navbar-nav,
html .navbar-nav a,
html .module-item-1 .module-title,
html .module-item-1 .module-title,
html block-content,
html .info-block-title,
html .info-block-title,
html .head-title,
body .drop-cap,
.post-grid .post-thumb .name a {
  font-family: var(--font) !important;
}

br {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

a:focus,
.btn:focus {
  outline: none !important;
}

/* Base components — high specificity vs Journal3 style.min.css (!important + layout roots) */
.title.section-title {
  font-family: var(--font) !important;
  border: none !important;
  box-shadow: none !important;
}

/* Quick checkout + cart: Journal `content_bottom` / footer `bottom` — no frame; collapse empty wrapper */
.route-checkout-checkout .mm-journal-region,
.route-checkout-cart .mm-journal-region {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.route-checkout-checkout .mm-journal-region:not(:has(*)),
.route-checkout-cart .mm-journal-region:not(:has(*)) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Bootstrap: `.input-group .form-control:focus { z-index: 3 }` — keep stack unchanged on focus */
html body .input-group .form-control:focus {
  z-index: 2 !important;
}

/*
 * Quick checkout — coupon / voucher / reward (`.section-cvr`): Journal can lay out `.form-group` as a flex row
 * so a tall/wrapped label stretches `.input-group`; default `align-items: stretch` then makes the submit button
 * match that height. Stack label above the field and keep the input row a single comfortable line height.
 */
html body .quick-checkout-wrapper .section-cvr .form-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px;
}

html body .quick-checkout-wrapper .section-cvr .form-group .control-label {
  flex: 0 0 auto !important;
  width: 100%;
  margin-bottom: 0 !important;
}

html body .quick-checkout-wrapper .section-cvr .input-group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: 100%;
}

html body .quick-checkout-wrapper .section-cvr .input-group .form-control {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html body .quick-checkout-wrapper .section-cvr .input-group-btn {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  width: auto !important;
}

html body .quick-checkout-wrapper .section-cvr .input-group-btn .btn {
  height: auto !important;
  min-height: var(--mm-form-min-height) !important;
  align-self: center !important;
  white-space: nowrap;
}

/*
 * Journal3 (style.min): `.form-group .control-label+div { flex: 1 1 200px }` inflates the field row (coupon, address, etc.).
 */
html body .quick-checkout-wrapper .form-group .control-label + div,
html body #checkout-checkout .form-group .control-label + div {
  flex: 0 1 auto !important;
  min-width: 0 !important;
}

/*
 * Form controls: text inputs only (flat background; no gradients from theme).
 */
html body .site-wrapper input:not(.mm-form-control):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not(.stepper input),
html body .quick-checkout-wrapper input:not(.mm-form-control):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not(.stepper input),
html body .modal input:not(.mm-form-control):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not(.stepper input) {
  color: var(--color-quaternary) !important;
  -webkit-text-fill-color: var(--color-quaternary) !important;
  caret-color: var(--color-quaternary) !important;
  background-color: var(--color-tertiary) !important;
  background-image: none !important;
  border: 1px solid rgba(24, 24, 24, 0.3) !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: var(--mm-form-py) var(--mm-form-px);
  line-height: var(--mm-form-line-height) !important;
  min-height: var(--mm-form-min-height) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
  transition:
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background-color 0.22s ease;
}

/*
 * <textarea>: same hard reset as <select> (UA tint / WebKit) — no caret graphic.
 */
html body .site-wrapper textarea,
html body .quick-checkout-wrapper textarea,
html body .modal textarea,
html body #checkout-checkout textarea {
  color: var(--color-quaternary) !important;
  -webkit-text-fill-color: var(--color-quaternary) !important;
  caret-color: var(--color-quaternary) !important;
  background-color: var(--color-tertiary) !important;
  background-image: none !important;
  border: 1px solid rgba(24, 24, 24, 0.3) !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: var(--mm-form-py) var(--mm-form-px);
  line-height: var(--mm-form-line-height) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
  transition:
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background-color 0.22s ease;
  color-scheme: only light !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/*
 * Native <select>: Chromium often ignores background until appearance is removed; add SVG caret.
 * (border-radius left to you elsewhere.)
 */
html body .site-wrapper select:not(.mm-form-control),
html body .quick-checkout-wrapper select:not(.mm-form-control),
html body .modal select:not(.mm-form-control),
html body #checkout-checkout select:not(.mm-form-control) {
  color: var(--color-quaternary) !important;
  -webkit-text-fill-color: var(--color-quaternary) !important;
  caret-color: var(--color-quaternary) !important;
  background-color: var(--color-tertiary) !important;
  border: 1px solid rgba(24, 24, 24, 0.3) !important;
  font-family: inherit !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  line-height: var(--mm-form-line-height) !important;
  min-height: var(--mm-form-min-height) !important;
  outline: none !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  transition:
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background-color 0.22s ease;
  color-scheme: only light !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: var(--mm-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right var(--mm-form-px) center !important;
  background-size: 1.35rem 1.35rem !important;
  background-clip: padding-box !important;
}

/*
 * Quick checkout — viewports ≤991px: enforce select padding (text can sit flush; caret needs right inset).
 */
@media (max-width: 991px) {
  html body .quick-checkout-wrapper select.form-control:not(.mm-form-control),
  html body #checkout-checkout select.form-control:not(.mm-form-control),
  html body .quick-checkout-wrapper select.form-control:-webkit-autofill:not(.mm-form-control),
  html body .quick-checkout-wrapper select.form-control:-webkit-autofill:hover:not(.mm-form-control),
  html body .quick-checkout-wrapper select.form-control:-webkit-autofill:focus:not(.mm-form-control),
  html body #checkout-checkout select.form-control:-webkit-autofill:not(.mm-form-control),
  html body #checkout-checkout select.form-control:-webkit-autofill:hover:not(.mm-form-control),
  html body #checkout-checkout select.form-control:-webkit-autofill:focus:not(.mm-form-control) {
    padding: 0 var(--mm-form-px) !important;
    padding-right: var(--mm-form-select-padding-right) !important;
    box-sizing: border-box !important;
  }
}

/*
 * Quick checkout — mobile: stack label above field in payment/shipping address (Journal uses row layout on small screens).
 */
@media (max-width: 767px) {
  html body .quick-checkout-wrapper .checkout-section .form-group,
  html body .quick-checkout-wrapper .shipping-address .form-group {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 6px;
  }

  html body .quick-checkout-wrapper .checkout-section .form-group .control-label,
  html body .quick-checkout-wrapper .shipping-address .form-group .control-label {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
    margin-bottom: 0 !important;
  }

  html body .quick-checkout-wrapper .checkout-section .form-group > .form-control,
  html body .quick-checkout-wrapper .checkout-section .form-group > input.form-control,
  html body .quick-checkout-wrapper .checkout-section .form-group > select.form-control,
  html body .quick-checkout-wrapper .checkout-section .form-group > textarea.form-control,
  html body .quick-checkout-wrapper .shipping-address .form-group > .form-control,
  html body .quick-checkout-wrapper .shipping-address .form-group > input.form-control,
  html body .quick-checkout-wrapper .shipping-address .form-group > select.form-control,
  html body .quick-checkout-wrapper .shipping-address .form-group > textarea.form-control {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
  }

  html body .quick-checkout-wrapper .checkout-section .form-group > .text-danger,
  html body .quick-checkout-wrapper .shipping-address .form-group > .text-danger {
    flex: 0 0 auto !important;
    width: 100% !important;
  }

  /* Undo narrower select cap from the ≤991px rule when address fields are full-width stacked */
  html body .quick-checkout-wrapper .checkout-section select.form-control,
  html body .quick-checkout-wrapper .shipping-address select.form-control {
    max-width: 100% !important;
    padding: var(--mm-form-py) var(--mm-form-px) !important;
    padding-right: var(--mm-form-select-padding-right) !important;
  }
}

/* Armenian storefront: Journal can leave <select> on system UI font — match Amrys with inputs */
html body .quick-checkout-wrapper select,
html body .site-wrapper select,
html body #checkout-checkout select,
html body .quick-checkout-wrapper select,
html body .site-wrapper select,
html body #checkout-checkout select {
  font-family: var(--font) !important;
}

html body .site-wrapper select::-ms-expand,
html body .quick-checkout-wrapper select::-ms-expand,
html body .modal select::-ms-expand,
html body #checkout-checkout select::-ms-expand {
  display: none !important;
}

html body .site-wrapper select option,
html body .quick-checkout-wrapper select option,
html body .modal select option {
  background-color: var(--color-tertiary) !important;
  color: var(--color-quaternary) !important;
}

/* WebKit autofill (often paints yellow on inputs & selects) */
html body .site-wrapper input:-webkit-autofill,
html body .site-wrapper input:-webkit-autofill:hover,
html body .site-wrapper input:-webkit-autofill:focus,
html body .site-wrapper textarea:-webkit-autofill,
html body .site-wrapper textarea:-webkit-autofill:hover,
html body .site-wrapper textarea:-webkit-autofill:focus,
html body .quick-checkout-wrapper input:-webkit-autofill,
html body .quick-checkout-wrapper input:-webkit-autofill:hover,
html body .quick-checkout-wrapper input:-webkit-autofill:focus,
html body .quick-checkout-wrapper textarea:-webkit-autofill,
html body .quick-checkout-wrapper textarea:-webkit-autofill:hover,
html body .quick-checkout-wrapper textarea:-webkit-autofill:focus,
html body .modal input:-webkit-autofill,
html body .modal input:-webkit-autofill:hover,
html body .modal input:-webkit-autofill:focus,
html body .modal textarea:-webkit-autofill,
html body .modal textarea:-webkit-autofill:hover,
html body .modal textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--color-quaternary) !important;
  caret-color: var(--color-quaternary) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--color-tertiary) inset !important;
  box-shadow: 0 0 0 1000px var(--color-tertiary) inset, 0 1px 2px rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(24, 24, 24, 0.3) !important;
  padding: var(--mm-form-py) var(--mm-form-px);
  transition: background-color 99999s ease-out 0s !important;
}

/* WebKit autofill — <select> only (inset + caret; inputs/textarea above) */
html body .site-wrapper select:-webkit-autofill,
html body .site-wrapper select:-webkit-autofill:hover,
html body .site-wrapper select:-webkit-autofill:focus,
html body .quick-checkout-wrapper select:-webkit-autofill,
html body .quick-checkout-wrapper select:-webkit-autofill:hover,
html body .quick-checkout-wrapper select:-webkit-autofill:focus,
html body .modal select:-webkit-autofill,
html body .modal select:-webkit-autofill:hover,
html body .modal select:-webkit-autofill:focus,
html body #checkout-checkout select:-webkit-autofill,
html body #checkout-checkout select:-webkit-autofill:hover,
html body #checkout-checkout select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--color-quaternary) !important;
  caret-color: var(--color-quaternary) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--color-tertiary) inset !important;
  box-shadow: 0 0 0 1000px var(--color-tertiary) inset, 0 1px 2px rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(24, 24, 24, 0.3) !important;
  transition: background-color 99999s ease-out 0s !important;
  box-sizing: border-box !important;
  padding: .5rem 1.5rem !important;
  min-height: var(--mm-form-min-height) !important;
  line-height: var(--mm-form-line-height) !important;
  background-image: var(--mm-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right var(--mm-form-px) center !important;
  background-size: 1.35rem 1.35rem !important;
  background-clip: padding-box !important;
}

html body .site-wrapper input:not(.mm-form-control):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):hover,
html body .site-wrapper select:not(.mm-form-control):hover,
html body .site-wrapper textarea:hover,
html body .quick-checkout-wrapper input:not(.mm-form-control):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):hover,
html body .quick-checkout-wrapper select:not(.mm-form-control):hover,
html body .quick-checkout-wrapper textarea:hover,
html body .quick-checkout-wrapper .left input:not(.mm-form-control):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]).form-control:hover,
html body .quick-checkout-wrapper .left textarea.form-control:hover,
html body .quick-checkout-wrapper .left select.form-control:not(.mm-form-control):hover,
html body #checkout-checkout input:not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):hover,
html body #checkout-checkout textarea:hover,
html body #checkout-checkout select:not(.mm-form-control):hover,
html body .modal input:not(.mm-form-control):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):hover,
html body .modal select:not(.mm-form-control):hover,
html body .modal textarea:not(.mm-form-control):hover {
  border-color: rgba(81, 13, 2, 0.45) !important;
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.08),
    0 0 0 1px rgba(81, 13, 2, 0.12);
}

html body .site-wrapper input:not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):focus,
html body .site-wrapper select:not(.mm-form-control):focus,
html body .site-wrapper textarea:focus,
html body .quick-checkout-wrapper input:not(.mm-form-control):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):focus,
html body .quick-checkout-wrapper select:not(.mm-form-control):focus,
html body .quick-checkout-wrapper textarea:not(.mm-form-control):focus,
html body .quick-checkout-wrapper .left input:not(.mm-form-control):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]).form-control:focus,
html body .quick-checkout-wrapper .left textarea.form-control:focus,
html body .quick-checkout-wrapper .left select.form-control:not(.mm-form-control):focus,
html body #checkout-checkout input:not(.mm-form-control):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):focus,
html body #checkout-checkout textarea:not(.mm-form-control):focus,
html body #checkout-checkout select:not(.mm-form-control):focus,
html body .modal input:not(.mm-form-control):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):focus,
html body .modal select:not(.mm-form-control):focus,
html body .modal textarea:not(.mm-form-control):focus {
  border-color: var(--color-primary) !important;
  outline: none !important;
  box-shadow:
    0 2px 12px rgba(81, 13, 2, 0.14),
    0 0 0 3px rgba(81, 13, 2, 0.22);
}

/* :active — same ring as :focus so textarea matches input while clicking/dragging */
html body .site-wrapper input:not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):active,
html body .site-wrapper select:not(.mm-form-control):active,
html body .site-wrapper textarea:active,
html body .quick-checkout-wrapper input:not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):active,
html body .quick-checkout-wrapper select:not(.mm-form-control):active,
html body .quick-checkout-wrapper textarea:active,
html body .quick-checkout-wrapper .left input:not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]).form-control:active,
html body .quick-checkout-wrapper .left textarea.form-control:active,
html body .quick-checkout-wrapper .left select.form-control:not(.mm-form-control):active,
html body #checkout-checkout input:not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):active,
html body #checkout-checkout textarea:active,
html body #checkout-checkout select:not(.mm-form-control):active,
html body .modal input:not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):active,
html body .modal select:active,
html body .modal textarea:active {
  border-color: var(--color-primary) !important;
  outline: none !important;
  box-shadow:
    0 2px 12px rgba(81, 13, 2, 0.14),
    0 0 0 3px rgba(81, 13, 2, 0.22);
}

/* Autofill + focus: inset fill + outer ring (inputs/textareas only — selects below keep caret) */
html body .site-wrapper input:-webkit-autofill:focus,
html body .site-wrapper textarea:-webkit-autofill:focus,
html body .quick-checkout-wrapper input:-webkit-autofill:focus,
html body .quick-checkout-wrapper textarea:-webkit-autofill:focus,
html body .modal input:-webkit-autofill:focus,
html body .modal textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--color-quaternary) !important;
  border-color: var(--color-primary) !important;
  box-sizing: border-box !important;
  padding: var(--mm-form-py) var(--mm-form-px);
  -webkit-box-shadow:
    0 0 0 1000px var(--color-tertiary) inset,
    0 2px 12px rgba(81, 13, 2, 0.14),
    0 0 0 3px rgba(81, 13, 2, 0.22) !important;
  box-shadow:
    0 0 0 1000px var(--color-tertiary) inset,
    0 2px 12px rgba(81, 13, 2, 0.14),
    0 0 0 3px rgba(81, 13, 2, 0.22) !important;
}

html body .site-wrapper select:-webkit-autofill:focus,
html body .quick-checkout-wrapper select:-webkit-autofill:focus,
html body .modal select:-webkit-autofill:focus,
html body #checkout-checkout select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--color-quaternary) !important;
  border-color: var(--color-primary) !important;
  box-sizing: border-box !important;
  padding: .5rem 1.5rem !important;
  min-height: var(--mm-form-min-height) !important;
  line-height: var(--mm-form-line-height) !important;
  -webkit-box-shadow:
    0 0 0 1000px var(--color-tertiary) inset,
    0 2px 12px rgba(81, 13, 2, 0.14),
    0 0 0 3px rgba(81, 13, 2, 0.22) !important;
  box-shadow:
    0 0 0 1000px var(--color-tertiary) inset,
    0 2px 12px rgba(81, 13, 2, 0.14),
    0 0 0 3px rgba(81, 13, 2, 0.22) !important;
  background-image: var(--mm-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right var(--mm-form-px) center !important;
  background-size: 1.35rem 1.35rem !important;
  background-clip: padding-box !important;
}

html body .site-wrapper input::placeholder,
html body .site-wrapper textarea::placeholder,
html body .quick-checkout-wrapper input::placeholder,
html body .quick-checkout-wrapper textarea::placeholder,
html body .modal input::placeholder,
html body .modal textarea::placeholder {
  color: var(--color-border-tertiary) !important;
  -webkit-text-fill-color: var(--color-border-tertiary) !important;
  opacity: 1 !important;
}

/* Tables: minimum readable size (>12px) */
html body .site-wrapper table caption,
html body .site-wrapper table td,
html body .site-wrapper table th,
html body .site-wrapper .table caption,
html body .site-wrapper .table > thead > tr > th,
html body .site-wrapper .table > tbody > tr > th,
html body .site-wrapper .table > tfoot > tr > th,
html body .site-wrapper .table > thead > tr > td,
html body .site-wrapper .table > tbody > tr > td,
html body .site-wrapper .table > tfoot > tr > td,
html body .quick-checkout-wrapper table caption,
html body .quick-checkout-wrapper table td,
html body .quick-checkout-wrapper table th,
html body .quick-checkout-wrapper .table caption,
html body .quick-checkout-wrapper .table > thead > tr > th,
html body .quick-checkout-wrapper .table > tbody > tr > th,
html body .quick-checkout-wrapper .table > tfoot > tr > th,
html body .quick-checkout-wrapper .table > thead > tr > td,
html body .quick-checkout-wrapper .table > tbody > tr > td,
html body .quick-checkout-wrapper .table > tfoot > tr > td,
html body .modal table caption,
html body .modal table td,
html body .modal table th,
html body .modal .table > thead > tr > th,
html body .modal .table > tbody > tr > th,
html body .modal .table > tfoot > tr > th,
html body .modal .table > thead > tr > td,
html body .modal .table > tbody > tr > td,
html body .modal .table > tfoot > tr > td {
  font-size: 15px !important;
}

/* Minor elements */
.refine-title {
  font-family: var(--font) !important;
}

.grid-row-bottom-1 {
  background: transparent !important;
}

/* Main menu dropdown chevron: custom SVG (down, hover/active rotates up) */
.desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown>a::after {
  content: "" !important;
  font-family: inherit !important;
  width: 14px;
  height: 8px;
  left: 9px;
  margin-left: auto;
  /* Use mask so we can change color on hover */
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1001 0.599976L6.8501 6.84998L0.600098 0.599976' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1001 0.599976L6.8501 6.84998L0.600098 0.599976' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  /* Homepage default is white; inner pages are dark */
  background-color: #ffffff;
  transform: none;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

/* Inner pages: simple chevron color #181818 (keep rotation behavior) */
html:not(.route-common-home) body:not(.route-common-home) .desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown>a::after,
body:not(.route-common-home) .desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown>a::after {
  background-color: var(--color-quaternary) !important;
}

body .desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown:hover>a::after,
body .desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown.open>a::after {
  background-color: var(--color-primary) !important;
  transform: rotate(180deg);
}

/* Main menu link hover color */
.desktop-main-menu-wrapper .main-menu .main-menu-item>a:hover {
  color: var(--color-primary) !important;
}

/* Footer in Armenian: Amrys font (titles, copyright, all text) */
html footer,
html footer .module-title,
html footer .module-title.closed,
html footer .module-body,
html footer .copyright,
html footer p,
html footer,
html footer .module-title,
html footer .module-title.closed,
html footer .module-body,
html footer .copyright,
html footer p {
  font-family: var(--font) !important;
}

/* Links menu (e.g. footer) in Armenian: Amrys font */
html .links-menu a .links-text,
html .links-menu a .links-text {
  font-family: var(--font) !important;
}

/* Footer h3 / section titles (e.g. .module-title.closed) – font-weight 500 */
footer h3.title.module-title,
footer h3.module-title.closed {
  font-weight: 500 !important;
}

/* Footer Logo + Social: comfortable layout and sizes (edit values below to match design) */
footer .module-info_blocks .module-body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 24px;
}

footer .module-info_blocks .info-block {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Logo = first block – set width/height to what you need */
footer .module-info_blocks .module-body>div:first-child .info-block-img {
  width: 160px;
  max-width: 100%;
  height: auto;
  max-height: 44px;
  object-fit: contain;
  object-position: left center;
}

/* Social/icons = all other blocks */
footer .module-info_blocks .module-body>div:not(:first-child) .info-block-img {
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
  object-fit: contain;
}

/* Footer copyright only (links-menu-77, item 1) – different color; edit to change */
body footer .links-menu-77.links-menu .links-menu-item-1 a,
body footer .links-menu-77.links-menu .links-menu-item-1 .links-text {
  color: var(--color-tertiary) !important;
}

.mm-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mm-row.center {
  justify-content: center;
}
.mm-row.between {
  justify-content: space-between;
}

.mm-row .mm-group {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.mm-row > .mm-col {
  flex: 1;
} .mm-row > .mm-col.sb {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  height: 100%;
} .mm-row > .mm-col.end {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

/*
 * `.expandable` — row + columns use full available width; flex children can shrink (`min-width: 0`);
 * `.mm-col.end` switches from end-packed to stretch + start so nested toolbars (e.g. search) resolve `width:100%`.
 */
.mm-row.expandable {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  align-items: stretch;
} .mm-row.expandable > .mm-col {
  min-width: 0;
} .mm-row.expandable > .mm-col.end {
  width: 100%;
  align-items: stretch;
  justify-content: flex-start;
}

/* Search (and similar): title + toolbar row stacks on small screens.
   `mm-row--mobile-stack` — same behavior, opt-in name for “mobile stack” rows (e.g. blog heading + CTA). */
@media (max-width: 767.98px) {
  .mm-row.mm-row--page-heading-stack,
  .mm-row.mm-row--mobile-stack {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  .mm-row--page-heading-stack {
    margin-bottom: 2rem;
  }

  .mm-row.mm-row--page-heading-stack > .mm-col,
  .mm-row.mm-row--mobile-stack > .mm-col {
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
  }

  .mm-row.mm-row--page-heading-stack > .mm-col.end,
  .mm-row.mm-row--mobile-stack > .mm-col.end {
    justify-content: flex-start;
    align-items: stretch;
  }
}

/* Blog listing only (`posts.twig`): top heading + feed row — do not alter global `.mm-row` (category/search). */
html.route-journal3-blog .site-wrapper > .container > .mm-row.mm-row--mobile-stack {
  max-width: 100%;
  box-sizing: border-box;
}

html.route-journal3-blog .site-wrapper > .container > .mm-row.mm-row--mobile-stack > .mm-col {
  min-width: 0;
  box-sizing: border-box;
}

html.route-journal3-blog .site-wrapper > .container > .mm-row.mm-row--mobile-stack .title.category-title,
html.route-journal3-blog .site-wrapper > .container > .mm-row.mm-row--mobile-stack .title.category-title span {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.mm.row #content,
.mm-row #content {
  padding: 0 !important;
}

/* Search with results: #content sits under .mm.row (like category); Journal's .one-column #content
   max-width still subtracts sidebar width even though filters/column are in the row above. */
.route-product-search #product-search > .mm.row {
  width: 100%;
  max-width: 100%;
}

.route-product-search #product-search > .mm.row > #content {
  max-width: 100% !important;
  width: 100%;
  flex: 1 1 100%;
  box-sizing: border-box;
}

/* Category / manufacturer toolbar: direct child is `.mm-row.mm-row--auto`. Do not use bare `> .mm-row`:
   blog posts (`posts.twig`) also has a direct `.mm-row` for the title row — that would match and
   `max-width: 100%` would override Journal’s `.one-column #content` sidebar math. */
.one-column .container:has(> .mm-row.mm-row--auto) #content {
  flex-grow: 1;
  max-width: 100% !important;
}

.mm-row.mm-row--auto {
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  gap: clamp(0.5rem, 2.5vw, 1.25rem);
}

.mm-row.mm-row--auto > .mm-col {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 767.98px) {
  .mm-row.mm-row--auto {
    flex-wrap: nowrap;
    align-items: center;
  }
  .mm-row.mm-row--auto > .mm-col {
    width: 100%;
    max-width: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .mm-row:not(.mm-row--auto):not(.mm-row--search-panel) {
    gap: 1rem;
    align-items: flex-start;
    flex-direction: column;
  }

  .mm-row--page-heading-stack {
    margin-bottom: 2rem;
  }
}

/* The rest of layouts */
@media (max-width: 767.98px), screen and (min-width: 768px) and (max-width: 1024px) {
  .mm-row .hideable {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    border: 0 !important;
    opacity: 0 !important;
  }
  .products-filter {
    justify-content: flex-end !important;
  }
  /* Filter button text hide, to be consistent with layout */
  .filter-btn .filter-btn-text {
    display: none !important;
  }
}

.phone .mm-row > .mm-col #column-left,
.phone .mm-row > .mm-col .side-column {
  display: flex !important;
  flex-direction: column;
  width: 100% !important;
  max-width: none !important;
}

/* Breadcrumb (base + desktop: override Bootstrap/Journal #ccc / #777 on separators & active) */
.breadcrumb {
  font-size: 17px !important;
  margin: 70px auto 70px auto!important;
  text-align: left !important;
  justify-content: flex-start;
  color: var(--color-quaternary) !important;
  padding: 0 1.5rem !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
} .mobile .breadcrumb {
  padding: 0 !important;
}

/* Journal paints a full-bleed strip via ::before — keep the trail flat on the page background. */
.breadcrumb::before {
  display: none !important;
}

.breadcrumb a {
  text-decoration: none !important;
  color: var(--color-quaternary) !important;
  font-size: 18px !important;
}

.breadcrumb > li + li::before,
.breadcrumb > li + li:before {
  color: var(--color-quaternary) !important;
}

.breadcrumb > .active,
.breadcrumb > li.active,
.breadcrumb > li.active > a,
.breadcrumb > li:last-child > a {
  color: var(--color-quaternary) !important;
}

/*
 * Optional abbreviated trail: add class `mm-breadcrumb--abbreviate` on the `<ul>` and emit
 * the ellipsis `<li>` only when that class is enabled (see Twig `mm_breadcrumb_abbreviate`).
 * Without it, all segments stay visible at every breakpoint.
 */
.breadcrumb.mm-breadcrumb .mm-bc-ellipsis {
  display: none !important;
}
.mm-breadcrumb {
  padding: 0 !important;
}

/* Abbreviated “…” segment: plain text — no pill (overrides Journal compiled skin) */
.breadcrumb.mm-breadcrumb--abbreviate .mm-bc-ellipsis .mm-bc-ellipsis__inner {
  display: inline !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: normal !important;
  line-height: inherit !important;
  color: var(--color-quaternary) !important;
  white-space: nowrap;
  opacity: 1 !important;
}

@media (max-width: 1024px) {
  .breadcrumb.mm-breadcrumb--abbreviate .mm-bc-mid {
    display: none !important;
  }

  .breadcrumb.mm-breadcrumb--abbreviate .mm-bc-ellipsis {
    display: inline-flex !important;
    align-items: center;
    list-style: none;
    pointer-events: none;
    flex-shrink: 0;
  }
}

/* Category */
.title.category-title,
.mm-title {
  display: flex;
  align-items: center;
  color: var(--color-quaternary);
  font-family: var(--font) !important;
  margin: 0 0 30px 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 2rem;
  text-transform: uppercase;
}
.title.category-title span,
.mm-title span {
  word-wrap: break-word;
  margin: 0;
  line-height: 6rem;
}
.mm-row .title {
  margin: 0 !important;
}

/* Journal title position "default" uses h1.title.page-title — match .category-title (top uses .category-title already) */
.title {
  font-family: var(--font) !important;
} .title.page-title {
  color: var(--color-quaternary);
  font-family: var(--font) !important;
  margin: 0 0 30px 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 2rem;
  text-transform: uppercase;
  text-align: left;
} .title.page-title span {
  word-wrap: break-word;
  line-height: 6rem;
  text-align: left;
} .title.page-title.with-subtitle {
  margin-bottom: 0 !important;
}

.subtitle {
  font-size: 18px;
  font-weight: 300;
  color: var(--color-quaternary) !important;
} .subtitle span {
  font-weight: 600 !important;
}

/* Prettier Design */
.mm-body {
  margin-bottom: 6rem;
}
.mm-body h1, .mm-body h2, .mm-body h3, .mm-body h4, .mm-body h5, .mm-body h6, .mm-body legend {
  font-family: var(--font) !important;
  text-transform: uppercase;
}
.mm-body h1, .mm-body h2 {
  margin: 0;
} .mm-body .title {
  line-height: 2rem;
  margin: 2rem 0 2rem 0 !important;
}
.mm-body, .mm-body p {
  color: var(--color-quaternary) !important;
  font-size: 20px;
}
.mm-btn, .account-list > li > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  padding: 12px 50px;
  line-height: 2.5rem;
  gap: 1rem;
  color: var(--color-quaternary, #181818) !important;
  border: 1px solid var(--color-primary, #510d02) !important;
  border-radius: 0 !important;
  background: none !important;
  background-color: transparent !important;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: color .2s ease, border-color .2s ease, background-color .2s ease;
} .mm-btn:hover, .account-list > li > a:hover {
  border-color: var(--color-secondary, #f7cfc8) !important;
  background-color: rgb(from var(--color-transparent-primary, #fff0f0) r g b / 60%) !important;
  box-shadow: none !important;
} .mm-btn:active, .account-list > li > a:active {
  border-color: var(--color-primary, #510d02) !important;
  background-color: transparent !important;
} .mm-btn:focus, .account-list > li > a:focus {
  color: var(--color-quaternary, #181818) !important;
  outline: 1px solid var(--color-primary, #510d02) !important;
  outline-offset: 2px !important;
} .mm-btn.full {
  width: 100%;
} .mm-btn .fa {
  font-size: 22px;
} .mm-btn.small {
  font-size: 14px !important;
  padding: 10px 40px;
} .mm-btn svg {
  width: 24px;
  height: 24px;
} .mm-btn i::before {
  font-size: 18px !important;
} .mm-btn.icon {
  padding: 2rem;
  width: 24px;
  height: 32px;
} .mm-btn.icon svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .mm-body, .mm-body p {
    font-size: 16px;
  }
  .mm-btn {
    font-size: 14px;
    padding: 10px 40px;
  }
}

.mm-btn.small {
  font-size: 16px !important;
}

.mm-btn.disabled,
.mm-btn[disabled],
.mm-btn.disabled:focus,
.mm-btn[disabled]:focus {
  color: var(--color-quaternary, #181818) !important;
  background-color: #d0d0d0 !important;
  border-color: #d0d0d0 !important;
} .mm-btn.disabled:hover,
  .mm-btn[disabled]:hover {
  border-color: var(--color-quaternary, #181818) !important;
}

.mm-btn.primary {
  color: var(--color-tertiary, #fdfdfd) !important;
  border-color: var(--color-primary, #510d02) !important;
  background-color: var(--color-primary, #510d02) !important;
} .mm-btn.primary:hover {
  color: var(--color-quaternary, #181818) !important;
  border-color: var(--color-secondary, #f7cfc8) !important;
  background-color: var(--color-secondary, #f7cfc8) !important;
} .mm-btn.primary:active, .mm-btn.primary:focus {
  color: var(--color-tertiary, #fdfdfd) !important;
  border-color: var(--color-primary, #510d02) !important;
  background-color: var(--color-primary, #510d02) !important;
}

.mm-btn.light {
  background-color: var(--color-background-tertiary, #fefef2) !important;
} .mm-btn.light:hover {
  background-color: var(--color-background-secondary, #f4f5f9) !important;
} .mm-btn.light:active, .mm-btn.light:focus {
  background-color: var(--color-background-tertiary, #fefef2) !important;
}

/** Form **/
.mm-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
} .mm-form-block {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
} .mm-form-block.horizontal {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 1rem;
} .mm-form-block.nogap {
  gap: 0 !important;
} 
.mm-form-block.horizontal > .mm-form-control {
  display: block !important;
  grid-column: 1;
  min-width: 0;
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}
.mm-form-block.horizontal > .input-group-btn {
  display: flex !important;
  grid-column: 2;
  align-items: stretch;
  width: auto !important;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  vertical-align: middle;
}
.mm-form-block.horizontal > .input-group-btn .mm-btn {
  max-width: 100%;
  box-sizing: border-box;
}
.mm-form-control {
  display: flex !important;
  width: 100% !important;
  padding: 10px !important;
  gap: 10px !important;
  font-size: 18px !important;
  color: var(--color-quaternary, #181818) !important;
  border: 1px solid #00000025 !important;
  background: var(--color-background-tertiary, #fefef2) !important;
  background-color: var(--color-background-tertiary, #fefef2) !important;
  box-shadow: var(--p-shadow-card) !important;
  transition: all 0.2s ease-in-out;
} .mm-form-control:hover {
  color: var(--color-primary, #510d02) !important;
  border-color: #00000025 !important;
  background-color: var(--color-background-secondary, #f4f5f9) !important;
} .mm-form-control:focus {
  color: var(--color-quaternary, #181818) !important;
  border-color: var(--color-primary, #510d02) !important;
  background-color: var(--color-background-tertiary, #fefef2) !important;
  box-shadow: var(--p-shadow-card) !important;
}
.mm-form-control.small {
  font-size: 16px !important;
}

/* Native fields — flex breaks width in grid/flex rows (Bootstrap .input-group-btn is table-cell). */
input.mm-form-control,
textarea.mm-form-control,
select.mm-form-control {
  display: block !important;
}

.mm-form-control.light,
.mm-form-control.light:focus {
  background-color: #fff !important;
}

/* Checkbox */
.mm-form-block .mm-checkbox {
  display: block;
  position: relative;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 25px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mm-form-block input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  margin: 0 !important;
} .mm-form-block .mm-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #232323;
  background-color: transparent;
  transition: background-color 0.2s ease;
} .mm-form-block input[type="checkbox"]:hover ~ .mm-checkmark {
  background-color: rgba(from var(--color-quaternary, #181818) r g b / 0.15);
} .mm-form-block input[type="checkbox"]:checked ~ .mm-checkmark,
  .mm-form-block input[type="checkbox"]:checked:hover ~ .mm-checkmark {
  background-color: #232323;
}
.mm-form-block input[type="checkbox"]:disabled {
  cursor: not-allowed;
}
.mm-form-block .mm-checkbox:has(input[type="checkbox"]:disabled) {
  cursor: not-allowed;
  opacity: 0.6;
}
.mm-form-block input[type="checkbox"]:disabled ~ .mm-checkmark {
  border-color: #d0d0d0;
  background-color: #e8e8e8;
  cursor: not-allowed;
}
.mm-form-block input[type="checkbox"]:disabled:hover ~ .mm-checkmark {
  background-color: #e8e8e8;
}
.mm-form-block input[type="checkbox"]:disabled:checked ~ .mm-checkmark,
.mm-form-block input[type="checkbox"]:disabled:checked:hover ~ .mm-checkmark {
  background-color: #d0d0d0;
  border-color: #d0d0d0;
}
.mm-form-block input[type="checkbox"]:disabled:checked ~ .mm-checkmark:after {
  background-color: #fff;
} .mm-form-block .mm-checkmark:after {
  content: "";
  position: absolute;
  display: none;
} .mm-form-block input[type="checkbox"]:checked ~ .mm-checkmark:after {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
} .mm-form-block .mm-checkmark:after {
  left: 3px;
  top: 5px;
  width: 12px;
  height: 12px;
  -webkit-mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Checkbox" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 21 16.4"><path class="st0" fill="currentColor" d="M20.1,3.9l-11.6,11.6c-.2.2-.4.4-.7.5-.3.1-.5.2-.8.2-.3,0-.6,0-.8-.2-.3-.1-.5-.3-.7-.5L.9,10.9c-.2-.2-.4-.4-.5-.7-.1-.3-.2-.5-.2-.8,0-.3,0-.6.2-.8.1-.3.3-.5.5-.7.2-.2.4-.4.7-.5.3-.1.5-.1.8-.1.3,0,.5,0,.8.2.3.1.5.3.7.5l3.1,3.1L17.2,1c.2-.2.4-.4.7-.5.2-.1.5-.2.8-.2.3,0,.6,0,.8.2.3.1.5.3.7.5.2.2.4.4.5.7.1.3.2.5.2.8s0,.5-.2.8c-.1.3-.3.5-.5.7h0Z"/></svg>');
  mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Checkbox" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 21 16.4"><path class="st0" fill="currentColor" d="M20.1,3.9l-11.6,11.6c-.2.2-.4.4-.7.5-.3.1-.5.2-.8.2-.3,0-.6,0-.8-.2-.3-.1-.5-.3-.7-.5L.9,10.9c-.2-.2-.4-.4-.5-.7-.1-.3-.2-.5-.2-.8,0-.3,0-.6.2-.8.1-.3.3-.5.5-.7.2-.2.4-.4.7-.5.3-.1.5-.1.8-.1.3,0,.5,0,.8.2.3.1.5.3.7.5l3.1,3.1L17.2,1c.2-.2.4-.4.7-.5.2-.1.5-.2.8-.2.3,0,.6,0,.8.2.3.1.5.3.7.5.2.2.4.4.5.7.1.3.2.5.2.8s0,.5-.2.8c-.1.3-.3.5-.5.7h0Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: contain;
}

/*
 * Native <select class="mm-form-control">: same chevron as `.mm-select .select-selected::after`,
 * rotated while the control is focused (dropdown open on desktop). Wrap the select in
 * `<span class="mm-form-select-wrap">` — replaced elements cannot host a reliable ::after.
 */
.mm-form-select-wrap {
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: stretch;
  align-self: stretch;
}

.mm-form-select-wrap select.mm-form-control {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  padding: .5rem 1rem !important;
  background-image: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

.mm-form-select-wrap::after {
  content: "" !important;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 18px;
  height: 18px;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26%2011L16%2021L6%2011%22%20stroke%3D%22%23232323%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: center center !important;
  transition: transform 0.2s ease !important;
  pointer-events: none !important;
}

.mm-form-select-wrap:focus-within::after {
  transform: translateY(-50%) rotate(180deg);
}

.mm-account-login__page-heading {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.mm-account-login .mm-account-login__row.mm-row {
  align-items: stretch;
  gap: 2rem;
}

.mm-account-login .mm-account-login__row > .mm-col {
  min-width: 0;
}

.mm-account-login .mm-account-login__column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Journal `.form-group` is `display:flex` row — label + input share a row and inputs stay narrow; stack like `.mm-form-block`. */
.mm-account-login .mm-form-block.form-group {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}

.mm-account-login .mm-account-login__column .mm-form {
  width: 100%;
}

.mm-account-login .mm-account-login__column .mm-form-block {
  width: 100%;
}

.mm-account-login .mm-form-block.form-group .mm-form-control,
.mm-account-login .mm-form-block.form-group .mm-btn {
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.mm-account-login .mm-account-login__column .mm-btn {
  width: 100%;
  box-sizing: border-box;
}

.mm-account-login .mm-account-login__column .mm-form-block.form-group > a {
  align-self: flex-start;
}

/* Social login — same column flow as .mm-form-block (module: extension/module/social_login) */
.mm-account-login .mm-account-login__column .mm-social-login.mm-form-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100%;
  margin: 0;
}
.mm-account-login .mm-account-login__column .mm-social-login .mm-btn,
.mm-account-login .mm-account-login__column .mm-social-login .mm-social-login__provider {
  width: 100% !important;
  max-width: 100%;
}

.mm-row-side {
  justify-content: flex-start;
  gap: 1rem;
} .mm-row-side > .mm-col {
  flex: 0 0 auto;
} .mm-row-side > .mm-col.end {
  padding: 0 !important;
  align-items: stretch;
  justify-content: flex-start;
}

/* Workarounds: proper fixes for making things consistent */
.top-menu .dropdown.dropdown:not(.mega-menu) .j-menu,
.mini-search:not(:has(#search.mega-menu)) .header-search {
  box-shadow: var(--p-shadow-popover) !important;
}

/* Header search megamenu shell — max 70% viewport height */
#search.mega-menu > .j-dropdown {
  max-height: 70vh;
  max-height: 70dvh;
  overflow: hidden;
  box-sizing: border-box;
}

#search.mega-menu > .j-dropdown .mega-menu-content.mm-search-mega {
  min-height: 480px;
  max-height: 720px;
  padding: 4rem 10rem .5rem 10rem;
  background: var(--color-background-tertiary, #fefef2) !important;
  box-shadow: none !important;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 3vw, 2.5rem);
  box-sizing: border-box;
}

#search.mega-menu > .j-dropdown,
#search.mega-menu > .j-dropdown .mega-menu-content.mm-search-mega {
  width: 100%;
  max-width: 100%;
}

#search.mega-menu .mm-search-toolbar.header-search {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(0.75rem, 2vw, 2rem);
  width: 100%;
  min-width: 0;
  height: auto !important;
  margin: 0 !important;
  padding: 0;
  position: relative;
  isolation: isolate;
  box-shadow: none !important;
  background: transparent !important;
}

/* Journal core sets `height: 100%` and `order: 5` on all toolbar children — reset for megamenu */
#search.mega-menu .mm-search-toolbar.header-search > * {
  align-self: center;
}

#search.mega-menu .mm-search-toolbar.header-search > input.search-input,
#search.mega-menu .mm-search-toolbar.header-search > span.twitter-typeahead {
  order: 1;
}

#search.mega-menu .mm-search-toolbar.header-search > .mm-search-clear {
  order: 2;
}

#search.mega-menu .mm-search-toolbar.header-search > .mm-search-submit {
  order: 3;
}

#search.mega-menu .mm-search-toolbar.header-search > input.search-input,
#search.mega-menu .mm-search-toolbar.header-search > span.twitter-typeahead {
  flex: 1 1 auto;
  order: 1;
  min-width: 0;
  width: auto !important;
  height: auto !important;
}

#search.mega-menu .header-search > span.twitter-typeahead {
  flex: 1 1 auto;
  min-width: 0;
  position: static !important;
  border: 0 !important;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

#search.mega-menu .header-search input.search-input,
#search.mega-menu .header-search > span.twitter-typeahead input.search-input,
#search.mega-menu .header-search > span input {
  width: 100% !important;
  min-width: 0;
  height: auto !important;
  padding: 0.15rem 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  font-size: 28px !important;
  font-weight: 400;
  line-height: 1.25;
  color: var(--color-quaternary, #181818) !important;
}

#search.mega-menu .header-search .tt-menu {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#search.mega-menu .mm-search-clear {
  display: inline-flex;
  flex: 0 0 auto;
  order: 2;
  align-content: center;
  align-items: center;
  gap: 1.5rem;
  margin: 0;
  padding: 0.2rem 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 22px;
  color: var(--color-quaternary, #181818);
}

#search.mega-menu .header-search > button.mm-search-clear::before,
#search.mega-menu .mm-search-clear::before {
  content: none !important;
  display: none !important;
}

#search.mega-menu .mm-search-clear[hidden],
#search.mega-menu .mm-search-clear.mm-search-clear--hidden {
  display: none !important;
}

#search.mega-menu .mm-search-clear:not([hidden]):not(.mm-search-clear--hidden) {
  display: inline-flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#search.mega-menu .mm-search-clear__label,
#search.mega-menu .mm-search-clear__icon {
  color: inherit;
  opacity: 1;
  visibility: visible;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Search icon button — icon via ::before (Journal); neutralize .mm-btn / .search-button chrome */
#search.mega-menu .mm-search-submit.search-button.mm-btn {
  flex: 0 0 auto;
  order: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.75rem, 4vw, 3.5rem);
  height: clamp(2.75rem, 4vw, 3.5rem);
  min-width: 0;
  margin: 0;
  padding: 0 !important;
  line-height: 1;
  gap: 0;
  font-size: inherit;
  text-transform: none;
  text-decoration: none !important;
  border: 0 !important;
  outline: none !important;
  outline-offset: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #d0d0d0 !important;
  -webkit-text-fill-color: #d0d0d0 !important;
  transition: color 0.2s ease !important;
}

#search.mega-menu .mm-search-submit.search-button.mm-btn::before {
  font-size: 28px !important;
  color: #d0d0d0 !important;
  -webkit-text-fill-color: #d0d0d0 !important;
  transition: all 0.2s ease !important;
}

#search.mega-menu .mm-search-submit.search-button.mm-btn:hover,
#search.mega-menu .mm-search-submit.search-button.mm-btn:focus,
#search.mega-menu .mm-search-submit.search-button.mm-btn:focus-visible,
#search.mega-menu .mm-search-submit.search-button.mm-btn:hover::before,
#search.mega-menu .mm-search-submit.search-button.mm-btn:focus::before,
#search.mega-menu .mm-search-submit.search-button.mm-btn:focus-visible::before {
  color: var(--color-primary, #510d02) !important;
  -webkit-text-fill-color: var(--color-primary, #510d02) !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

#search.mega-menu .mm-search-submit.search-button.mm-btn:active,
#search.mega-menu .mm-search-submit.search-button.mm-btn:active::before {
  color: var(--color-primary, #510d02) !important;
  -webkit-text-fill-color: var(--color-primary, #510d02) !important;
  transform: none !important;
}

#search.mega-menu .mm-row.mm-row--search-panel.expandable {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: flex-start;
  width: 100%;
  gap: clamp(1rem, 2.5vw, 2rem);
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
  /* Do not use min-height: 0 here — flex column parent collapses this row to 0px */
  min-height: clamp(12rem, 28vh, 22rem);
  overflow: hidden;
}

#search.mega-menu .mm-row--search-panel > .mm-col {
  min-width: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#search.mega-menu .mm-search-panel__results {
  display: flex !important;
  justify-self: flex-end;
  flex: 1 1 auto;
  min-height: clamp(12rem, 28vh, 22rem);
  min-width: 0;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

#search.mega-menu .mm-search-results {
  display: flex;
  width: 100%;
  min-height: clamp(12rem, 28vh, 22rem);
  min-width: 0;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

#search.mega-menu .mm-search-results .tt-menu,
#search.mega-menu .mega-menu-content .tt-menu {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 4rem;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}

#search.mega-menu .mega-menu-content .tt-menu::before,
#search.mega-menu .mega-menu-content .tt-menu::after {
  display: none !important;
  content: none !important;
}

#search.mega-menu .mega-menu-content .tt-menu > div,
#search.mega-menu .mm-search-results .tt-menu > div {
  position: relative !important;
  max-height: min(32rem, 48vh) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background-color: var(--color-background-tertiary, #fefef2) !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Journal SearchAutoSuggestDivider — border-top on each suggestion link */
#search.mega-menu .mega-menu-content .tt-menu > div > div > a,
#search.mega-menu .mm-search-results .tt-menu > div > div > a {
  border: 0 !important;
  border-width: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

#search.mega-menu .mm-search-results .tt-menu .tt-dataset,
#search.mega-menu .mega-menu-content .tt-menu .tt-dataset {
  width: 100%;
}

#search.mega-menu .mm-search-results .tt-menu .tt-suggestions,
#search.mega-menu .mega-menu-content .tt-menu .tt-suggestions {
  width: 100%;
}

#search.mega-menu .mm-search-results .tt-menu .search-result.no-results,
#search.mega-menu .mega-menu-content .tt-menu .search-result.no-results {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 3.5rem 0.75rem;
  text-align: center;
  pointer-events: auto;
  cursor: default;
  user-select: none;
} #search.mega-menu .mm-search-results .tt-menu .search-result.no-results .mm-search-no-results-message,
  #search.mega-menu .mega-menu-content .tt-menu .search-result.no-results .mm-search-no-results-message {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-quaternary, #181818) !important;
  -webkit-text-fill-color: var(--color-quaternary, #181818) !important;
  text-decoration: none !important;
  cursor: text;
  user-select: text;
  -webkit-user-select: text;
  pointer-events: auto;
}

#search.mega-menu .mm-search-results .tt-menu .search-result.no-results.tt-suggestion.tt-cursor,
#search.mega-menu .mm-search-results .tt-menu .search-result.no-results.tt-suggestion:hover,
#search.mega-menu .mega-menu-content .tt-menu .search-result.no-results.tt-suggestion.tt-cursor,
#search.mega-menu .mega-menu-content .tt-menu .search-result.no-results.tt-suggestion:hover {
  background: transparent !important;
  background-color: transparent !important;
}

#search.mega-menu .mm-search-results .tt-menu .search-result,
#search.mega-menu .mm-search-results .tt-menu .search-result:first-child,
#search.mega-menu .mm-search-results .tt-menu .search-result:last-child,
#search.mega-menu .mm-search-results .tt-menu .search-result.view-more,
#search.mega-menu .mega-menu-content .tt-menu .search-result,
#search.mega-menu .mega-menu-content .tt-menu .search-result:first-child,
#search.mega-menu .mega-menu-content .tt-menu .search-result:last-child,
#search.mega-menu .mega-menu-content .tt-menu .search-result.view-more {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  border-bottom: 0 !important;
}

#search.mega-menu .mm-search-results .tt-menu .search-result a,
#search.mega-menu .mm-search-results .tt-menu .search-result:first-child > a,
#search.mega-menu .mm-search-results .tt-menu .search-result.view-more a,
#search.mega-menu .mega-menu-content .tt-menu .search-result a,
#search.mega-menu .mega-menu-content .tt-menu .search-result:first-child > a,
#search.mega-menu .mega-menu-content .tt-menu .search-result.view-more a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 0;
  color: var(--color-quaternary, #181818) !important;
  text-decoration: none !important;
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

#search.mega-menu .mm-search-results .tt-menu .search-result a:hover,
#search.mega-menu .mm-search-results .tt-menu .search-result a:focus,
#search.mega-menu .mega-menu-content .tt-menu .search-result a:hover,
#search.mega-menu .mega-menu-content .tt-menu .search-result a:focus {
  border: 0 !important;
  border-width: 0 !important;
  border-top: 0 !important;
  outline: none !important;
  box-shadow: none !important;
} #search.mega-menu .mega-menu-content .tt-menu .search-result .product-name {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-quaternary, #181818) !important;
} #search.mega-menu .mega-menu-content .tt-menu .search-result .price {
  font-size: 15px;
  color: var(--color-quaternary, #181818) !important;
  opacity: 0.5;
}

#search.mega-menu.open .mm-row--search-panel,
#search.mega-menu.open .mm-search-results {
  opacity: 1;
  visibility: visible;
}

#search.mega-menu .mm-search-panel__categories,
#search.mega-menu .mm-search-categories,
#search.mega-menu .mm-search-categories.search-categories,
#search.mega-menu .mm-search-categories__list,
#search.mega-menu .mm-search-categories__list > li,
#search.mega-menu .mm-search-categories__list > li > a,
#search.mega-menu .mm-search-categories__empty {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

#search.mega-menu {
  /* 18px type + 0.65rem vertical padding — fixed row so max-height fits exactly 4 items */
  --mm-search-category-row-height: calc(0.65rem * 2 + 18px * 1.35);
  --mm-search-category-visible-rows: 4;
}

#search.mega-menu .mm-search-panel__categories {
  min-height: 0;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  align-items: stretch;
  align-self: flex-start;
}

#search.mega-menu .mm-search-categories.search-categories {
  display: block !important;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  max-height: calc(
    var(--mm-search-category-row-height) * var(--mm-search-category-visible-rows)
  );
  flex: 0 0 auto;
  min-height: 0;
  overflow-x: hidden !important;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  overscroll-behavior-x: none;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: var(--color-primary, #510d02) transparent;
}

#search.mega-menu .mm-search-categories.search-categories::-webkit-scrollbar {
  width: 6px;
}

#search.mega-menu .mm-search-categories.search-categories::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 3px;
}

#search.mega-menu .mm-search-categories.search-categories::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--color-primary, #510d02) 45%, var(--color-secondary, #f7cfc8));
  border-radius: 3px;
}

#search.mega-menu .mm-search-categories.search-categories::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary, #510d02);
}

#search.mega-menu .mm-search-categories__list {
  display: block !important;
  flex: none !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  max-height: none !important;
  margin: 0;
  padding: 0;
  overflow: visible;
}

#search.mega-menu .mm-search-categories__list.j-menu {
  display: block !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0 !important;
  overflow: visible;
}

#search.mega-menu .mm-search-categories__list > li {
  display: block !important;
  flex: none !important;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  max-width: 100%;
}

#search.mega-menu .mm-search-categories__list > li > a {
  display: block !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: var(--mm-search-category-row-height);
  min-height: 0;
  max-height: var(--mm-search-category-row-height);
  padding: 0.65rem 0.75rem;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-width: 0 !important;
  border-left: 3px solid transparent;
  font-size: 18px;
  font-weight: 500;
  line-height: calc(var(--mm-search-category-row-height) - 1.3rem);
  text-decoration: none !important;
  color: var(--color-quaternary, #181818) !important;
  cursor: pointer;
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    opacity 0.2s ease;
} #search.mega-menu .mm-search-categories__list > li.selected > a,
  #search.mega-menu .mm-search-categories__list > li.category-level-1.selected > a,
  #search.mega-menu .mm-search-categories__list > li.category-level-2.selected > a,
  #search.mega-menu .mm-search-categories__list > li.category-level-3.selected > a {
  color: var(--color-primary, #510d02) !important;
  -webkit-text-fill-color: var(--color-primary, #510d02) !important;
  border-left-color: var(--color-primary, #510d02) !important;
} #search.mega-menu .mm-search-categories__list > li:not(.selected) > a:hover {
  opacity: 0.5;
} #search.mega-menu .mm-search-categories__list > li:not(.selected) > a:hover,
  #search.mega-menu .mm-search-categories__list > li:not(.selected) > a:focus {
  color: var(--color-primary, #510d02) !important;
  -webkit-text-fill-color: var(--color-primary, #510d02) !important;
}

#search.mega-menu .mm-search-categories__list .category-level-2,
#search.mega-menu .mm-search-categories__list .category-level-3 {
  display: none !important;
}

@media (min-width: 768px) {
  #search.mega-menu .mm-row.mm-row--search-panel.expandable {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  #search.mega-menu .mm-search-panel__results {
    flex: 1 1 68%;
    max-width: 68%;
  }

  #search.mega-menu .mm-search-panel__categories {
    flex: 0 0 32%;
    max-width: 32%;
  }
}

@media (min-width: 1200px) {
  #search.mega-menu .mm-search-panel__results {
    flex: 1 1 76%;
  }

  #search.mega-menu .mm-search-panel__categories {
    flex: 0 0 24%;
    max-width: 24%;
  }
}

/*
 * Category + “All products” + Journal quick checkout: breadcrumb is inside `.site-wrapper > .container`.
 * The tablet rule also applies `padding: 0 1.5rem` to `.breadcrumb`, which would double the
 * horizontal gutter next to the title/toolbar — reset horizontal padding so only the container gutter applies.
 */
.route-product-category .site-wrapper > .container > .breadcrumb,
.route-product-catalog .site-wrapper > .container > .breadcrumb,
.route-product-manufacturer-info .site-wrapper > .container > .breadcrumb,
.route-checkout-checkout .site-wrapper > .container > .breadcrumb,
.route-checkout-cart .site-wrapper > .container > .breadcrumb {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Align main column with the same inner edge (Journal sometimes adds inset on #content). */
.route-product-category .site-wrapper > .container > .row > #content,
.route-product-catalog .site-wrapper > .container > .row > #content,
.route-product-manufacturer-info .site-wrapper > .container > .row > #content,
.route-checkout-checkout .site-wrapper > .container > .row > #content,
.route-checkout-cart .site-wrapper > .container > .row > #content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Information (About, etc.): `#information-information` wraps `.row` — align gutter + CMS body like category. */
.route-information-information .site-wrapper > .container > .breadcrumb {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Replace float row with flex so `#content` + side columns don’t overlap; stack top/description/bottom inside #content. */
.route-information-information #information-information > .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
}

.route-information-information #information-information > .row > #column-left,
.route-information-information #information-information > .row > #column-right,
.route-information-information #information-information > .row > aside.side-column {
  float: none !important;
  flex: 0 0 200px;
  width: 200px !important;
  max-width: 200px !important;
  box-sizing: border-box;
}

.route-information-information #information-information > .row > #content.mm-information__main {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
  float: none !important;
  flex: 1 1 0;
  min-width: 0;
  width: auto !important;
  max-width: none !important;
  box-sizing: border-box;
}

@media (max-width: 767.98px) {
  .route-information-information #information-information > .row {
    flex-direction: column;
  }

  .route-information-information #information-information > .row > #column-left,
  .route-information-information #information-information > .row > #column-right,
  .route-information-information #information-information > .row > aside.side-column {
    flex: 1 1 auto;
    width: 100% !important;
    max-width: 100% !important;
  }

  .route-information-information #information-information > .row > #content.mm-information__main {
    flex: 1 1 auto;
    width: 100% !important;
    max-width: 100% !important;
  }
}

.route-information-information .site-wrapper > .container > #information-information > .row > #content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.route-information-information .mm-information__page-heading {
  max-width: 100%;
  box-sizing: border-box;
}

.route-information-information .mm-information__content {
  display: flow-root;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.route-information-information .mm-information__content img,
.route-information-information .mm-information__content video,
.route-information-information .mm-information__content iframe {
  max-width: 100%;
  height: auto;
}

.route-information-information .mm-information__content table {
  max-width: 100%;
}

/*
 * Product (PDP): breadcrumb is inside `#product-product.container`. Same as category — the tablet
 * block also sets horizontal padding on `.breadcrumb`; reset so only the container gutter applies.
 */
.route-product-product:not(.popup) .site-wrapper > .container > .breadcrumb {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.route-product-product:not(.popup) #product-product > .row > #content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Journal expects `html:not(.popup) .site-wrapper > h1.page-title` when the title sits above the main container; it is now the first block inside `#product-product`. */
html:not(.popup) .route-product-product #product-product > h1.page-title > span {
  display: block;
  margin: 0;
  text-align: left;
}
html:not(.popup) .route-product-product #product-product > h1.page-title::after {
  display: none !important;
}

/* Related / bottom modules: strip extra horizontal inset so titles line up with tabs + description. */
.route-product-product:not(.popup) #product-product #content-bottom.mm-content-bottom {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.route-product-product:not(.popup) #product-product .grid-cols {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Selector */

.mm-select {
  position: relative;
  font-family: var(--font) !important;
  min-width: 200px;
}

.mm-select .select-selected.select-arrow-active::after,
.mm-select .select-selected::after {
  width: 18px !important;
  height: 18px !important;
}

.mm-select select {
  display: none !important;
}

.mm-select .mm-select-selected-label {
  display: none !important;
}

.mm-select .select-selected {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-tertiary);
  color: var(--color-icon-secondary);
  padding: 10px 20px;
  border: 1px solid var(--color-border-tertiary);
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
  width: 100%;
  font-size: 15px;
}

.mm-select .select-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 14;
  overflow: hidden;
  background-color: var(--color-tertiary);
  box-shadow: var(--p-shadow-base);
  transform-origin: top center;
  transition:
    max-height 0.3s cubic-bezier(0.25, 0.46, 0.45, 1),
    opacity 0.22s ease,
    transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 1);
}

.mm-select .select-items.select-hide {
  max-height: 0;
  opacity: 0;
  transform: scale(0.98, 0.92);
  overflow: hidden;
  pointer-events: none;
}

.mm-select .select-items:not(.select-hide) {
  max-height: calc(100vh - 5rem);
  max-height: calc(100dvh - 5rem);
  opacity: 1;
  transform: scale(1, 1);
  /* overflow-y: scroll only after open animation — set inline in custom.js */
  pointer-events: auto;
}

.mm-select .select-items div {
  color: var(--color-quaternary);
  font-size: 15px;
  padding: 10px 20px;
  cursor: pointer;
  user-select: none;
  transition: color .2s, background-color .2s;
}

.mm-select .select-items div:hover,
.mm-select .select-items div.same-as-selected {
  color: var(--color-text-primary);
  background-color: var(--color-primary);
}

/* Filter facilities */
.products-filter {
  background: none !important;
  background-color: none !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 1rem;
}

.filter-btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  font-family: var(--font) !important;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 30px;
  border: 1px solid #00000030;
  border-radius: 5px;
  color: var(--color-quaternary);
}

.filter-wrapper {
  position: relative;
}

.filter-content {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 512px;
  height: 100%;
  z-index: 999;
  font-family: var(--font) !important;
  border: 1px solid #00000030;
  background-color: var(--color-background-tertiary);
  box-shadow: var(--p-shadow-modal);
  border-radius: 0;
  transform: translate3d(-100%, 0, 0);
  visibility: hidden;
  pointer-events: none;
  transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0s linear 0.4s;
  will-change: transform;
}
.filter-content h1, .filter-content h2, .filter-content h3, .filter-content h4, .filter-content h5, .filter-content h6 {
  color: var(--color-quaternary) !important;
  font-family: var(--font) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}
.filter-content > .filter-content-head {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  justify-content: space-between;
  align-items: center;
  padding: 2.5rem !important;
}
.filter-content > .filter-content-head > .block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.filter-content > .filter-content-head > .block > div {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.filter-content .filter-btn {
  font-family: var(--font) !important;
  font-size: 18px;
  font-weight: normal !important;
  line-height: 1.5rem;
  color: var(--color-quaternary) !important;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border: none;
  cursor: pointer;
  padding: 1rem !important;
  transition: background-color .2s ease;
} .filter-content .filter-btn:hover {
  background-color: rgb(from var(--color-icon-secondary) r g b / 10%);
} .filter-content .filter-btn:active {
  background-color: rgb(from var(--color-icon-secondary) r g b / 20%);
}
.filter-content .filter-btn::before {
  margin: 0 !important;
}
.filter-content .filter-content-body .panel-body {
  padding: 0 2.5rem 2.5rem !important;
}
.filter-content .filter-content-body {
  max-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.filter-content .filter-content-body::-webkit-scrollbar {
  width: 1rem;
}
.filter-content .filter-content-body::-webkit-scrollbar-track {
  width: 1rem;
  background-color: transparent;
}
.filter-content .filter-content-body::-webkit-scrollbar-thumb {
  background: var(--color-text-secondary, #000);
  border-radius: .5rem;
}
.filter-content .filter-content-body .bottom {
  width: 100%;
  position: fixed;
  bottom: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3rem 0 0 0;
  z-index: 9999;
}
.filter-content .filter-close::before {
  content: none !important;
  margin: 0 !important;
}
.filter-content .filter-close::after {
  content: "" !important;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20.6001%200.600006L0.600098%2020.6%22%20stroke%3D%22%23232323%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M20.6001%2020.6L0.600098%200.600006%22%20stroke%3D%22%23232323%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.filter-content > .panel-heading a {
  font-family: var(--font) !important;
  font-size: 20px;
  font-weight: 700;
  color: var(--color-quaternary);
  text-decoration: none;
}
.filter-content .reset-filter::before {
  content: none !important;
  margin: 0 !important;
}

.filter-content.active {
  transform: translate3d(0, 0, 0);
  visibility: visible;
  pointer-events: auto;
  transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0s linear 0s;
}

.filter-content .panel-group .panel-heading {
  border-left: none !important;
  border-right: none !important;
}

.module-filter-36 .panel-group .panel-heading {
  border-color: var(--color-text-secondary) !important;
}
.module-filter-36 .panel-group .panel-heading a {
  font-family: var(--font) !important;
  font-size: 18px !important;
  text-transform: capitalize !important;
  color: var(--color-quaternary) !important;
}

.filter-content .panel-group .panel:last-child {
  border-bottom: 1px solid var(--color-text-secondary) !important;
}

html body .module-filter-36 .panel-group .panel-heading a {
  display: flex !important;
  justify-content: space-between !important;
  padding: 2.5rem !important;
}
html body .module-filter-36 .panel-group .panel-heading a::before,
html body .module-filter-36 .panel-group .panel-active .panel-heading a::before {
  display: none !important;
  content: none !important;
}
html body .module-filter-36 .panel-group .panel-heading a::after,
html body .module-filter-36 .panel-group .panel-active .panel-heading a::after,
.mm-select .select-selected.select-arrow-active::after,
.mm-select .select-selected::after,
.mm-expand__button::before {
  content: "" !important;
  display: block !important;
  flex-shrink: 0 !important;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26%2011L16%2021L6%2011%22%20stroke%3D%22%23232323%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  transform-origin: center !important;
  transition: transform 0.2s ease !important;
}

html body .module-filter-36 .panel-group .panel-heading a.collapsed::after,
html body .module-filter-36 .panel-group .panel-active .panel-heading a.collapsed::after {
  transform: rotate(0deg) !important;
}

html body .module-filter-36 .panel-group .panel-heading a:not(.collapsed)::after,
html body .module-filter-36 .panel-group .panel-active .panel-heading a:not(.collapsed)::after {
  transform: rotate(180deg) !important;
}

.mm-select .select-selected::after {
  transform: rotate(0deg) !important;
}

.mm-select .select-selected.select-arrow-active::after {
  transform: rotate(180deg) !important;
}

/*
 * Compact top bar: [ social | gap(text_start) | lang | gap(text_end) | links ]
 * Labels sit centered in the flex space between their two neighbors (see mock arrows).
 */
.desktop-header-active .header-compact .top-bar.mm-header-top-bar {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 0;
  justify-content: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  min-height: 35px;
  box-sizing: border-box;
}

/* Only collapse gap tracks when both texts are empty; otherwise keep 1fr columns so each
   label stays centered in its own zone (social↔lang, lang↔links). */
.desktop-header-active .header-compact .top-bar.mm-header-top-bar:has(.mm-header-top-text--start:empty):has(.mm-header-top-text--end:empty) {
  grid-template-columns: auto auto auto auto auto;
}

.desktop-header-active .header-compact .top-bar.mm-header-top-bar:not(:has(.mm-header-top-bar__item--lang)) {
  grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) auto;
}

.desktop-header-active .header-compact .top-bar.mm-header-top-bar .mm-header-top-bar__item {
  display: flex;
  align-items: center;
  align-self: center;
  min-width: 0;
  height: auto;
}

.desktop-header-active .header-compact .top-bar.mm-header-top-bar .mm-header-top-bar__item--social {
  grid-column: 1;
  justify-self: start;
}

.desktop-header-active .header-compact .top-bar.mm-header-top-bar .mm-header-top-bar__item--gap-start {
  grid-column: 2;
  justify-content: center;
  justify-self: stretch;
  padding: 0 12px;
}

.desktop-header-active .header-compact .top-bar.mm-header-top-bar .mm-header-top-bar__item--lang {
  grid-column: 3;
  justify-self: center;
  justify-content: center;
}

.desktop-header-active .header-compact .top-bar.mm-header-top-bar .mm-header-top-bar__item--gap-end {
  grid-column: 4;
  justify-content: center;
  justify-self: stretch;
  padding: 0 12px;
}

.desktop-header-active .header-compact .top-bar.mm-header-top-bar .mm-header-top-bar__item--links {
  grid-column: 5;
  justify-self: end;
  justify-content: flex-end;
  gap: 12px;
}

.desktop-header-active .header-compact .top-bar.mm-header-top-bar:not(:has(.mm-header-top-bar__item--lang)) .mm-header-top-bar__item--gap-end {
  grid-column: 3;
}

.desktop-header-active .header-compact .top-bar.mm-header-top-bar:not(:has(.mm-header-top-bar__item--lang)) .mm-header-top-bar__item--links {
  grid-column: 4;
}

.desktop-header-active .header-compact .top-bar.mm-header-top-bar .mm-header-top-bar__item--lang .language-currency {
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  margin: 0 !important;
}

.desktop-header-active .header-compact .top-bar.mm-header-top-bar .language-currency > div {
  display: flex;
  align-items: center;
  height: auto;
}

/* Keep social icons, links, and static labels on one vertical rhythm */
.desktop-header-active .header-compact .top-bar.mm-header-top-bar .top-menu,
.desktop-header-active .header-compact .top-bar.mm-header-top-bar .third-menu,
.desktop-header-active .header-compact .top-bar.mm-header-top-bar .language-currency {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  margin: 0 !important;
}

.desktop-header-active .header-compact .top-bar.mm-header-top-bar .top-menu > .j-menu,
.desktop-header-active .header-compact .top-bar.mm-header-top-bar .third-menu .top-menu > .j-menu {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  margin: 0 !important;
}

.desktop-header-active .header-compact .top-bar.mm-header-top-bar .top-menu > .j-menu > li,
.desktop-header-active .header-compact .top-bar.mm-header-top-bar .third-menu .top-menu > .j-menu > li {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
}

.desktop-header-active .header-compact .top-bar.mm-header-top-bar .top-menu > .j-menu > li > a,
.desktop-header-active .header-compact .top-bar.mm-header-top-bar .third-menu .top-menu > .j-menu > li > a,
.desktop-header-active .header-compact .top-bar.mm-header-top-bar .language-currency .dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  height: auto !important;
  line-height: 1.2 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.desktop-header-active .header-compact .top-bar .mm-header-top-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  pointer-events: none;
  position: relative;
  z-index: 2;
  height: auto;
}

.desktop-header-active .header-compact .top-bar .mm-header-top-text:empty {
  display: none;
}

.mm-header-top-text__label {
  display: inline-flex;
  align-items: center;
  font-family: var(--font) !important;
  font-size: 14px;
  font-weight: 700;
  color: #fff !important;
  text-transform: uppercase;
  line-height: 1.2;
  white-space: nowrap;
}

/*
 * Mobile top bar stack:
 *   row 1 — left/right gap texts (upper)
 *   row 2 — social icons + language (original top bar)
 */
.mobile-header-active .mobile-header .mobile-top-bar.mm-header-top-bar-stack {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start !important;
  height: auto !important;
  min-height: 30px;
  position: relative;
  z-index: 2;
}

.mobile-header-active .mobile-header .mm-header-top-text-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  width: 100%;
  min-height: 20px;
  padding: 1rem 5px;
  box-sizing: border-box;
}

.mobile-header-active .mobile-header .mm-header-top-text-row:has(.mm-header-top-text--start:empty):has(.mm-header-top-text--end:empty) {
  display: none;
}

.mobile-header-active .mobile-header .mm-header-top-text-row .mm-header-top-text {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  pointer-events: none;
}

.mobile-header-active .mobile-header .mm-header-top-text-row .mm-header-top-text-row__slot--start {
  grid-column: 1;
  justify-content: flex-start;
}

.mobile-header-active .mobile-header .mm-header-top-text-row .mm-header-top-text-row__slot--end {
  grid-column: 2;
  justify-content: flex-end;
}

.mobile-header-active .mobile-header .mm-header-top-text-row .mm-header-top-text:empty {
  display: none;
}

.mobile-header-active .mobile-header .mm-header-top-text-row .mm-header-top-text__label {
  font-size: 11px;
}

.mobile-header-active .mobile-header .mm-header-top-bar-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  min-height: 35px;
  height: 35px;
  overflow: visible;
  padding: 0 7px;
  box-sizing: border-box;
}

.mobile-header-active .mobile-header .mm-header-top-bar-main .mobile-top-menu-wrapper {
  position: relative;
  z-index: 2;
  flex: 0 1 auto;
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.mobile-header-active .mobile-header .mm-header-top-bar-main__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  flex: 0 1 auto;
  min-width: 0;
  margin-left: auto;
}

.mobile-header-active .mobile-header .mm-header-top-bar-main .mobile-pages-wrapper {
  position: static;
  transform: none;
  pointer-events: auto;
  white-space: nowrap;
}

.mobile-header-active .mobile-header .mm-header-top-bar-main .language-currency {
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  margin: 0 !important;
  flex: 0 1 auto;
  min-width: 0;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end;
  height: auto !important;
  pointer-events: none;
}

.mobile-header-active .mobile-header .mm-header-top-bar-main .language-currency > div {
  display: flex;
  align-items: center;
  height: auto;
}

.mobile-header-active .mobile-header .mm-header-top-bar-main .language-currency .dropdown {
  pointer-events: auto;
}

.mobile-header-active .mobile-header .mm-header-top-bar-main .top-menu {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
}

.mobile-header-active .mobile-header .mm-header-top-bar-main .top-menu > .j-menu {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap;
  margin: 0 !important;
}

.mobile-header-active .mobile-header .mm-header-top-bar-main .top-menu > .j-menu > li {
  display: flex !important;
  align-items: center !important;
}

.mobile-header-active .mobile-header .mm-header-top-bar-main .mobile-pages-wrapper a {
  display: inline-flex;
  align-items: center;
  padding: 5px;
  pointer-events: auto;
  cursor: pointer;
  touch-action: manipulation;
}

/* Language/currency dropdown: custom chevron icon (Figma SVG) */
.language-currency.top-menu {
  gap: 7px !important;
} .language-currency>div:first-of-type:not(:only-of-type) {
  margin: 0 !important;
} .language-currency.top-menu .dropdown.drop-menu::after {
  content: "" !important;
  font-size: 0 !important;
  width: 13px !important;
  height: 8px !important;
  padding: 0 !important;
  margin: 0 0 0 5px !important;
  transform: none !important;
  background: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.65703 7.071L2.67e-05 1.414L1.41403 0L6.36403 4.95L11.314 0L12.728 1.414L7.07103 7.071C6.8835 7.25847 6.62919 7.36379 6.36403 7.36379C6.09886 7.36379 5.84455 7.25847 5.65703 7.071Z' fill='%23F7CFC8'/%3E%3C/svg%3E") no-repeat center / contain !important;
  filter: drop-shadow(0 3px 6px #00000020) !important;
}

.mobile-header-active .mobile-header .mm-header-top-bar-main .mobile-pages-wrapper a {
  font-family: var(--font) !important;
  font-weight: 700 !important;
  color: var(--color-secondary, #f7cfc8) !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

@media (max-width: 767.98px) {
  .language-currency.top-menu .dropdown.dropdown:not(.mega-menu) .j-dropdown {
    z-index: 99999 !important;
  }
}

.top-menu .dropdown.dropdown:not(.mega-menu) .j-dropdown>.j-menu,
.secondary-menu .dropdown.dropdown:not(.mega-menu) .j-dropdown>.j-menu {
  background: #fff !important;
}

.dropdown.dropdown .j-dropdown::before,
#cart-content::before {
  border-bottom-color: #fff !important;
}

.module-newsletter .module-body > div,
.module-newsletter .module-body .newsletter-form,
.module-newsletter .module-body .newsletter-form form,
.module-newsletter .module-body .newsletter-form .mm-form,
.module-newsletter .module-body .newsletter-form .mm-form-block.horizontal {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.module-newsletter .module-body .newsletter-form .mm-form-block.horizontal {
  position: relative;
}

.module-newsletter .mm-form-block.horizontal > .input-group-btn .mm-btn {
  padding-left: 16px;
  padding-right: 16px;
}

.module-newsletter-67 .module-body .newsletter-form .mm-form-block.horizontal > .mm-form-control,
.module-newsletter-67 .module-body .newsletter-form .input-group input {
  max-width: none !important;
}

.module-newsletter-67 .module-body .newsletter-form .mm-form-block.horizontal,
.module-newsletter-67 .module-body .input-group {
  justify-content: stretch;
}

.module-newsletter-67 .mm-form-block.horizontal > .input-group-btn .mm-btn,
.module-newsletter-67 .input-group-btn .btn {
  margin: 0 !important;
}

.module-newsletter-67 .module-body .newsletter-form .checkbox {
  max-width: 250px;
} .module-newsletter-67 .checkbox label {
  color: var(--color-quaternary) !important;
}

.module-newsletter-67 {
  justify-content: space-between;
}

.module-newsletter-67 .newsletter-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  gap: 2rem;
  margin-top: auto;
  padding-top: 24px;
}

.module-newsletter-67 .newsletter-logo {
  display: flex;
  color: var(--color-primary, #510d02);
} .module-newsletter-67 .newsletter-logo svg {
  display: block;
  width: 80px;
  height: auto;
} .module-newsletter-67 .mastercard svg {
  width: 35px !important;
}

.module-catalog-262 .subitems {
  display: none;
}

/* Mega menu category flyout subitems (module 119) */
.module-catalog-119 .module-body {
  flex-direction: column;
}

.main-menu-3 .main-menu-item-5.mega-menu .module-catalog-119 .module-body {
  flex: 1 1 auto;
  min-height: 100%;
}

.module-catalog-119 .module-item:not(.swiper-slide) {
  position: static;
  overflow: visible;
  padding: 8px 12.5px;
  width: 100% !important;
}

.mega-menu-content .module-catalog-119 .module-body,
.mega-menu-content .module-catalog-119 .item-content,
.mega-menu-content .module-catalog-119 .item-assets {
  overflow: visible;
}

/*
 * Categories mega menu (item 5): flyout sits to the right of the catalog list, top-aligned
 * with the image grid. (Not .first-dropdown — that is a different menu item.)
 */
.main-menu-3 .main-menu-item-5.mega-menu .module-catalog-119 {
  position: relative;
  align-self: stretch;
  flex: 1 1 auto;
  min-height: 100%;
  height: 100%;
  box-sizing: border-box;
}

.main-menu-3 .main-menu-item-5.mega-menu .module-catalog-119 .subitems {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 30;
  box-sizing: border-box;
  width: min(320px, 42vw);
  min-width: 260px;
  max-width: 400px;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  padding: 16px 20px;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  flex-direction: column;
  justify-content: flex-start;
  gap: 2px;
  background-color: var(--color-background-tertiary);
  -webkit-overflow-scrolling: touch;
}

/* Horizontal bridge across the gap from the category list to the flyout */
.main-menu-3 .main-menu-item-5.mega-menu .module-catalog-119 .subitems::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  width: 24px;
  height: 100%;
}

/* One flyout at a time (class toggled in custom.js — avoids flicker between rows) */
.main-menu-3 .main-menu-item-5.mega-menu .module-catalog-119.has-active-subitems .module-item:not(.is-subitems-active) .subitems {
  display: none !important;
}

.main-menu-3 .main-menu-item-5.mega-menu .module-catalog-119 .module-item.is-subitems-active .subitems,
.module-catalog-119 .module-item:not(.no-subitems):focus-within .subitems {
  display: flex;
}

.module-catalog-119 .module-item.no-subitems .subitems,
.module-catalog-119 .subitems:empty {
  display: none !important;
}

.module-catalog-119 .subitem {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.35;
} .module-catalog-119 .subitem::before {
  float: none;
  content: none;
  display: none;
} .module-catalog-119 .subitem span {
  text-decoration: none !important;
}

.module-catalog-119 .subitem a {
  display: block;
  align-items: center;
  padding: 1.5rem !important;
  box-sizing: border-box;
  color: var(--color-quaternary, #181818);
  transition: background-color 0.15s ease, color 0.15s ease !important;
} .module-catalog-119 .subitem a:hover,
  .module-catalog-119 .subitem a:focus-visible {
  color: var(--color-primary, #510d02);
  outline: none;
}

.module-catalog-119 .subitem a span {
  white-space: normal;
  word-break: break-word;
  transition: background-color 0.15s ease, color 0.15s ease !important;
}

.module-catalog-119 .subitem.view-more {
  margin-top: auto;
  padding-top: 1rem !important;
  flex-shrink: 0;
  border-top: 1px solid rgba(24, 24, 24, 0.1);
}

.module-catalog-119 .subitem.view-more a {
  font-weight: 600;
  padding: 1rem !important;
  color: var(--color-primary, #510d02);
  text-decoration: none;
} .module-catalog-119 .subitem.view-more a:hover,
  .module-catalog-119 .subitem.view-more a:focus-visible {
  background-color: rgba(81, 13, 2, 0.08);
}

html[dir="rtl"] .main-menu-3 .main-menu-item-5.mega-menu .module-catalog-119 .subitems {
  left: auto;
  right: 100%;
  margin: 0 12px 0 0;
}

html[dir="rtl"] .main-menu-3 .main-menu-item-5.mega-menu .module-catalog-119 .subitems::before {
  right: auto;
  left: 100%;
}

.product_tabs .nav-tabs > li > a,
.module-body .nav-tabs > li > a {
  text-transform: none !important;
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 2px solid transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 0 18px 0 !important;
}

.product_tabs .nav-tabs > li > a:focus,
.product_tabs .nav-tabs > li.active > a,
.product_tabs .nav-tabs > li.active > a:hover,
.product_tabs .nav-tabs > li.active > a:active,
.product_tabs .nav-tabs > li.active > a:focus,
.module-body .nav-tabs > li > a:focus,
.module-body .nav-tabs > li.active > a,
.module-body .nav-tabs > li.active > a:hover,
.module-body .nav-tabs > li.active > a:active,
.module-body .nav-tabs > li.active > a:focus {
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 2px solid var(--color-primary) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Same font size for active + inactive tab links (product page + module body) */
.product_tabs .nav-tabs > li > a,
.module-body .nav-tabs > li > a {
  font-size: 28px !important;
}

.product_tabs .nav-tabs > li.active > a, .product_tabs .nav-tabs > li.active > a:hover, .product_tabs .nav-tabs > li > a:focus, .product_tabs .nav-tabs > li.active > a:focus,
.module-body .nav-tabs > li.active > a, .module-body .nav-tabs > li.active > a:hover, .module-body .nav-tabs > li > a:focus, .module-body .nav-tabs > li.active > a:focus {
  color: var(--color-quaternary) !important;
  background: none !important;
}

div.links-menu-77 .menu-item a .links-text {
  white-space: normal !important;
  text-align: center;
}

.main-menu-3 .main-menu-item-5.mega-menu .grid-row-1 .grid-col-1 {
  position: relative;
}

/* Desktop mega “Categories” hit-area only — must not match mobile accordion (#main-menu in .mobile-main-menu-wrapper). */
.desktop-main-menu-wrapper div.main-menu.main-menu-3 > .j-menu > .main-menu-item-5 > a,
.desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu > .j-menu > .menu-item > a {
  margin: -40px 0 !important;
}

/* Desktop header background/shadow on inner pages (not homepage) */
html:not(.route-common-home) body:not(.route-common-home) header,
html:not(.route-common-home) body:not(.route-common-home) .site-wrapper>header {
  background: var(--color-tertiary) !important;
  box-shadow: 0px 3px 15px 0px #0000001A, 0px 0px 5px 0px #0000000D !important;
}

html:not(.route-common-home) body:not(.route-common-home) header .secondary-menu drop-menu a:before,
html:not(.route-common-home) body:not(.route-common-home) .site-wrapper>header .secondary-menu .drop-menu>a:before,
html:not(.route-common-home) body:not(.route-common-home) .site-wrapper>header .dropdown-toggle:before,
html:not(.route-common-home) body:not(.route-common-home) .site-wrapper>header #cart>a>i::before {
  color: #181818 !important
}

.site-wrapper {
  background-color: var(--color-background-tertiary);
}

/*
 * Mobile menu / cart / filter overlays: Journal sticky mobile (journal.js) sets inline
 * padding-top on body while the sticky rows are position:fixed (sticky bar + optional top bar).
 * With `html.mobile-overlay`
 * (overflow:hidden), that padding can still offset `.site-wrapper` and show a white strip above
 * the header in the “peek” area. Clear it while any overlay is open; closing removes
 * `mobile-overlay` and the scroll handler’s inline padding applies again when still scrolled.
 */
html.mobile-overlay body {
  padding-top: 0 !important;
}

/*
 * Mobile sticky: journal.js pins `.mobile-top-bar` when `.sticky-bar` becomes `.mobile-bar-sticky`.
 * Journal core CSS fixes only the sticky row at top:0 — shift it down by the measured top bar height
 * (--mm-mobile-top-bar-stuck-height on html) so both rows stay visible while scrolling.
 *
 * Sticky rows: `.mobile-top-bar.mobile-top-bar-sticky` and `.sticky-bar.mobile-bar-sticky`
 * (layouts 1–2: `.mobile-bar.sticky-bar`; layout 3: `.sticky-bar` on search row).
 * `top` must include `env(safe-area-inset-top)` + `--mm-mobile-sticky-vv-top` (VisualViewport in journal.js)
 * to match body padding when the URL bar shows/hides. Do not transition `top` — iOS updates every frame.
 */

/*
 * Bottom menu (`.bottom-menu.bottom-menu-266`): pin to the visible bottom while mobile browsers
 * resize the layout viewport (dynamic URL / toolbars). `env(safe-area-inset-bottom)` clears the home indicator.
 */
 .bottom-menu.bottom-menu-266 {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  z-index: 10050 !important;
  padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  bottom: 0 !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@supports (height: 100lvh) and (height: 100dvh) {
  .bottom-menu.bottom-menu-266 {
    bottom: 0 !important;
  }
}

html.mobile-header-active .mobile-header .mobile-top-bar.mobile-top-bar-sticky {
  position: fixed !important;
  top: calc(env(safe-area-inset-top, 0px) + var(--mm-mobile-sticky-vv-top, 0px)) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1001;
  box-sizing: border-box;
  /* No `top` transition: VisualViewport / URL bar changes every frame */
  transition:
    box-shadow 0.38s ease,
    background-color 0.38s ease;
  animation: none;
}

html.mobile-header-active .mobile-header .sticky-bar.mobile-bar-sticky,
html.mobile-header-active .mobile-header .mobile-bar.sticky-bar.mobile-bar-sticky,
/* Journal core: `.mobile-header-active .mobile-bar-sticky { top: 0 }` */
html.mobile-header-active .mobile-header .mobile-bar.mobile-bar-sticky {
  position: fixed !important;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  box-sizing: border-box;
  top: var(--mm-mobile-top-bar-stuck-height, 35px) !important;
  margin-top: 0 !important;
  transition:
    box-shadow 0.38s ease,
    background-color 0.38s ease;
  animation: none;
}

/* iOS Chrome/Firefox: measured top-bar stack height (JS may refine via --mm-mobile-top-bar-stuck-height) */
html.mm-ios {
  --mm-mobile-top-bar-stuck-height: 50px;
}

/*
 * html.mm-ios: rows are always fixed — collapse in-flow header shell so body padding is not doubled.
 */
html.mm-ios.mobile-header-active .mobile-header {
  height: 0 !important;
  min-height: 0 !important;
  overflow: visible;
  pointer-events: none;
}

html.mm-ios.mobile-header-active .mobile-header .mobile-top-bar,
html.mm-ios.mobile-header-active .mobile-header .sticky-bar {
  pointer-events: auto;
}

/*
 * html.mm-ios (see header.twig): third-party iOS browsers — header rows always `position: fixed`,
 * no entrance animation, no `top` transitions. `--mm-mobile-sticky-vv-top` tracks URL bar show/hide.
 */
html.mm-ios.mobile-header-active .mobile-header .mobile-top-bar,
html.mm-ios.mobile-header-active .mobile-header .mobile-top-bar.mobile-top-bar-sticky {
  position: fixed !important;
  top: calc(env(safe-area-inset-top, 0px) + var(--mm-mobile-sticky-vv-top, 0px)) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1001;
  box-sizing: border-box;
  transition: none !important;
  animation: none !important;
  transform: none !important;
}

html.mm-ios.mobile-header-active .mobile-header .sticky-bar,
html.mm-ios.mobile-header-active .mobile-header .sticky-bar.mobile-bar-sticky,
html.mm-ios.mobile-header-active .mobile-header .mobile-bar.sticky-bar.mobile-bar-sticky,
/* Journal core: `.mobile-header-active .mobile-bar-sticky { top: 0 }` — same element, beat it here */
html.mm-ios.mobile-header-active .mobile-header .mobile-bar.mobile-bar-sticky {
  position: fixed !important;
  top: calc(
      env(safe-area-inset-top, 0px) + var(--mm-mobile-top-bar-stuck-height, 65px) +
        var(--mm-mobile-sticky-vv-top, 0px)
    )
    !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000;
  box-sizing: border-box;
  margin-top: 0 !important;
  transition: none !important;
  animation: none !important;
  transform: none !important;
}

/* Homepage header: default (not scrolled) — background-color (not shorthand) so transition can run */
html.route-common-home body:not(.sticky-compact) header,
html.route-common-home body:not(.sticky-compact) .site-wrapper>header,
body.route-common-home:not(.sticky-compact) header,
body.route-common-home:not(.sticky-compact) .site-wrapper>header {
  background-color: rgba(81, 13, 2, 0.412) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Homepage header: scrolled/sticky */
html.route-common-home body.sticky-compact header,
html.route-common-home body.sticky-compact .site-wrapper>header,
body.route-common-home.sticky-compact header,
body.route-common-home.sticky-compact .site-wrapper>header {
  background-color: rgba(47, 47, 47, 0.502) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/*
 * Journal compact/slim + top bar + sticky: `css.twig` sets `header { top: -headerTopBarHeight }`, which
 * pulls `.top-bar` above the viewport while scrolling (feels like it “auto-closes”). Pin the full header
 * to `top: 0` whenever it contains a `.top-bar` — all routes, all header kinds that ship a top bar, every
 * every scroll position past the compact threshold. `body.sticky-compact` is a fallback where `:has()` is unsupported.
 */
@supports selector(:has(.top-bar)) {

  html.desktop header:has(.top-bar),
  html.desktop .site-wrapper > header:has(.top-bar) {
    top: 0 !important;
  }

  html.desktop header:has(.top-bar) .top-bar,
  html.desktop .site-wrapper > header:has(.top-bar) .top-bar {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

html.desktop body.sticky-compact header,
html.desktop body.sticky-compact .site-wrapper > header {
  top: 0 !important;
}

/*
 * Sticky-compact transitions: apply to every Journal desktop header type on `<header class="header-*">`
 * (compact, slim, classic, mega, default — see journal3/headers/desktop/*.twig + header.twig).
 * Previously only .header-compact / .header-slim were listed, so classic/mega snapped when sticky toggled.
 */
html.desktop .site-wrapper > header[class|="header"] {
  transition:
    top 0.38s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.38s ease,
    box-shadow 0.38s ease,
    backdrop-filter 0.38s ease;
}

html.desktop .site-wrapper > header[class|="header"] .mid-bar {
  transition: height 0.38s cubic-bezier(0.22, 1, 0.36, 1), min-height 0.38s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.38s ease, border-color 0.2s ease !important;
}

html.desktop .site-wrapper > header[class|="header"] .top-bar {
  transition: background-color 0.38s ease, opacity 0.28s ease;
}

@media (prefers-reduced-motion: reduce) {
  html.desktop .site-wrapper > header[class|="header"],
  html.desktop .site-wrapper > header[class|="header"] .mid-bar,
  html.desktop .site-wrapper > header[class|="header"] .top-bar {
    transition: none !important;
  }

  html.mobile-header-active .mobile-header .sticky-bar.mobile-bar-sticky,
  html.mobile-header-active .mobile-header .mobile-top-bar.mobile-top-bar-sticky,
  html.mm-ios.mobile-header-active .mobile-header .sticky-bar,
  html.mm-ios.mobile-header-active .mobile-header .mobile-top-bar {
    animation: none !important;
    transition: none !important;
  }
}

/*
 * Desktop primary nav (main-menu-3): one vertical rhythm for all routes + header-* layouts.
 * Before: `line-height: 1px` + `padding: 1.85rem` on both <a> and .links-text (doubled) + homepage `10px` on .links-text → inconsistent vs compact mid-bar (photo 1).
 */
html.desktop {
  --mm-mainnav-link-py: 1.15rem;
  --mm-mainnav-line-height: 1.22;
}

html.desktop body:not(.mobile-header-active):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3 > .j-menu > li.main-menu-item > a {
  padding-top: var(--mm-mainnav-link-py) !important;
  padding-bottom: var(--mm-mainnav-link-py) !important;
  line-height: var(--mm-mainnav-line-height) !important;
}

html.desktop body:not(.mobile-header-active):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3 > .j-menu > li.main-menu-item > a .links-text {
  padding: 0 !important;
  margin: 0 !important;
  line-height: inherit !important;
  display: inline-block;
  vertical-align: baseline;
}

/* Mega full-width: tab vertical padding (only these items; global main nav stays `--mm-mainnav-link-py` above) */
html.desktop body:not(.mobile-header-active):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3 > .j-menu > li.main-menu-item.mega-menu.mega-fullwidth > a {
  padding-top: 1.08rem !important;
  padding-bottom: 1.08rem !important;
}

/* Main menu link color on inner pages (not homepage) */
html:not(.route-common-home) body:not(.route-common-home) .desktop-main-menu-wrapper .main-menu .main-menu-item>a,
html:not(.route-common-home) body:not(.route-common-home) .desktop-main-menu-wrapper .main-menu .menu-item>a,
html:not(.route-common-home) body:not(.route-common-home) .desktop-logo-wrapper .main-menu-item a,
body:not(.route-common-home) .desktop-main-menu-wrapper .main-menu .main-menu-item>a,
body:not(.route-common-home) .desktop-main-menu-wrapper .main-menu .menu-item>a,
body:not(.route-common-home) .desktop-logo-wrapper .main-menu-item a {
  color: var(--color-quaternary) !important;
  transition: color .2s ease;
}

/* Override any per-item menu colors (higher specificity) */
html:not(.mobile-main-menu-wrapper) body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a,
html:not(.mobile-main-menu-wrapper) body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text,
body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a,
body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text {
  color: var(--color-quaternary, #181818) !important;
  cursor: pointer;
}
html:not(.mobile-main-menu-wrapper) body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:hover,
html:not(.mobile-main-menu-wrapper) body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:hover .links-text,
body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:hover,
body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:hover .links-text {
  color: var(--color-primary, #510D02) !important;
  cursor: pointer;
}
html:not(.mobile-main-menu-wrapper) body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active,
html:not(.mobile-main-menu-wrapper) body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus,
html:not(.mobile-main-menu-wrapper) body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active .links-text,
html:not(.mobile-main-menu-wrapper) body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus .links-text,
body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active,
body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus,
body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active .links-text,
body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus .links-text {
  color: var(--color-quaternary, #181818) !important;
  cursor: pointer;
}
html:not(.mobile-main-menu-wrapper) body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus .links-text,
html:not(.mobile-main-menu-wrapper) body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active .links-text,
body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus .links-text,
body:not(.mobile-main-menu-wrapper):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active .links-text {
  border-bottom-color: var(--color-quaternary, #181818) !important;
}
/* Homepage: default (not rotated) chevron is white */
html.route-common-home .desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown>a::after,
body.route-common-home .desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown>a::after {
  background-color: #ffffff !important;
}
/* When dropdown hovered and special menu mode is toggled */
body .mid-bar,
body .desktop-main-menu-wrapper,
body .sticky-fullwidth-bg {
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
  transition-delay: 0s !important;
  border-bottom: 1px solid transparent;
}
body.menu-open .mid-bar {
  background-color: rgba(254, 254, 242, 1) !important;
  border-color: #d0d0d0;
  box-shadow: none !important;
}
/* Keep color animation consistent for regular links and icon pseudo-elements */
body .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a,
body .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text {
  transition: color 0.2s ease, border-bottom-color 0.2s ease !important;
  transition-delay: 0s !important;
}
body .desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown>a::after,
body .mid-bar .header-cart-group .secondary-menu .top-menu-item-1>a::before,
body .mid-bar .header-cart-group .mini-search .search-trigger::before,
body .mid-bar .header-cart-group .desktop-cart-wrapper #cart>.cart-heading>i::before,
body .mid-bar .header-cart-group .secondary-menu .drop-menu::after {
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease !important;
  transition-delay: 0s !important;
}

html:not(.mobile-main-menu-wrapper) body.menu-open:not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a,
html:not(.mobile-main-menu-wrapper) body.menu-open:not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text,
body.menu-open:not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a,
body.menu-open:not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text {
  color: var(--color-quaternary, #181818) !important;
  transition: color 0.2s ease, border-bottom-color 0.2s ease !important;
  transition-delay: 0s !important;
}
html.menu-open .desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown>a::after,
body.menu-open .desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown>a::after {
  background-color: var(--color-quaternary, #181818) !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
  transition-delay: 0s !important;
}

html:not(.mobile-main-menu-wrapper) body.menu-open:not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item.dropdown.open>a,
html:not(.mobile-main-menu-wrapper) body.menu-open:not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item.dropdown.open>a .links-text,
html:not(.mobile-main-menu-wrapper) body.menu-open:not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item.dropdown.open>a:hover,
html:not(.mobile-main-menu-wrapper) body.menu-open:not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item.dropdown.open>a:hover .links-text,
body.menu-open:not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item.dropdown.open>a,
body.menu-open:not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item.dropdown.open>a .links-text,
body.menu-open:not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item.dropdown.open>a:hover,
body.menu-open:not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item.dropdown.open>a:hover .links-text {
  color: var(--color-primary, #510D02) !important;
  transition: color 0.2s ease, border-bottom-color 0.2s ease !important;
  transition-delay: 0s !important;
}
html.menu-open .desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown.open>a::after,
body.menu-open .desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown.open>a::after,
html.menu-open .desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown.open>a:hover::after,
body.menu-open .desktop-main-menu-wrapper .main-menu .main-menu-item.dropdown.open>a:hover::after {
  background-color: var(--color-primary, #510D02) !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
  transition-delay: 0s !important;
}
body.menu-open .mid-bar .search-trigger,
body.menu-open .mid-bar .search-trigger::before,
body.menu-open .mid-bar .cart-heading,
body.menu-open .mid-bar .cart-heading>i::before,
body.menu-open .mid-bar .drop-menu,
body.menu-open .mid-bar .drop-menu>a,
body.menu-open .mid-bar .drop-menu::after {
  color: var(--color-quaternary, #181818) !important;
  transition: color 0.2s ease !important;
  transition-delay: 0s !important;
}
body:not(.menu-open):not(.route-common-home) .mid-bar .search-trigger,
body:not(.menu-open):not(.route-common-home) .mid-bar .search-trigger::before,
body:not(.menu-open):not(.route-common-home) .mid-bar .cart-heading,
body:not(.menu-open):not(.route-common-home) .mid-bar .cart-heading>i::before,
body:not(.menu-open):not(.route-common-home) .mid-bar .drop-menu,
body:not(.menu-open):not(.route-common-home) .mid-bar .drop-menu>a,
body:not(.menu-open):not(.route-common-home) .mid-bar .drop-menu::after {
  color: var(--color-quaternary, #181818) !important;
  transition: color 0.2s ease !important;
  transition-delay: 0s !important;
}

/* Header cart group icons/text: lock state colors to menu-open to avoid intermittent white flicker */
body.menu-open .mid-bar .header-cart-group .secondary-menu .top-menu-item-1>a::before,
body.menu-open .mid-bar .header-cart-group .mini-search .search-trigger::before,
body.menu-open .mid-bar .header-cart-group .desktop-cart-wrapper #cart>.cart-heading>i::before,
body.menu-open .mid-bar .header-cart-group .secondary-menu .drop-menu::after,
body.menu-open .mid-bar .header-cart-group .secondary-menu .drop-menu>a,
body.menu-open .mid-bar .header-cart-group .desktop-cart-wrapper .cart-heading,
body.menu-open .mid-bar .header-cart-group .mini-search .search-trigger {
  color: var(--color-quaternary, #181818) !important;
  -webkit-text-fill-color: var(--color-quaternary, #181818) !important;
  transition: color 0.2s ease, background-color 0.2s ease !important;
  transition-delay: 0s !important;
}
body:not(.menu-open):not(.route-common-home) .mid-bar .header-cart-group .secondary-menu .top-menu-item-1>a::before,
body:not(.menu-open):not(.route-common-home) .mid-bar .header-cart-group .mini-search .search-trigger::before,
body:not(.menu-open):not(.route-common-home) .mid-bar .header-cart-group .desktop-cart-wrapper #cart>.cart-heading>i::before,
body:not(.menu-open):not(.route-common-home) .mid-bar .header-cart-group .secondary-menu .drop-menu::after,
body:not(.menu-open):not(.route-common-home) .mid-bar .header-cart-group .secondary-menu .drop-menu>a,
body:not(.menu-open):not(.route-common-home) .mid-bar .header-cart-group .desktop-cart-wrapper .cart-heading,
body:not(.menu-open):not(.route-common-home) .mid-bar .header-cart-group .mini-search .search-trigger {
  color: var(--color-quaternary, #181818) !important;
  -webkit-text-fill-color: var(--color-quaternary, #181818) !important;
  transition: color 0.2s ease, background-color 0.2s ease !important;
  transition-delay: 0s !important;
}

/* Cart quantity: always white on badge (inner pages + homepage; menu open or not) */
html.desktop .mid-bar .header-cart-group .count-badge,
html.desktop .mid-bar .header-cart-group .count-badge .count-badge-inner,
html.desktop .mid-bar .header-cart-group .count-badge span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
/* Homepage default state: keep nav + iconography white until menu opens */
html.route-common-home body:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a,
html.route-common-home body:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text,
body.route-common-home:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a,
body.route-common-home:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text {
  color: var(--color-tertiary, #fdfdfd) !important;
}
html.route-common-home body:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text,
body.route-common-home:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text {
  border-bottom: 1px solid transparent;
  transition: color 0.2s ease, border-bottom-color 0.2s ease;
}
html.route-common-home body:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:hover,
html.route-common-home body:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:hover .links-text,
body.route-common-home:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:hover,
body.route-common-home:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:hover .links-text {
  color: var(--color-secondary, #F7CFC8) !important;
}
html.route-common-home body:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus,
html.route-common-home body:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus .links-text,
html.route-common-home body:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active,
html.route-common-home body:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active .links-text,
body.route-common-home:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus,
body.route-common-home:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus .links-text,
body.route-common-home:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active,
body.route-common-home:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active .links-text {
  color: var(--color-quaternary, #181818) !important;
}
html.route-common-home body:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus .links-text,
html.route-common-home body:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active .links-text,
body.route-common-home:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus .links-text,
body.route-common-home:not(.menu-open):not(.mobile-main-menu-wrapper) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active .links-text {
  border-bottom-color: var(--color-quaternary, #181818) !important;
}
html.route-common-home body:not(.menu-open) .mid-bar .search-trigger,
html.route-common-home body:not(.menu-open) .mid-bar .search-trigger::before,
html.route-common-home body:not(.menu-open) .mid-bar .cart-heading,
html.route-common-home body:not(.menu-open) .mid-bar .cart-heading>i::before,
html.route-common-home body:not(.menu-open) .mid-bar .drop-menu,
html.route-common-home body:not(.menu-open) .mid-bar .drop-menu>a,
html.route-common-home body:not(.menu-open) .mid-bar .drop-menu::after,
body.route-common-home:not(.menu-open) .mid-bar .search-trigger,
body.route-common-home:not(.menu-open) .mid-bar .search-trigger::before,
body.route-common-home:not(.menu-open) .mid-bar .cart-heading,
body.route-common-home:not(.menu-open) .mid-bar .cart-heading>i::before,
body.route-common-home:not(.menu-open) .mid-bar .drop-menu,
body.route-common-home:not(.menu-open) .mid-bar .drop-menu>a,
body.route-common-home:not(.menu-open) .mid-bar .drop-menu::after {
  color: var(--color-tertiary, #fdfdfd) !important;
  transition: color 0.2s ease !important;
  transition-delay: 0s !important;
}
html.route-common-home body:not(.menu-open) .mid-bar .header-cart-group .secondary-menu .top-menu-item-1>a::before,
html.route-common-home body:not(.menu-open) .mid-bar .header-cart-group .mini-search .search-trigger::before,
html.route-common-home body:not(.menu-open) .mid-bar .header-cart-group .desktop-cart-wrapper #cart>.cart-heading>i::before,
html.route-common-home body:not(.menu-open) .mid-bar .header-cart-group .secondary-menu .drop-menu::after,
html.route-common-home body:not(.menu-open) .mid-bar .header-cart-group .secondary-menu .drop-menu>a,
html.route-common-home body:not(.menu-open) .mid-bar .header-cart-group .desktop-cart-wrapper .cart-heading,
html.route-common-home body:not(.menu-open) .mid-bar .header-cart-group .mini-search .search-trigger,
body.route-common-home:not(.menu-open) .mid-bar .header-cart-group .secondary-menu .top-menu-item-1>a::before,
body.route-common-home:not(.menu-open) .mid-bar .header-cart-group .mini-search .search-trigger::before,
body.route-common-home:not(.menu-open) .mid-bar .header-cart-group .desktop-cart-wrapper #cart>.cart-heading>i::before,
body.route-common-home:not(.menu-open) .mid-bar .header-cart-group .secondary-menu .drop-menu::after,
body.route-common-home:not(.menu-open) .mid-bar .header-cart-group .secondary-menu .drop-menu>a,
body.route-common-home:not(.menu-open) .mid-bar .header-cart-group .desktop-cart-wrapper .cart-heading,
body.route-common-home:not(.menu-open) .mid-bar .header-cart-group .mini-search .search-trigger {
  color: var(--color-tertiary, #fdfdfd) !important;
  -webkit-text-fill-color: var(--color-tertiary, #fdfdfd) !important;
  transition: color 0.2s ease !important;
  transition-delay: 0s !important;
}
/* Prevent top-menu-item hover from forcing white logo/related link color (inner pages only — homepage header icons stay light) */
html:not(.route-common-home) body .mid-bar .header-cart-group .secondary-menu .menu-item[class*="top-menu-item-"]>a:hover,
html:not(.route-common-home) body .mid-bar .header-cart-group .secondary-menu .menu-item[class*="top-menu-item-"]>a:hover .links-text,
html:not(.route-common-home) body .mid-bar .header-cart-group .secondary-menu .menu-item[class*="top-menu-item-"]>a:hover::before,
html:not(.route-common-home) body .mid-bar .header-cart-group .secondary-menu .menu-item[class*="top-menu-item-"]>a:hover::after {
  color: var(--color-quaternary, #181818) !important;
  -webkit-text-fill-color: var(--color-quaternary, #181818) !important;
}
html:not(.route-common-home) body:has(.mid-bar .header-cart-group .secondary-menu .menu-item[class*="top-menu-item-"]:hover) .desktop-logo-wrapper #logo a,
html:not(.route-common-home) body:has(.mid-bar .header-cart-group .secondary-menu .menu-item[class*="top-menu-item-"]:hover) .desktop-logo-wrapper #logo h1 a {
  color: var(--color-quaternary, #181818) !important;
  -webkit-text-fill-color: var(--color-quaternary, #181818) !important;
}

/* Homepage: account (and other header drop toggles) stay light on hover — matches search/cart */
html.route-common-home body:not(.menu-open) .mid-bar .header-cart-group .secondary-menu .drop-menu>a:hover,
html.route-common-home body:not(.menu-open) .mid-bar .header-cart-group .secondary-menu .drop-menu>a:hover::before,
html.route-common-home body:not(.menu-open) .mid-bar .header-cart-group .secondary-menu .drop-menu>a:hover::after,
body.route-common-home:not(.menu-open) .mid-bar .header-cart-group .secondary-menu .drop-menu>a:hover,
body.route-common-home:not(.menu-open) .mid-bar .header-cart-group .secondary-menu .drop-menu>a:hover::before,
body.route-common-home:not(.menu-open) .mid-bar .header-cart-group .secondary-menu .drop-menu>a:hover::after {
  color: var(--color-tertiary, #fdfdfd) !important;
  -webkit-text-fill-color: var(--color-tertiary, #fdfdfd) !important;
}

/* Account dropdown panel: inner links + icon pseudo-elements match text (override bar color inherited from .drop-menu li) */
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a,
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a::before,
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a::after,
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a .links-text {
  color: var(--color-quaternary, #181818) !important;
  -webkit-text-fill-color: var(--color-quaternary, #181818) !important;
}
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a:hover,
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a:hover::before,
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a:hover::after,
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a:hover .links-text,
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a:focus,
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a:focus::before,
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a:focus::after,
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a:focus .links-text,
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a:active,
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a:active::before,
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a:active::after,
.mid-bar .header-cart-group .secondary-menu .drop-menu .j-dropdown > .j-menu > li > a:active .links-text {
  color: var(--color-primary, #510d02) !important;
  -webkit-text-fill-color: var(--color-primary, #510d02) !important;
}

/* Homepage: keep account toggle icon light while dropdown is open */
html.route-common-home body:not(.menu-open) .mid-bar .header-cart-group .secondary-menu li.drop-menu.open > a.dropdown-toggle,
html.route-common-home body:not(.menu-open) .mid-bar .header-cart-group .secondary-menu li.drop-menu.open > a.dropdown-toggle::before,
html.route-common-home body:not(.menu-open) .mid-bar .header-cart-group .secondary-menu li.drop-menu.open > a.dropdown-toggle::after,
body.route-common-home:not(.menu-open) .mid-bar .header-cart-group .secondary-menu li.drop-menu.open > a.dropdown-toggle,
body.route-common-home:not(.menu-open) .mid-bar .header-cart-group .secondary-menu li.drop-menu.open > a.dropdown-toggle::before,
body.route-common-home:not(.menu-open) .mid-bar .header-cart-group .secondary-menu li.drop-menu.open > a.dropdown-toggle::after {
  color: var(--color-tertiary, #fdfdfd) !important;
  -webkit-text-fill-color: var(--color-tertiary, #fdfdfd) !important;
}

/* Main menu link color on homepage */
html.route-common-home body .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a,
html.route-common-home body .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text,
body.route-common-home .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a,
body.route-common-home .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text {
  color: var(--color-tertiary, #fdfdfd) !important;
  border-bottom: 1px solid transparent;
  transition: color 0.2s ease, border-bottom-color 0.2s ease;
}
html.route-common-home body .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:hover,
html.route-common-home body .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text:hover,
body.route-common-home .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:hover,
body.route-common-home .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text:hover,
body.menu-open .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:hover,
body.menu-open .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text:hover {
  color: var(--color-secondary, #F7CFC8) !important;
}

html.route-common-home body .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus .links-text,
html.route-common-home body .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active .links-text,
body.route-common-home .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus .links-text,
body.route-common-home .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active .links-text,
body.menu-open .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus .links-text,
body.menu-open .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active .links-text {
  color: var(--color-quaternary, #181818) !important;
  border-bottom-color: var(--color-quaternary, #181818) !important;
}

/* Main-menu link colors must be desktop-only (no mobile-header) */
body:not(.mobile-header-active):not(.mobile-container):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a,
body:not(.mobile-header-active):not(.mobile-container):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text {
  color: var(--color-quaternary, #181818) !important;
  transition: color 0.2s ease, border-bottom-color 0.2s ease !important;
  transition-delay: 0s !important;
}
body:not(.mobile-header-active):not(.mobile-container):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text {
  border-bottom: 1px solid transparent;
}
body:not(.mobile-header-active):not(.mobile-container):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:focus .links-text,
body:not(.mobile-header-active):not(.mobile-container):not(.route-common-home) .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a:active .links-text {
  border-bottom-color: var(--color-quaternary, #181818) !important;
}
body:not(.mobile-header-active):not(.mobile-container).menu-open .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a,
body:not(.mobile-header-active):not(.mobile-container).menu-open .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text {
  color: var(--color-quaternary, #181818) !important;
}
body:not(.mobile-header-active):not(.mobile-container).menu-open .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item.dropdown.open>a,
body:not(.mobile-header-active):not(.mobile-container).menu-open .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item.dropdown.open>a .links-text,
body:not(.mobile-header-active):not(.mobile-container).menu-open .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item.dropdown.open>a:hover,
body:not(.mobile-header-active):not(.mobile-container).menu-open .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item.dropdown.open>a:hover .links-text {
  color: var(--color-primary, #510D02) !important;
}
body.mobile-header-active .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a,
body.mobile-header-active .desktop-main-menu-wrapper div.main-menu.main-menu-3>.j-menu>li.main-menu-item>a .links-text {
  color: inherit !important;
  transition: none !important;
}

.main-menu-3 .main-menu-item-5.mega-menu .grid-col.grid-col-1 .grid-items,
.first-dropdown .grid-col.grid-col-1 .grid-items {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  --mm-catalog-subitems-top: 25px;
}

/* Catalog column stretches to the same height as the image grid (mega menu row). */
.main-menu-3 .main-menu-item-5.mega-menu .grid-col.grid-col-1 .grid-items > .grid-item-1,
.main-menu-3 .main-menu-item-5.mega-menu .grid-col.grid-col-1 .grid-items > .grid-item:first-child {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-height: 100%;
}

.main-menu-3 .main-menu-item-5.mega-menu .grid-col.grid-col-1 .grid-items .grid-item.grid-item-2,
.first-dropdown .grid-col.grid-col-1 .grid-items .grid-item.grid-item-2 {
  width: 60%;
  align-self: stretch;
  padding-top: var(--mm-catalog-subitems-top, 25px) !important;
  box-sizing: border-box;
}

div.links-menu-205 .module-body {
  flex-wrap: wrap !important;
  row-gap: 15px;
}

.expand-block .btn {
  background-color: var(--color-primary) !important;
  color: #fff !important;
  border-radius: 0 !important;
  width: 100% !important;
}

body .module-products-334 .module-item:not(.tab-pane) .mm-products-carousel__nav .swiper-button-prev {
  left: auto;
  right: 76px;
}

body .module-products-334 .swiper-button-prev,
body .module-products-334 .swiper-button-next {
  background-color: transparent;
}

.module-products-334 .product-thumb .product-labels {
  display: none !important;
}

/* Homepage best sellers (module 334): normalize card heights/alignment */
.module-products-334 .swiper-wrapper {
  align-items: stretch;
}

.module-products-334 .swiper-slide {
  height: auto;
  display: flex;
}

.module-products-334 .swiper-slide .product-layout,
.module-products-334 .swiper-slide .product-thumb {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.module-products-334 .swiper-slide .caption {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.module-products-334 .swiper-slide .caption .central:last-of-type {
  margin-top: auto;
}

/* Product cards: wishlist/compare overlay on image (top-right; markup in product_card.twig) */
.product-thumb {
  position: relative;
}

/*
 * Journal ships `.product-thumb { overflow: hidden }`. On category/manufacturer grids, equal-height
 * rows + caption `min-height: 0` let the text block shrink and clip titles/descriptions. Keep image
 * clipped inside `.image`; allow the card body to show full text.
 */
.main-products.product-grid > .product-layout > .product-thumb,
.product-grid:not(.swiper-wrapper) > .product-layout > .product-thumb {
  overflow: visible !important;
}

.main-products.product-grid .product-thumb .image,
.product-grid:not(.swiper-wrapper) .product-thumb .image {
  overflow: hidden;
}

.product-thumb .name,
.product-thumb .name a,
.product-thumb .description,
.product-thumb .stats,
.product-thumb .price,
.product-thumb .buttons-wrapper,
.product-thumb .extra-group {
  font-family: var(--font) !important;
}

.product-thumb .image {
  position: relative;
}

.product-thumb .price {
  text-align: center;
  width: 100%;
}

/* Beat Journal `.product-thumb .price>div { display:inline-flex; flex-wrap:wrap }` (row = side-by-side). */
.product-thumb .price > div {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.product-left .product-top-actions,
.product-thumb .product-top-actions {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px;
  margin: 0;
  max-width: calc(100% - 8px);
  box-sizing: border-box;
  pointer-events: none;
}

.product-thumb .product-top-actions .wish-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  pointer-events: auto;
}

.product-thumb .product-top-actions .btn {
  flex-shrink: 0;
}

/* Cart block: full width when wish/compare sit on the image */
.product-grid .product-thumb .buttons-wrapper .button-group {
  justify-content: center;
  width: 100%;
}

@media (max-width: 767px) {
  .product-thumb .product-top-actions {
    padding: 8px;
    gap: 8px;
  }
}

html[dir="rtl"] .product-thumb .product-top-actions {
  right: auto;
  left: 0;
}

/* Product cards: title + description under image; on hover switch to stepper */
.product-thumb .product-card-meta {
  margin-top: 8px;
  margin-bottom: 2px;
  min-height: 34px;
  /* reserve space to avoid layout shift */
}

.product-thumb .product-card-desc {
  overflow: visible;
  display: block;
  text-align: center;
  margin: 5px 0 15px;
  line-height: 1.4;
}

.product-thumb .product-card-stepper {
  display: none;
  justify-content: center;
  margin: 15px 0;
}

.product-thumb:hover .product-card-desc {
  display: none;
}

.product-thumb:hover .product-card-stepper {
  display: flex;
}

/* Blog post carousel: description single line */
.swiper-slide .post-thumb .description {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-thumb .read-time {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Homepage module-blocks-331: button border + max width */
.module-blocks-331 .btn,
.module-blocks-329 .btn {
  border: 1px solid var(--color-primary) !important;
  max-width: 300px !important;
  width: 100%;
  background-color: transparent !important;
  color: var(--color-quaternary) !important;
}

.module-blocks-331 .btn:hover,
.module-blocks-329 .btn:hover {
  background-color: #510d01 !important;
  color: #fff !important;
}

.module-blocks-331 .btn:hover:after,
.module-blocks-329 .btn:hover:after {
  color: #fff !important
}


.product-thumb .product-hover-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  min-height: 28px;
  /* reserve space to avoid layout shift */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 180ms ease;
}

.product-thumb:hover .product-hover-actions {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.product-thumb .product-hover-actions .btn {
  margin: 0 !important;
}

/* Product card "Buy" button typography */
.product-thumb .btn-cart,
.product-thumb .btn-cart .btn-text {
  font-family: var(--font) !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  padding: 1rem !important;
}

.btn-cart:hover {
  box-shadow: none !important;
}

/* (removed) keep add-to-cart after price */

/* Single product page: wishlist/compare on image top-right */
#product-product .product-left .product-image,
.product-info .product-left .product-image {
  position: relative !important;
}

#product-product .product-left .wishlist-compare-image,
.product-info .product-left .wishlist-compare-image {
  position: absolute !important;
  top: 22px !important;
  right: 22px !important;
  display: flex !important;
  flex-direction: row-reverse;
  gap: 24px !important;
}

.wishlist-compare {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

/* Image overlay: icon-only mm-btn — keep labels for a11y, hide visually */
.wishlist-compare-image .mm-btn .btn-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Inline SVG wishlist/compare/more-details icons */
.mm-wish-compare-btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
}

.mm-wish-compare-btn__icon svg {
  display: block;
  width: 22px;
  height: 22px;
}

.wishlist-compare-image .mm-btn.btn-wishlist.mm-wish-compare-btn::before,
.wishlist-compare-image .mm-btn.btn-compare.mm-wish-compare-btn::before,
.wishlist-compare--quickview .mm-btn.btn-wishlist.mm-wish-compare-btn::before,
.wishlist-compare--quickview .mm-btn.btn-compare.mm-wish-compare-btn::before {
  display: none !important;
  content: none !important;
}

/* PDP image overlay only: borderless icon buttons (beats Journal .btn-wishlist skin) */
html body #product-product .product-left .wishlist-compare-image a.mm-btn,
html body .product-info .product-left .wishlist-compare-image a.mm-btn,
html body #product-product .product-left .wishlist-compare-image a.mm-btn:hover,
html body .product-info .product-left .wishlist-compare-image a.mm-btn:hover,
html body #product-product .product-left .wishlist-compare-image a.mm-btn:active,
html body .product-info .product-left .wishlist-compare-image a.mm-btn:active,
html body #product-product .product-left .wishlist-compare-image a.mm-btn:focus,
html body .product-info .product-left .wishlist-compare-image a.mm-btn:focus {
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  text-transform: none !important;
}

html body #product-product .product-left .wishlist-compare-image a.mm-btn:focus,
html body .product-info .product-left .wishlist-compare-image a.mm-btn:focus {
  outline: none !important;
}

html body #product-product .product-left .wishlist-compare-image a.mm-btn:focus-visible,
html body .product-info .product-left .wishlist-compare-image a.mm-btn:focus-visible {
  outline: 1px solid var(--color-primary, #510d02) !important;
  outline-offset: 2px;
}

/* Quickview footer: square bordered icon-only mm-btn */
html.popup.route-product-product.popup-quickview .button-group-page .wishlist-compare--quickview {
  gap: 0.5rem;
  flex-shrink: 0;
  align-self: center;
}

html.popup.route-product-product.popup-quickview .wishlist-compare--quickview .mm-btn.mm-quickview-action-btn {
  margin: 0 !important;
  padding: 0 !important;
  width: 51px !important;
  height: 51px !important;
  min-width: 51px !important;
  min-height: 51px !important;
  line-height: 1 !important;
  font-size: 0 !important;
  text-transform: none !important;
  flex-shrink: 0;
}

html.popup.route-product-product.popup-quickview .wishlist-compare--quickview .mm-btn.mm-quickview-action-btn .btn-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Quickview iframe: avoid clipping stacked content around the footer action row */
html.popup.route-product-product.popup-quickview .product-details,
html.popup.route-product-product.popup-quickview .button-group-page,
html.popup.route-product-product.popup-quickview .buttons-wrapper,
html.popup.route-product-product.popup-quickview .wishlist-compare--quickview {
  overflow: visible !important;
}

.head-title {
  font-size: 40px;
  color: #181818;
  margin-bottom: 20px;
}

.head-subtitle {
  font-size: 18px;
  color: #181818;
  margin-bottom: 30px !important;
}

.head-small {
  font-size: 22px;
  color: #510D02;
  margin-bottom: 10px;
  display: block;
}

.product-info .button-group-page .stepper {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.product-hover-actions {
  position: absolute;
  right: 0
}

.swiper-container {
  padding-bottom: 20px;
}

.module-blog_posts-grid .post-thumb .post-stats {
  position: relative !important;
  transform: none !important;
  background-color: transparent;
  display: none;
}

.read-time {
  color: var(--color-primary);
  font-family: var(--font);
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}

.category-thumb .name {
  margin: 1rem 0 1rem 0 !important;
}
.category-thumb .name a {
  text-align: left !important;
  font-family: var(--font) !important;
  font-size: 15px !important;
}
.category-thumb .buttons {
  display: flex;
  margin: 0 !important;
  justify-content: flex-start;
}
.category-thumb .buttons .btn-view-more:hover,
.category-thumb .buttons .btn-view-more:active,
.category-thumb .buttons .btn-view-more:focus {
  color: var(--color-quaternary, #181818) !important;
}

.module-products-344 .product-card-meta,
.module-products-345 .product-card-meta {
  padding: 0 !important
}

.module-products-344 .caption,
.module-products-345 .caption {
  padding: 0 !important;
}

.module-products-344 .product-card-meta .product-card-title,
.module-products-345 .product-card-meta .product-card-title {
  order: 2;
  text-align: left !important;
}

.module-products-344 .product-card-meta .product-card-desc,
.module-products-345 .product-card-meta .product-card-desc {
  order: 1;
  text-align: left;
}

.module-products-344 .product-card-meta,
.module-products-345 .product-card-meta {
  flex-direction: column;
  display: flex;
}

.module-products-344 .product-thumb:hover .product-card-desc,
.module-products-345 .product-thumb:hover .product-card-desc {
  display: block;
}

.module-products-344 .product-thumb:hover .product-card-stepper,
.module-products-345 .product-thumb:hover .product-card-stepper {
  display: none;
}

.module-products-344 .price,
.module-products-345 .price {
  padding: 0 !important
}

.module-products-344 .product-grid.product-grid .product-thumb .button-group,
.module-products-345 .product-grid.product-grid .product-thumb .button-group {
  border: 0 !important;
}

.module-products-344 .product-layout.swiper-slide,
.module-products-345 .product-layout.swiper-slide {
  box-shadow: none;
}

.module-products-344 .product-card-desc,
.module-products-345 .product-card-desc {
  margin: 38px 0 0;
}

.module-products-344 .product-card-title a,
.module-products-345 .product-card-title a {
  font-family: var(--font);
  font-weight: 500 !important;
  font-size: 22px !important;
  line-height: 130% !important;
  letter-spacing: 0%;
}

/* Product module grids: block price, left-aligned, no margins (ref. module-products-253) */
.module-products-253 .product-grid .product-thumb .price,
.module-products-343 .product-grid .product-thumb .price,
.module-products-344 .product-grid .product-thumb .price,
.module-products-345 .product-grid .product-thumb .price {
  display: block;
  font-family: var(--font);
  font-weight: 500;
  font-size: 15px !important;
  line-height: 1.35 !important;
  width: auto;
  margin: 0 !important;
  text-align: left;
  padding: 8px;
  padding-top: 0;
  box-sizing: border-box;
}

.module-products-253 .product-grid .product-thumb .price > div,
.module-products-343 .product-grid .product-thumb .price > div,
.module-products-344 .product-grid .product-thumb .price > div,
.module-products-345 .product-grid .product-thumb .price > div {
  display: block !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
  align-content: unset !important;
  align-items: unset !important;
  justify-content: unset !important;
  margin: 0 !important;
}

.module-products-253 .product-grid .product-thumb .price .price-new,
.module-products-253 .product-grid .product-thumb .price .price-old,
.module-products-253 .product-grid .product-thumb .price .price-normal,
.module-products-253 .product-grid .product-thumb .price .price-tax,
.module-products-343 .product-grid .product-thumb .price .price-new,
.module-products-343 .product-grid .product-thumb .price .price-old,
.module-products-343 .product-grid .product-thumb .price .price-normal,
.module-products-343 .product-grid .product-thumb .price .price-tax,
.module-products-344 .product-grid .product-thumb .price .price-new,
.module-products-344 .product-grid .product-thumb .price .price-old,
.module-products-344 .product-grid .product-thumb .price .price-normal,
.module-products-344 .product-grid .product-thumb .price .price-tax,
.module-products-345 .product-grid .product-thumb .price .price-new,
.module-products-345 .product-grid .product-thumb .price .price-old,
.module-products-345 .product-grid .product-thumb .price .price-normal,
.module-products-345 .product-grid .product-thumb .price .price-tax {
  margin: 0 !important;
}

.module-products-253 .product-grid .product-thumb .price .price-new,
.module-products-253 .product-grid .product-thumb .price .price-old,
.module-products-253 .product-grid .product-thumb .price .price-normal,
.module-products-343 .product-grid .product-thumb .price .price-new,
.module-products-343 .product-grid .product-thumb .price .price-old,
.module-products-343 .product-grid .product-thumb .price .price-normal,
.module-products-344 .product-grid .product-thumb .price .price-new,
.module-products-344 .product-grid .product-thumb .price .price-old,
.module-products-344 .product-grid .product-thumb .price .price-normal,
.module-products-345 .product-grid .product-thumb .price .price-new,
.module-products-345 .product-grid .product-thumb .price .price-old,
.module-products-345 .product-grid .product-thumb .price .price-normal {
  display: block;
  font-size: inherit !important;
  line-height: inherit !important;
}

.module-products-344 .tab-container .nav-tabs,
.module-products-345 .tab-container .nav-tabs {
  margin: 0 auto;
  max-width: 1030px;
}

.module-products-344 .product-thumb .product-hover-actions,
.module-products-345 .product-thumb .product-hover-actions,
.module-products-343 .product-thumb .product-hover-actions {
  opacity: 1 !important;
  right: 27px;
  top: 25px;
}

.module-products-344 .product-thumb .wish-group,
.module-products-345 .product-thumb .wish-group,
.module-products-343 .product-thumb .wish-group {
  gap: 32px;
}

.module-products-344 .product-thumb .image,
.module-products-344 .product-grid .product-thumb .product-img>div,
.module-products-344 .product-grid .product-thumb .product-img>div img {
  height: 382px !important;
  object-fit: cover;
}

.module-products-345 .product-grid .product-thumb .btn-compare::before,
.module-products-345 .product-grid .product-thumb .btn-wishlist::before {
  background-color: #000000 !important;
}

.module-products .mm-products-carousel__nav div::before {
  font-size: 20px !important;
}

/* Blocks/accordion carousels: sit beside module title row (not tab-header layout) */
.module-products .module-item:not(.tab-pane) .mm-products-carousel__nav {
  top: -46px !important;
}

.module-products .module-item:not(.tab-pane) .mm-products-carousel__nav .swiper-button-prev {
  right: 72px !important;
}

.module-products-343 .btn-wishlist,
.module-products-343 .btn-compare {
  background-color: transparent;
}

.module-products-343 .product-thumb .product-card-title,
.module-products-343 .product-thumb .product-card-title a,
.module-products-343 .product-card-desc {
  text-align: left !important;
}

.module-products-343 .product-card-meta {
  margin-top: 38px;
  padding: 0 !important;
}

.module-products .module-item:not(.tab-pane) .mm-products-carousel__nav > div {
  background-color: transparent;
}

.module-products-343 .product-thumb:hover .product-card-desc {
  display: block;
}

.module-products-343 .btn.btn-wishlist,
.module-products-343 .btn.btn-compare {
  background: transparent !important;
}

/* Header container: 1589px at desktop (Figma 1728px) */
@media (min-width: 1025px) {
  .site-wrapper>header .header .top-bar,
  .site-wrapper>header .header .mid-bar {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2.5%;
    padding-right: 2.5%;
    box-sizing: border-box;
  }
}

/* Homepage fullscreen slider: match Figma layout (1589px, vertical bullets left, 3-panel look) */
@media (min-width: 1025px) {

  .site-wrapper .fullscreen-slider,
  .site-wrapper .module-fullscreen_slider.fullscreen-slider {
    max-width: 1589px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }

  .site-wrapper .fullscreen-slider .master-slider,
  .site-wrapper .module-fullscreen_slider .master-slider {
    max-width: 1589px;
    margin: 0 auto;
  }

  .desktop-header-active header:not(.header-slim) .header-compact {
    max-width: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .desktop-header-active header:not(.header-slim) .header-compact .mid-bar {
    max-width: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    z-index: 99;
  }

  /* Vertical bullets on the left with white line + dot (selected: reddish outline) */
  .site-wrapper .fullscreen-slider .ms-bullets,
  .site-wrapper .module-fullscreen_slider .ms-bullets {
    left: 24px !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%);
    flex-direction: column;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .site-wrapper .fullscreen-slider .ms-bullets::before,
  .site-wrapper .module-fullscreen_slider .ms-bullets::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(255, 255, 255, 0.8);
    transform: translateX(-50%);
    z-index: 0;
  }

  .site-wrapper .fullscreen-slider .ms-bullet,
  .site-wrapper .module-fullscreen_slider .ms-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
    border: 2px solid transparent;
    position: relative;
    z-index: 1;
    float: none;
  }

  .site-wrapper .fullscreen-slider .ms-bullet-selected,
  .site-wrapper .module-fullscreen_slider .ms-bullet-selected {
    background: transparent;
    border-color: #e8a39b;
    box-shadow: 0 0 0 1px rgba(232, 163, 155, 0.5);
  }
}

/* Custom Mood megamenu (full-width background, inner container, left categories + right panels) */
@media (min-width: 1025px) {
  .mood-megamenu {
    width: 100vw;
    background: #fdf7ec;
  }

  .mood-megamenu-inner {
    max-width: 1589px;
    margin: 0 auto;
    display: flex;
    gap: 60px;
    padding: 32px 0 40px;
  }

  .mood-megamenu-cats {
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 260px;
  }

  .mood-megamenu-cat {
    margin-bottom: 6px;
  }

  .mood-megamenu-cat>a {
    display: block;
    font-family: var(--font);
    font-weight: 600;
    color: #1b1917;
  }

  .mood-megamenu-sub {
    list-style: none;
    margin: 2px 0 0 0;
    padding: 0 0 0 14px;
  }

  .mood-megamenu-sub a {
    font-weight: 400;
    color: #1b1917;
  }

  .mood-megamenu-panels {
    flex: 1;
  }

  .mood-megamenu-panel {
    display: none;
  }

  .mood-megamenu-panel.is-active {
    display: block;
  }

  .mood-megamenu-panel-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  .mood-megamenu-panel-item img {
    width: 100%;
    height: auto;
    display: block;
  }

  .mood-megamenu-panel-item span {
    display: block;
    margin-top: 8px;
    text-align: center;
    font-family: var(--font);
  }
}

/* Social icons – PNG backgrounds (original behavior) */
body .top-menu .j-menu li.social-instagram>a::before,
body .top-menu .j-menu li.social-facebook>a::before,
body .top-menu .j-menu li.social-youtube>a::before,
body .top-menu .j-menu li.social-tiktok>a::before,
body .top-menu .j-menu li.social-pinterest>a::before,
body .top-menu .j-menu li.social-linkedin>a::before {
  content: '' !important;
  display: inline-block !important;
  width: 18px !important;
  max-height: 20px !important;
  height: 20px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

body .top-menu .j-menu li.social-instagram>a::before {
  background-image: url('/image/social/instagram.png') !important;
}

body .top-menu .j-menu li.social-facebook>a::before {
  background-image: url('/image/social/facebook.png') !important;
}

body .top-menu .j-menu li.social-youtube>a::before {
  background-image: url('/image/social/youtube.png') !important;
}

body .top-menu .j-menu li.social-tiktok>a::before {
  background-image: url('/image/social/tiktok.png') !important;
}

body .top-menu .j-menu li.social-pinterest>a::before {
  background-image: url('/image/social/pinterest.png') !important;
}

body .top-menu .j-menu li.social-linkedin>a::before {
  background-image: url('/image/social/linkedin.png') !important;
}

.product_tabs .nav-tabs {
  justify-content: space-between !important;
  border: none !important;
  border-bottom: 1px solid #d0d0d0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.module-body .nav-tabs {
  justify-content: flex-start !important;
  border: none !important;
  border-bottom: 1px solid #d0d0d0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.product_tabs .nav-tabs > li,
.module-body .nav-tabs > li {
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
}

/* Journal tabs.json can add borders / ::after indicators on li — remove stray vertical edges */
.product_tabs .nav-tabs > li::before,
.product_tabs .nav-tabs > li::after,
.module-body .nav-tabs > li::before,
.module-body .nav-tabs > li::after {
  display: none !important;
  content: none !important;
  border: none !important;
  box-shadow: none !important;
}

.product_tabs .tabs-container,
.module-body .tabs-container {
  border: none !important;
  box-shadow: none !important;
}

.route-product-product:not(.popup) .product_tabs {
  margin-top: 100px !important;
}

.product_tabs .tab-content {
  padding-top: 40px !important;
}

.desktop-header-active.route-common-home .header .mid-bar,
.desktop-header-active.route-common-home .desktop-main-menu-wrapper,
.desktop-header-active.route-common-home .mega-menu-content,
.desktop-header-active.route-common-home .mega-menu-content .grid-cols {
  max-width: 100%;
}

.product_extra .nav.nav-tabs a {
  font-size: 28px;
  color: #00000080;
  font-family: var(--font) !important;
  padding: 0 0 2rem 0 !important;
}

.product_extra .block-body {
  margin: 0 0 2rem 0 !important;
}

.expand-block .block-wrapper {
  font-size: 20px;
}

.mega-menu-content .grid-cols {
  max-width: 1589px !important;
}

.mega-menu-content {
  max-width: 100%;
}
.mega-menu-content .catalog-title {
  color: var(--color-quaternary) !important;
  transition: color .2s ease;
} .mega-menu-content .catalog-title:hover {
  color: var(--color-primary) !important;
}

.product-details .page-title {
  font-family: var(--font) !important;
}

.product-left .btn-wishlist,
.product-left .btn-compare {
  text-decoration: none;
  z-index: 13 !important;
}

.product-left .btn-compare::before,
.product-left .compare-btn::before {
  color: #232323;
  font-size: 20px;
}

/* Product grid/cards: custom wishlist icon */
.product-thumb .btn-wishlist::before {
  content: "" !important;
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  -webkit-mask: url("/image/icons/wishlist-custom.svg") no-repeat center / contain !important;
  mask: url("/image/icons/wishlist-custom.svg") no-repeat center / contain !important;
  background-color: var(--color-quaternary) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  vertical-align: middle;
}

/* Product grid/cards: custom compare icon */
.product-thumb .btn-compare::before,
.product-thumb .compare-btn::before {
  content: "" !important;
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  -webkit-mask: url("/image/icons/compare-custom.svg") no-repeat center / contain !important;
  mask: url("/image/icons/compare-custom.svg") no-repeat center / contain !important;
  background-color: var(--color-quaternary) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  vertical-align: middle;
}

/* Homepage (module-products-334): use background-image icons (not mask) */
body.route-common-home .module-products-334 .product-thumb a.btn.btn-wishlist::before,
html.route-common-home body .module-products-334 .product-thumb a.btn.btn-wishlist::before,
body.route-common-home .module-products-334.module-products-grid a.btn.btn-wishlist::before,
html.route-common-home body .module-products-334.module-products-grid a.btn.btn-wishlist::before {
  content: "" !important;
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  background: url("/image/icons/wishlist-custom.svg") no-repeat center / contain !important;
  background-color: transparent !important;
  -webkit-mask: none !important;
  mask: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  vertical-align: middle;
  filter: brightness(0) saturate(100%) !important;
}

body.route-common-home .module-products-334 .product-thumb a.btn.btn-compare::before,
html.route-common-home body .module-products-334 .product-thumb a.btn.btn-compare::before,
body.route-common-home .module-products-334.module-products-grid a.btn.btn-compare::before,
html.route-common-home body .module-products-334.module-products-grid a.btn.btn-compare::before {
  content: "" !important;
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  background: url("/image/icons/compare-custom.svg") no-repeat center / contain !important;
  background-color: transparent !important;
  -webkit-mask: none !important;
  mask: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  vertical-align: middle;
  filter: brightness(0) saturate(100%) !important;
}

.module-products-334 .product-grid .product-thumb .btn-cart .btn-text {
  padding: 0 !important;
}

/* Homepage (module-products-334): beat theme hover priority for wishlist/compare */
body.route-common-home .module-products-334 .product-grid .product-thumb a.btn.btn-wishlist:hover::before,
html.route-common-home body .module-products-334 .product-grid .product-thumb a.btn.btn-wishlist:hover::before {
  content: "" !important;
  background: url("/image/icons/wishlist-custom.svg") no-repeat center / contain !important;
  background-color: transparent !important;
  -webkit-mask: none !important;
  mask: none !important;
  filter: brightness(0) invert(1) !important;
}

body.route-common-home .module-products-334 .product-grid .product-thumb a.btn.btn-compare:hover::before,
html.route-common-home body .module-products-334 .product-grid .product-thumb a.btn.btn-compare:hover::before {
  content: "" !important;
  background: url("/image/icons/compare-custom.svg") no-repeat center / contain !important;
  background-color: transparent !important;
  -webkit-mask: none !important;
  mask: none !important;
  filter: brightness(0) invert(1) !important;
}

.wish-group {
  flex-direction: row-reverse;
}

.btn-danger.btn {
  background: var(--color-primary, rgba(81, 13, 1, 1)) !important;
}

/*
 * Icon-only wishlist/compare (class `mm-wish-compare-icon` on anchors in twig):
 * Journal/Bootstrap `.btn` + skin often set a solid background on :focus/:active — neutralize via a dedicated hook.
 */
html body a.mm-wish-compare-icon,
html body a.mm-wish-compare-icon.btn {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
  filter: none !important;
  -webkit-tap-highlight-color: transparent;
  z-index: 50 !important;
}

html body a.mm-wish-compare-icon:hover,
html body a.mm-wish-compare-icon:active,
html body a.mm-wish-compare-icon:focus,
html body a.mm-wish-compare-icon:focus:hover {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
  filter: none !important;
}

html body a.mm-wish-compare-icon:focus {
  outline: none !important;
}

html body a.mm-wish-compare-icon:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
  outline: none !important;
  outline-offset: 3px;
}

/* Same hook + Journal paths (beats skin `.product-thumb .btn…` specificity on cards) */
html body .main-products.product-grid .product-thumb a.mm-wish-compare-icon:hover,
html body .main-products.product-grid .product-thumb a.mm-wish-compare-icon:active,
html body .main-products.product-grid .product-thumb a.mm-wish-compare-icon:focus,
html body .product-grid .product-thumb a.mm-wish-compare-icon:hover,
html body .product-grid .product-thumb a.mm-wish-compare-icon:active,
html body .product-grid .product-thumb a.mm-wish-compare-icon:focus,
html body .side-product a.mm-wish-compare-icon:hover,
html body .side-product a.mm-wish-compare-icon:active,
html body .side-product a.mm-wish-compare-icon:focus {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
  filter: none !important;
}

html body .main-products.product-grid .product-thumb a.mm-wish-compare-icon.mm-card-icon-btn:focus,
html body .product-grid .product-thumb a.mm-wish-compare-icon.mm-card-icon-btn:focus,
html body .side-product a.mm-wish-compare-icon.mm-card-icon-btn:focus {
  background-image: none !important;
}

.product-grid .product-layout .product-thumb {
  background-color: #fff;
  box-shadow: var(--p-shadow-base) !important;
}

.product-info .product-details {
  gap: .5rem;
}

@media (max-width: 1024px) {
  .product-info .product-details {
    margin-top: 2rem;
  }
}

.product-layout.swiper-slide {
  box-shadow: 0px 0px 5px 2px #3F3F440D;
}

.product-layout .product-card-meta {
  padding: 0 25px;
}

.product-layout .caption {
  padding: 1rem 0 4rem 0;
  gap: 1rem;
  height: auto;
  justify-content: space-between;
  min-height: 0;
}

.product-info .product-details .rating {
  border: 0 !important;
}

.product-info .product-details .stepper-group {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: none;
  gap: .5rem;
}

.product-price {
  font-family: var(--font);
  font-weight: 700;
  font-size: 28px;
  line-height: 130%;
}

/* Journal sets .name as flex — use block so titles wrap fully without clipping descenders */
.product-thumb .name {
  display: block !important;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  width: 100%;
  align-self: stretch;
  overflow: visible;
  text-align: center;
}

.product-thumb .name a {
  color: var(--color-quaternary) !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  padding: 0 1rem !important;
  display: block !important;
  overflow: visible;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
  text-align: center !important;
  line-height: 1.35;
}

.product-list .product-thumb .name a {
  text-align: left !important;
}

.product-thumb .description {
  color: var(--color-quaternary) !important;
  font-size: 18px !important;
  padding: 0 1rem !important;
  margin: 0 !important;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  overflow: visible;
  display: block;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
  text-align: center;
  border: none !important;
  line-height: 1.4;
}

.product-list .product-thumb .description {
  text-align: left !important;
}
.product-thumb .product-card-title {
  display: block !important;
  min-width: 0;
  width: 100%;
  overflow: visible;
}

.product-thumb .product-card-title a {
  color: var(--color-quaternary) !important;
  font-family: var(--font) !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none;
  display: block !important;
  overflow: visible;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.product-thumb .caption .price,
.product-thumb .caption .price .price-normal,
.product-thumb .caption .price .price-new {
  color: var(--color-primary) !important;
  font-family: var(--font) !important;
  font-weight: 500 !important;
  font-size: 24px !important;
  line-height: 130% !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}
.product-thumb .price-old {
  font-size: 20px !important;
  line-height: 130% !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

/* Product cards: `mm-card-icon-btn` on anchors in product_card.twig / side_products.twig.
   Journal Skin ships `.main-products.product-grid .product-thumb .btn-wishlist.btn:hover { background … !important }`;
   `html body` + `.mm-card-icon-btn` wins in cascade for same !important. */
html body .main-products.product-grid .product-thumb a.mm-card-icon-btn.btn-wishlist,
html body .main-products.product-grid .product-thumb a.mm-card-icon-btn.btn-compare,
html body .product-grid .product-thumb a.mm-card-icon-btn.btn-wishlist,
html body .product-grid .product-thumb a.mm-card-icon-btn.btn-compare,
html body .side-product a.mm-card-icon-btn.btn-wishlist,
html body .side-product a.mm-card-icon-btn.btn-compare {
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
  transition: all .2s;
  background: transparent !important;
  background-color: transparent !important;
}

html body .main-products.product-grid .product-thumb a.mm-card-icon-btn.btn-wishlist:hover,
html body .main-products.product-grid .product-thumb a.mm-card-icon-btn.btn-wishlist:active,
html body .main-products.product-grid .product-thumb a.mm-card-icon-btn.btn-wishlist:focus,
html body .main-products.product-grid .product-thumb a.mm-card-icon-btn.btn-compare:hover,
html body .main-products.product-grid .product-thumb a.mm-card-icon-btn.btn-compare:active,
html body .main-products.product-grid .product-thumb a.mm-card-icon-btn.btn-compare:focus,
html body .product-grid .product-thumb a.mm-card-icon-btn.btn-wishlist:hover,
html body .product-grid .product-thumb a.mm-card-icon-btn.btn-wishlist:active,
html body .product-grid .product-thumb a.mm-card-icon-btn.btn-wishlist:focus,
html body .product-grid .product-thumb a.mm-card-icon-btn.btn-compare:hover,
html body .product-grid .product-thumb a.mm-card-icon-btn.btn-compare:active,
html body .product-grid .product-thumb a.mm-card-icon-btn.btn-compare:focus,
html body .side-product a.mm-card-icon-btn.btn-wishlist:hover,
html body .side-product a.mm-card-icon-btn.btn-wishlist:active,
html body .side-product a.mm-card-icon-btn.btn-wishlist:focus,
html body .side-product a.mm-card-icon-btn.btn-compare:hover,
html body .side-product a.mm-card-icon-btn.btn-compare:active,
html body .side-product a.mm-card-icon-btn.btn-compare:focus {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--color-quaternary) !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Focus (incl. mouse): strip Bootstrap/Journal `.btn:focus` fill and focus-ring shadow — not :focus-visible (keyboard below) */
html body .main-products.product-grid .product-thumb a.mm-card-icon-btn.btn-wishlist:focus,
html body .main-products.product-grid .product-thumb a.mm-card-icon-btn.btn-compare:focus,
html body .product-grid .product-thumb a.mm-card-icon-btn.btn-wishlist:focus,
html body .product-grid .product-thumb a.mm-card-icon-btn.btn-compare:focus,
html body .side-product a.mm-card-icon-btn.btn-wishlist:focus,
html body .side-product a.mm-card-icon-btn.btn-compare:focus {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--color-quaternary) !important;
  box-shadow: none !important;
  border-color: transparent !important;
  outline: none !important;
  filter: none !important;
  -webkit-tap-highlight-color: transparent;
}

html body .main-products.product-grid .product-thumb a.mm-card-icon-btn.btn-wishlist:focus-visible,
html body .main-products.product-grid .product-thumb a.mm-card-icon-btn.btn-compare:focus-visible,
html body .product-grid .product-thumb a.mm-card-icon-btn.btn-wishlist:focus-visible,
html body .product-grid .product-thumb a.mm-card-icon-btn.btn-compare:focus-visible,
html body .side-product a.mm-card-icon-btn.btn-wishlist:focus-visible,
html body .side-product a.mm-card-icon-btn.btn-compare:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--color-quaternary) !important;
  box-shadow: none !important;
  border-color: transparent !important;
  filter: none !important;
  outline: none !important;
  outline-offset: 3px;
}

.product-thumb .btn-wishlist.btn,
.product-thumb .btn-compare.btn {
  border: 0 !important;
  margin: 0 !important;
}

.product-grid .product-thumb .button-group {
  display: inline-flex;
  flex-direction: column;
  gap: 1rem;
  background: none !important;
}
.product-grid .product-thumb .button-group a {
  flex-grow: 1;
}

.product-thumb .central {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 0 3rem;
}

/* Buy now */
.product-thumb .central .btn-cart {
  width: 100% !important;
  border-radius: 0 !important;
  color: var(--color-icon-primary) !important;
  background-color: var(--color-primary) !important;
  padding: 15.02px 41.75px !important;
}

.product-thumb .cart-group {
  width: 100% !important;
  flex-direction: row !important;
}

body .product-grid.product-grid .product-thumb .buttons-wrapper {
  position: relative !important;
  left: 0 !important;
  transform: none !important;
  overflow: unset !important;
}

.product-grid.product-grid .product-thumb .buttons-wrapper .button-group {
  opacity: 1 !important;
  visibility: visible !important;
  transform: unset !important;
  padding: 0 !important
}

.product-grid.product-grid .product-thumb .buttons-wrapper .button-group .btn-cart {
  background-color: var(--color-primary);
  color: var(--color-tertiary, #fdfdfd);
  border-radius: 0 !important;
  padding: 10.02px 41.75px !important;
  height: 40px;
}

/* Stepper */
html body .quick-checkout-wrapper .stepper,
.stepper {
  width: auto !important;
  border: none !important;
  border-radius: 0 !important;
  gap: 0 !important;
  border: 1px solid rgba(24, 24, 24, 0.3) !important;
  filter: drop-shadow(0px 2.41367px 1.20683px rgba(0, 0, 0, 0.05)) drop-shadow(0px 0px 1.20683px rgba(0, 0, 0, 0.25));
}
html body .quick-checkout-wrapper .stepper input.form-control,
.stepper input.form-control {
  width: 40px !important;
  max-width: 100px !important;
  padding: 4px !important;
  color: var(--color-primary) !important;
  font-size: 16px !important;
  border: none !important;
  background: rgba(255, 255, 255, 1) !important;
  background-color: rgba(255, 255, 255, 1) !important;
}
html body .quick-checkout-wrapper .stepper span,
.stepper span {
  position: relative !important;
  background: rgba(255, 255, 255, 1) !important;
  background-color: rgba(255, 255, 255, 1) !important;
  border: none !important;
  box-shadow: none !important;
}
html body .quick-checkout-wrapper .stepper span i,
.stepper span i {
  color: var(--color-primary) !important;
  background-color: transparent !important;
  font-size: 20px !important;
  padding: 4px !important;
  border: none !important;
}
html body .quick-checkout-wrapper .stepper span i:active,
.stepper span i:active {
  box-shadow: none !important;
}

/* Checkout scroll/selection artefacts: avoid filter-based shadows on stepper controls */
html.route-checkout-checkout body .quick-checkout-wrapper .stepper,
body.route-checkout-checkout .quick-checkout-wrapper .stepper {
  filter: none !important;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.25) !important;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

html.route-checkout-checkout body .quick-checkout-wrapper .stepper span,
html.route-checkout-checkout body .quick-checkout-wrapper .stepper span i,
body.route-checkout-checkout .quick-checkout-wrapper .stepper span,
body.route-checkout-checkout .quick-checkout-wrapper .stepper span i {
  -webkit-user-select: none;
  user-select: none;
}

html.route-checkout-checkout body .quick-checkout-wrapper .cart-section .table-responsive,
html.route-checkout-checkout body .quick-checkout-wrapper .cart-section table,
body.route-checkout-checkout .quick-checkout-wrapper .cart-section .table-responsive,
body.route-checkout-checkout .quick-checkout-wrapper .cart-section table {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

/* Checkout: no outlines on cart/stepper controls */
html.route-checkout-checkout body .quick-checkout-wrapper .cart-section *:focus,
body.route-checkout-checkout .quick-checkout-wrapper .cart-section *:focus,
html.route-checkout-checkout body .quick-checkout-wrapper .stepper *:focus,
body.route-checkout-checkout .quick-checkout-wrapper .stepper *:focus {
  outline: none !important;
}

.route-product-product #content {
  padding: 0;
}
.route-product-product #content .page-title {
  padding-left: 0;
  padding-right: 0;
  text-align: left !important;
  line-height: 4.5rem;
}

#product-product {
  max-width: 1588px;
}

/* Journal layout regions (content_bottom.twig, bottom.twig): same max width as #product-product / main column */
.mm-content-bottom.mm-journal-region,
.mm-bottom.mm-journal-region {
  max-width: 1588px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* PDP: no extra horizontal padding on Journal regions — `#product-product` / `#content` gutters are enough */
.route-product-product:not(.popup) .mm-journal-region {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Product page: Journal modules in `content_bottom` — grid strip + Products module spacing (Figma) */
.route-product-product:not(.popup) #product-product .mm-content-bottom .grid-items > .grid-item:has(.module-products),
.route-product-product:not(.popup) #product-product .mm-content-bottom .grid-items > div:has(.module-products) {
  padding: 0 !important;
  margin: 0 !important;
}

/* Row `width` in Journal becomes max-width on .grid-cols (e.g. 1280px) — fill the 1588px region, not a narrower strip */
.route-product-product:not(.popup) #product-product .mm-content-bottom .grid-cols,
.mm-bottom .grid-cols {
  max-width: 100% !important;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.product-info {
  max-width: 1471px;
  margin: 0 auto;
}
.product-info .product-options .option-value {
  margin: 0 !important;
  padding: 1rem 2rem !important;
}

/* PDP: full-width product column — do not center a narrower strip vs breadcrumb / container gutter */
.route-product-product:not(.popup) .product-info {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#product-product .product-labels {
  left: 0 !important;
  position: absolute;
}

.route-product-product:not(.popup) .product-info .product-left {
  position: relative;
  background-color: transparent !important;
  padding: 0;
}
.product-info .product-details .brand-image a{
  padding: 0!important;
}
.product-info .product-manufacturer.brand-image{
  margin:0
}

.route-product-product:not(.popup) .product-info .product-price-group {
  padding:0!important;
  margin:0!important;
}

.route-product-product:not(.popup) .product-info .button-group-page .btn-cart .btn-text, 
.product-info .button-group-page .extra-group .btn:first-child .btn-text{
  font-size: 14px;
}

.route-product-product:not(.popup) .product-info .button-group-page .btn-cart {
  color: var(--color-background-primary) !important;
  background-color: var(--color-primary) !important;
  border-radius: 0 !important;
  border-color: var(--color-primary) !important;
}
.route-product-product:not(.popup) .product-info .button-group-page .btn-cart::before {
  display: none !important;
}

.module-newsletter-67 .input-group .input-group-btn .btn {
  font-family: var(--font) !important;
}

.nav-tabs a {
  font-family: var(--font) !important;
}

.product-layout.swiper-slide {
  box-shadow: none;
}

.module-products-343 .product-layout .caption {
  display: none;
}

.swiper-buttons>div {
  background-color: transparent;
}

/*
 * Swiper prev/next: chevrons as mask + `background-color` so tint follows `--color-primary` (set in Journal / theme).
 * SVG strokes must be black for mask alpha; color is not embedded in the data URL.
 */
.swiper-button-prev,
.swiper-button-next {
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  --swiper-nav-color: var(--color-primary, #510d02);
  transition: opacity 0.2s ease, background-color 0.2s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover,
.swiper-button-prev:focus,
.swiper-button-next:focus,
.swiper-button-prev:focus-visible,
.swiper-button-next:focus-visible {
  background-image: none !important;
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.swiper-button-prev:active:not(.swiper-button-disabled),
.swiper-button-next:active:not(.swiper-button-disabled) {
  background-color: var(--swiper-nav-active-bg) !important;
  background: var(--swiper-nav-active-bg) !important;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: none !important;
  display: none !important;
}

.swiper-button-next::before {
  content: "" !important;
  display: inline-block;
  width: 15px;
  height: 27px;
  vertical-align: middle;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.600098 0.600006L10.6001 10.6L0.600098 20.6' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.600098 0.600006L10.6001 10.6L0.600098 20.6' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  background-color: var(--swiper-nav-color) !important;
}

.swiper-button-prev::before {
  content: "" !important;
  display: inline-block;
  width: 15px;
  height: 27px;
  vertical-align: middle;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6001 20.6L0.600097 10.6L10.6001 0.600006' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6001 20.6L0.600097 10.6L10.6001 0.600006' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  background-color: var(--swiper-nav-color) !important;
}

/* Swiper: Journal sets `pointer-events: auto` on disabled arrows — keep them visible (dimmed) but inert so gestures/clicks pass through */
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.5 !important;
  visibility: visible !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}

/* Product extra */
.module-blocks-331 .block-body {
  gap: 70px !important;
}
.product_extra-300 .block-content {
  max-width: 100% !important;
}

/* Swiper buttons (mobile first) */
.module-categories-292 .swiper-buttons {
  top: 43% !important;
  z-index: 13 !important;
}
.module-categories-292 .swiper-button-prev,
.module-categories-292 .swiper-button-next {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background-color: #fff !important;
  box-shadow: var(--p-shadow-base) !important;
}

/* Desktop skeleton */
@media (min-width: 992px) {
  .module-categories-292 .swiper-buttons {
    top: 0 !important;
    left: auto !important;
    right: 0 !important;
    width: auto !important;
    transform: none !important;
  }
  .module-categories-292 .swiper-button-prev,
  .module-categories-292 .swiper-button-next {
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .module-categories-292 .swiper-button-prev {
    left: auto !important;
    right: 62px !important;
    top: 100% !important;
    transform: translateY(-50%) !important;
  }
  .module-categories-292 .swiper-button-next {
    left: auto !important;
    right: 0 !important;
    top: 100% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
  }
}

/* Block-specific alignments */
.block-footer .btn {
  width: 100% !important;
  max-width: 100% !important;
}

/* Expander */
.mm-expand {
  width: 100%;
  font-family: var(--font) !important;
}

/* Collapsed teaser height — keep in sync with `MM_EXPAND_COLLAPSED_PX` in journal3/js/custom.js */
.mm-expand .mm-expand__content {
  max-height: 64px;
  overflow: hidden;
  transition: max-height .5s ease;
}

.mm-expand__toggle {
  display: none;
}

.mm-expand__button {
  display: inline-flex;
  gap: .5rem;
  margin-top: 1rem;
  cursor: pointer;
  text-align: center;
  transition: all 0.2s ease;
}
.mm-expand__button::before {
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26%2011L16%2021L6%2011%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}
.mm-expand__button:hover::before {
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26%2011L16%2021L6%2011%22%20stroke%3D%22%23232323%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
  filter: brightness(0.85);
}
.mm-expand__toggle:checked ~ .mm-expand__button::before {
  transform: rotate(180deg);
}

/* With JS (.mm-expand--js), open/close heights are set inline from scrollHeight so max-height animates over real pixels. */
.mm-expand:not(.mm-expand--js) .mm-expand__toggle:checked + .mm-expand__content {
  max-height: none;
  overflow: visible;
}

/* Label text lives in Twig (bilingual spans); toggled by checkbox */
.mm-expand__label-less {
  display: none;
}

.mm-expand__toggle:checked ~ .mm-expand__button .mm-expand__label-more {
  display: none;
}

.mm-expand__toggle:checked ~ .mm-expand__button .mm-expand__label-less {
  display: inline;
}

/* Which language: matches <html lang="hy-am"> (and other hy-*) — edit strings in product_tabs.twig */
.mm-expand__txt--hy {
  display: none !important;
}

html[lang|="hy"] .mm-expand__txt--en {
  display: none !important;
}

html[lang|="hy"] .mm-expand__txt--hy {
  display: inline !important;
}

/* Desktop */
@media (min-width: 1025px) {

  /* Full-width megamenu dropdown (main nav + header search in .mid-bar) */
  .desktop-main-menu-wrapper .mega-menu > .j-dropdown,
  .mid-bar .mega-menu > .j-dropdown {
    position: absolute;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
  }

  .mid-bar .mega-menu {
    position: static;
  }

  html.desktop:not(.mobile-header-active) .desktop-header-active .mid-bar:has(.mega-menu) {
    overflow: visible;
  }

  /* Invisible top “bridge”: larger padding = taller overlap with the tab row (pairs with mega-fullwidth `> a` padding above) */
  .desktop-main-menu-wrapper .mega-menu.mega-fullwidth > .j-dropdown,
  .mid-bar .mega-menu.mega-fullwidth > .j-dropdown {
    padding-top: 25px !important;
    margin-top: -25px !important;
    box-sizing: border-box;
  }

  .desktop-main-menu-wrapper .mega-menu.mega-fullwidth:hover > .j-dropdown,
  .desktop-main-menu-wrapper .mega-menu.mega-fullwidth.open > .j-dropdown,
  .mid-bar .mega-menu.mega-fullwidth:hover > .j-dropdown,
  .mid-bar .mega-menu.mega-fullwidth.open > .j-dropdown {
    margin-top: -25px !important;
  }

  .desktop-main-menu-wrapper .mega-menu:not(.mega-fullwidth):hover > .j-dropdown,
  .desktop-main-menu-wrapper .mega-menu:not(.mega-fullwidth).open > .j-dropdown {
    margin-top: -12px !important;
  }

  /* Inner container aligned with header width */
  .desktop-main-menu-wrapper .mega-menu > .j-dropdown .mega-menu-content,
  .mid-bar .mega-menu > .j-dropdown .mega-menu-content {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    box-shadow: none !important;
  }

  .mid-bar .mega-menu.mega-fullwidth > .j-dropdown {
    left: 50% !important;
    right: auto !important;
  }

  .desktop-main-menu-wrapper .main-menu .mega-fullwidth > .j-dropdown::before,
  .mid-bar .mega-menu.mega-fullwidth > .j-dropdown::before {
    display: none !important;
  }

  .mini-search #search.mega-menu > .dropdown-menu {
    left: 50% !important;
    right: auto !important;
  }

  .mini-search #search.mega-menu > .dropdown-menu::before {
    display: none !important;
  }

  /* Same open/close motion as main-nav .dropdown (.j-dropdown fade/slide) */
  .mini-search #search.mega-menu > .j-dropdown {
    transform: translate3d(0, -10px, 0);
    opacity: 0;
    transition: transform 0.1s ease-out, opacity 0.1s ease-out, visibility 0.1s ease-out;
  }

  .mini-search #search.mega-menu.animating > .j-dropdown {
    transform: none;
    opacity: 1;
  }

  .module-master_slider-26 .ms-slide {
    position: relative;
  }

  /* Middle text layer (module-subitem-2) as a designed card */
  .module-master_slider-26 .module-item-1 .module-subitem-2.ms-layer-text {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(520px, calc(100% - 48px)) !important;
    max-width: 520px !important;
    z-index: 10 !important;
    padding: 28px 32px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    border-radius: 16px !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.10) !important;
  }

  /* If you also have a separate "shape" layer for the middle block, force it behind the text */
  .module-master_slider-26 .module-item-1 .module-subitem-2.ms-layer-shape {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9 !important;
  }

  /* If your button is a separate layer, keep it above the card */
  .module-master_slider-26 .module-item-1 .ms-btn-container .ms-layer-button {
    z-index: 11 !important;
  }
}

/* Homepage hero master slider (Journal block 339): bullets only (no arrows), all dots on one side */
.site-wrapper .module-master_slider-339 .ms-nav-next,
.site-wrapper .module-master_slider-339 .ms-nav-prev {
  display: none !important;
}

/* Journal often hides bullets on phone/tablet via compiled CSS or ms-ctrl-hide — force visible on touch layouts */
body.mobile .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h,
body.phone .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h,
body.tablet .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h,
body.mobile .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h,
body.phone .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h,
body.tablet .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.mobile .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h.ms-ctrl-hide,
body.phone .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h.ms-ctrl-hide,
body.tablet .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h.ms-ctrl-hide,
body.mobile .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h.ms-ctrl-hide,
body.phone .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h.ms-ctrl-hide,
body.tablet .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h.ms-ctrl-hide {
  display: flex !important;
  opacity: 1 !important;
}

/* Narrow desktop / responsive preview: same overrides when body is still `.desktop` */
@media (max-width: 1024px) {
  .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h,
  .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h.ms-ctrl-hide,
  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h,
  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h.ms-ctrl-hide {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

.site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h {
  position: absolute;
  left: 16px;
  right: auto !important;
  top: 50%;
  bottom: auto !important;
  transform: translateY(-50%);
  width: auto !important;
  max-width: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  z-index: 13;
}

.site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h::before,
.site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h::after {
  content: "";
  width: 2px;
  height: 170px;
  background-color: var(--color-tertiary, #fdfdfd) !important;
  z-index: 0;
}

.site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: static;
  right: auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem !important;
  width: auto !important;
}

.site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h .ms-bullet {
  float: none;
  margin: 0 !important;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-tertiary, #fdfdfd) !important;
  border: 2px solid transparent;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}

.site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h .ms-bullet-selected {
  width: 13px;
  height: 13px;
  background-color: var(--color-secondary) !important;
  outline: 2px solid var(--color-secondary) !important;
  outline-offset: 2px;
}

/* Mobile hero master slider (Journal block 340): same rail as 339; compact dots on narrow phones only */
.site-wrapper .module-master_slider-340 .ms-nav-next,
.site-wrapper .module-master_slider-340 .ms-nav-prev {
  display: none !important;
}

.site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h {
  position: absolute;
  left: 16px;
  right: auto !important;
  top: 50%;
  bottom: auto !important;
  transform: translateY(-50%);
  width: auto !important;
  max-width: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  z-index: 13;
}

.site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h::before,
.site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h::after {
  content: "";
  width: 2px;
  height: 170px;
  background-color: var(--color-tertiary, #fdfdfd) !important;
  z-index: 0;
}

.site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h .ms-bullets-count {
  position: static;
  right: auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem !important;
  width: auto !important;
}

.site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h .ms-bullet {
  float: none;
  margin: 0 !important;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-tertiary, #fdfdfd) !important;
  border: 2px solid transparent;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}

.site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h .ms-bullet-selected {
  width: 13px;
  height: 13px;
  background-color: var(--color-secondary) !important;
  outline: 2px solid var(--color-secondary) !important;
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h {
    gap: 2rem !important;
  }

  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h::before,
  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h::after {
    height: 70px !important;
  }

  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h .ms-bullet {
    width: 4px !important;
    height: 4px !important;
  }

  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h .ms-bullet-selected {
    width: 6px !important;
    height: 6px !important;
  }
}

/* Tablet: compact rail (shorter lines, smaller dots) — desktop keeps full size at 1025px+ */
@media (min-width: 769px) and (max-width: 1024px) {
  .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h,
  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h {
    left: 2.25rem;
    gap: 0.85rem;
  }

  .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h .ms-bullets-count,
  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h .ms-bullets-count {
    gap: 0.6rem;
  }

  .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h::before,
  .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h::after,
  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h::before,
  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h::after {
    height: 48px !important;
  }

  .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h .ms-bullet,
  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h .ms-bullet {
    width: 6px !important;
    height: 6px !important;
  }

  .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h .ms-bullet-selected,
  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h .ms-bullet-selected {
    width: 9px !important;
    height: 9px !important;
    outline-width: 1.5px !important;
    outline-offset: 1.5px;
  }
}

@media (min-width: 1025px) {
  .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h,
  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h {
    left: 4.5rem;
    gap: 5.5rem;
  }

  .site-wrapper .module-master_slider-339 .ms-bullets.ms-dir-h .ms-bullets-count,
  .site-wrapper .module-master_slider-340 .ms-bullets.ms-dir-h .ms-bullets-count {
    gap: 1rem;
  }
}

/* Between desktop and tablet */
@media (min-width: 769px) and (max-width: 1307px) {
  /* Was 90% + centered — breadcrumb/title use full padded width; keep #content flush to that column */
  .route-product-product #content {
    max-width: 100% !important;
    margin: 0 !important;
  }

  .module-products-344 .nav-tabs>li:not(:last-child){
    margin-right:40px!important;
  }

  .product_extra .nav.nav-tabs a {
    font-size: 18px !important;
    padding-bottom: 20px;
    line-height: 100%;
  }

  .product_tabs .nav-tabs>li:not(:last-child),
  .module-body .nav-tabs>li:not(:last-child){
    margin: 0 !important;
    border: none !important;
  }

  .product_tabs .nav-tabs > li > a,
  .product_tabs .nav-tabs > li > a:hover,
  .product_tabs .nav-tabs > li > a:active,
  .product_tabs .nav-tabs > li > a:focus,
  .module-body .nav-tabs > li > a,
  .module-body .nav-tabs > li > a:hover,
  .module-body .nav-tabs > li > a:active,
  .module-body .nav-tabs > li > a:focus {
    box-shadow: none !important;
  }
  .product_tabs .nav-tabs > li > a,
  .module-body .nav-tabs > li > a {
    font-size: 18px !important;
  }

  .product_tabs .nav-tabs > li.active > a, .product_tabs .nav-tabs > li.active > a:hover, .product_tabs .nav-tabs > li > a:focus, .product_tabs .nav-tabs > li.active > a:focus,
  .module-body .nav-tabs > li.active > a, .module-body .nav-tabs > li.active > a:hover, .module-body .nav-tabs > li > a:focus, .module-body .nav-tabs > li.active > a:focus {
    color: var(--color-quaternary) !important;
    background: none !important;
    border-bottom: 2px solid var(--color-primary) !important;
  }

  .breadcrumb {
    margin: 30px 0 30px 0 !important;
    font-size: 14px !important;
    padding: 0 15px !important;
    text-align: left !important;
    justify-content: flex-start !important;
    color: var(--color-quaternary) !important;
    box-sizing: border-box;
  }

  /* Match link size to trail (base `.breadcrumb a` is 18px — was skipped on category/catalog). */
  .breadcrumb a {
    color: var(--color-quaternary) !important;
    font-size: inherit !important;
  }

  .mm-row.mm-row--auto {
    margin-bottom: 30px !important;
  }

  /*
   * PDP (769–1250px): base `.breadcrumb` here is `margin: 30px 0 0` — no bottom gap, so the gallery row
   * sits flush; flexible order / stacking can make added margin look like it goes “under” the image.
   * Nudge the trail above the product column and reserve space below it.
   */
  .route-product-product:not(.popup) #product-product > .breadcrumb {
    margin-bottom: 24px !important;
    position: relative;
    z-index: 2;
  }

  .route-product-product:not(.popup) #product-product > .row {
    position: relative;
    z-index: 1;
  }

  .title.category-title,
  h1.title.page-title {
    text-align: left;
    box-sizing: border-box;
  }

  .wrapper, .mega-menu-content, .site-wrapper > .container, .desktop-header-active .is-sticky .header .desktop-main-menu-wrapper, .desktop-header-active .is-sticky .sticky-fullwidth-bg, .boxed-layout .site-wrapper, .breadcrumb, .title-wrapper, .page-title > span, .desktop-header-active .header .top-bar, .desktop-header-active .header .mid-bar, .desktop-main-menu-wrapper {
    max-width: 100% !important;
    padding: 0 1.5rem;
  }

  /* .grid-cols was grouped with .container — nested grids then doubled horizontal padding; keep full-width + padding only when not inside product main container */
  .grid-cols {
    max-width: 100% !important;
    padding: 0 47px !important;
  }

  /* Journal regions: same as `.site-wrapper > .container` here — full width + 1.5rem gutters (pre-footer `bottom` is not inside that container) */
  .mm-bottom.mm-journal-region {
    max-width: 100% !important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  /* #product-product.container already has the container padding above — do not double inset */
  .route-product-product #product-product .mm-content-bottom.mm-journal-region {
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
  }

  /* Journal quick checkout + cart: same as PDP — full-width main column, no extra horizontal margin */
  .route-checkout-checkout #content,
  .route-checkout-cart #content {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .route-checkout-checkout #checkout-checkout .mm-content-bottom.mm-journal-region,
  .route-checkout-cart #checkout-cart .mm-content-bottom.mm-journal-region {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .breadcrumb {
    padding: 0 1.5rem !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .head-title {
    font-size: 22px;
  }

  .head-subtitle {
    font-size: 14px;
    margin-bottom: 20px !important;
  }

  .head-small {
    font-size: 16px;
    margin-bottom: 20px;
    display: block;
  }

  /* Mobile slider layers use pre-cropped assets; do not stretch/cover or override MS positioning */
  .ms-layer-image {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .product_tabs .nav-tabs,
  .module-body .nav-tabs {
    border: none !important;
  }

  .module-newsletter-67 .module-body .mm-form-block.horizontal,
  .module-newsletter-67 .module-body .input-group {
    height: auto !important;
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    overflow: visible;
  }

  .module-newsletter-67 .mm-form-block.horizontal > .mm-form-control,
  .module-newsletter-67 .mm-form-block.horizontal > .input-group-btn {
    grid-column: auto;
    width: 100% !important;
    max-width: 100%;
  }

  .module-newsletter-67 .mm-form-block.horizontal > .input-group-btn .mm-btn,
  .module-newsletter-67 .input-group .input-group-btn .btn {
    position: relative;
    width: 100%;
  }

  .module-products .module-item:not(.tab-pane) .mm-products-carousel__nav {
    top: -36px !important;
  }

  .module-products-344 .nav-tabs>li:not(:last-child) {
    margin-right: 0 !important
  }

  .product-image.direction-horizontal.position-bottom {
    float: none
  }

  .product_extra .nav.nav-tabs a {
    font-size: 14px !important;
  }

  .product-thumb .central {
    padding: 0;
  }
  .product-thumb .btn-cart::before {
    display: none !important;
  }
  .product-thumb .btn-cart .btn-text {
    display: block !important;
  }

  .breadcrumb {
    font-size: 14px !important;
    padding: 0 15px!important;
    text-align: left !important;
    justify-content: flex-start !important;
    color: var(--color-quaternary) !important;
    box-sizing: border-box;
  }

  .breadcrumb a {
    color: var(--color-quaternary) !important;
    font-size: inherit !important;
  }

  .breadcrumb>li+li:before{
    padding:0 6px!important;
  }

  .breadcrumb span {
    font-size: 14px;
    color: var(--color-quaternary);
  }

  .wish-group {
    gap: 4px;
  }
  .wish-group .btn-compare,
  .wish-group .btn-wishlist {
    margin: 0 !important;
    padding: .75rem !important;
  }
  .wish-group .btn-compare::before,
  .wish-group .btn-wishlist::before {
    width: 16px !important;
    height: 16px !important;
  }

  .product-info {
    max-width: 100%;
   }

  .product-blocks {
    max-width: 100%;
    padding: 0;
  }
  .mobile .product-blocks .expand-block{
      margin-bottom: 0;
  }

  #product-product .product-left .product-image,
  .product-info .product-left .product-image {
    width: 100% !important;
  }

  /* PDP: hide vertical/horizontal thumb strip — main gallery only on mobile */
  .route-product-product:not(.popup) .product-image .additional-images {
    display: none !important;
  }

  .route-product-product:not(.popup) .product-image.direction-vertical {
    display: block;
    gap: 0;
  }

  .route-product-product:not(.popup) .product-image.direction-vertical .main-image {
    width: 100% !important;
    max-width: 100% !important;
  }

  .product-image .swiper.main-image .swiper-pagination{
    display: none;
  }
  .panel-body p{
    font-size:14px;
    line-height: 130%;
  }
  .route-product-product:not(.popup) .product-info .product-details .price-group{
    padding: 0!important;
    border-bottom:0!important
  }
  .product-price {
    font-size: 26px;
  }
  .product_tabs .nav-tabs>li:not(:last-child),
  .module-body .nav-tabs>li:not(:last-child){
    margin: 0 !important;
  }

  .product_tabs .nav-tabs > li > a,
  .module-body .nav-tabs > li > a {
    font-size: 14px !important;
  }

  .product_tabs .nav-tabs > li.active > a, .product_tabs .nav-tabs > li.active > a:hover, .product_tabs .nav-tabs > li > a:focus, .product_tabs .nav-tabs > li.active > a:focus,
  .module-body .nav-tabs > li.active > a, .module-body .nav-tabs > li.active > a:hover, .module-body .nav-tabs > li > a:focus, .module-body .nav-tabs > li.active > a:focus {
    color: var(--color-quaternary) !important;
    background: none !important;
    border-bottom: 2px solid var(--color-primary) !important;
  }

  .product-info .product-details .rating {
    margin:0;
    padding-top: 0;
  }
  .product-info .product-details .product-stats {
    border: 0;
  }
  .btn-extra {
    width: 100%;
  }

  .product-info .button-group-page .extra-group .btn-extra:first-child {
    width: 100%;
    margin-left: 0 !important;
  }
  .product-info .product-details .rating {
    padding-top: 0 !important;
    border-bottom: 0 !important;
  }

  .product-info .product-details .product-stats {
    border-bottom:0;
    padding-bottom:0;
  }

  /* Small screens: comfortable type scale (base grid no longer line-clamps titles) */
  .product-thumb .name {
    overflow: visible !important;
    margin: 1rem 0 0 0 !important;
  }

  .product-thumb .name a {
    font-size: 16px !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    -webkit-box-orient: unset !important;
  }

  .product-thumb .description {
    font-size: 13px !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    -webkit-box-orient: unset !important;
  }
  .product-thumb .caption .price, .product-thumb .caption .price .price-normal, .product-thumb .caption .price .price-new {
    margin: 0 !important;
    font-size: 14px !important;
  }
  .product-grid .product-thumb .price-old {
    font-size: 12px !important;
  }

  .product_accordion.panel-group .panel-heading a {
      font-size: 14px !important;
      padding-bottom: 20px !important;
      padding-top: 0 !important;
      text-transform: capitalize !important;
  }

  /* Module carousels only (PDP gallery uses `.product-image`, not `.mm-products-carousel__nav`) */
  .module-products .module-item:not(.tab-pane) .mm-products-carousel__nav {
    top: -12px !important;
  }

  .product-thumb .product-card-title {
    font-size: 16px !important;
    display: block !important;
    min-width: 0;
    overflow: visible !important;
  }

  .product-thumb .product-card-title a {
    font-size: 16px !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    -webkit-box-orient: unset !important;
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .tab-container .nav-tabs {
    gap: 20px;
  }
  .product-layout .product-card-meta {
    padding:0 10px!important;
  }
  .route-product-product:not(.popup) .product_tabs {
    margin-top:40px!important;
  }

  /* Was .route-product-product .tab-content (80px) — too broad; clashed with .product_tabs spacing */
  .route-product-product:not(.popup) .product_tabs .tab-content {
    padding-top: 24px !important;
  }
  .block-wrapper p {
    font-size: 14px;
  }
  .route-product-product:not(.popup) .product-info .product-details .button-group-page {
    margin-bottom:0
  }
  .route-product-product:not(.popup) .product-info .button-group-page .stepper {
    margin: 0 !important;
  }
  .product-info .product-details .product-stats {
    padding-bottom: 10px;
    border-width: 0;
    border-bottom-width: 0px!important;

  }
  .product_tabs .nav-tabs > li > a, 
  .product_tabs .nav-tabs>li.active>a,
  .module-body .nav-tabs > li > a, 
  .module-body .nav-tabs>li.active>a {
    text-transform: capitalize!important;
  }
  .product-grid.product-grid .product-thumb .buttons-wrapper .button-group .btn-cart {
    padding: 7px 20px !important;
    width: 100%!important;
    margin-top:11px!important;
    height: 40px;
  }
  .product-thumb .btn-cart, .product-thumb .btn-cart .btn-text{
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .buttons-wrapper{
    margin: 0!important;
  }

  .mobile-hidden {
    display: none !important;
  }

  .product-layout .caption {
    padding: 0 0 20px 0;
    justify-content: space-between;
    height: auto !important;
    flex-shrink: 0;
    min-height: min-content;
  }
  .product-layout .meta-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .module-blocks-331 .btn, .module-blocks-329 .btn{
    font-size: 16px;
  }
  .swiper-button-next::before,
  .swiper-button-prev::before {
    width: 14px;
    height: 24px;
  }

  .title.category-title {
    flex-direction: column !important;
    align-items: flex-start;
    margin: 0 0 10px 0 !important;
  }

  h1.title.page-title {
    margin: 0 0 10px 0 !important;
  }

  .route-product-product .breadcrumb {
    font-size: 14px !important;
    margin: 70px 0 24px 0 !important;
    text-align: left;
    justify-content: flex-start;
    color: var(--color-quaternary);
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
  }

  .route-product-product .breadcrumb a {
    color: var(--color-quaternary);
    font-size: 14px !important;
  }

  .route-checkout-checkout .site-wrapper > .container > .breadcrumb,
  .route-checkout-cart .site-wrapper > .container > .breadcrumb {
    font-size: 14px !important;
    margin: 40px 0 40px 0 !important;
    text-align: left;
    justify-content: flex-start;
    color: var(--color-quaternary);
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
  }

  .route-checkout-checkout .site-wrapper > .container > .breadcrumb a,
  .route-checkout-cart .site-wrapper > .container > .breadcrumb a {
    color: var(--color-quaternary);
    font-size: 14px !important;
  }
}

/* PDP main gallery: keep prev/next centered on image (module carousels use `.mm-products-carousel__nav`) */
.route-product-product:not(.popup) .product-image .swiper-controls .swiper-buttons {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* PDP gallery: hide swiper bullet pagination (swiper-has-pages would otherwise show it) */
.route-product-product:not(.popup) .product-image .swiper-pagination,
.route-product-product:not(.popup) .product-image .swiper-pagination-bullets {
  display: none !important;
}

/*
 * Products module — tabbed carousels (products.twig): controls stay in normal flow under the tab row,
 * right-aligned (Figma), not absolutely layered over tab labels.
 */
.module-products .tab-container {
  position: relative;
}

.module-products .tab-container .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 28px;
  row-gap: 8px;
  margin-bottom: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  box-sizing: border-box;
  list-style: none;
}

.module-products .tab-container .nav-tabs > li {
  float: none;
  margin-right: 0 !important;
  margin-bottom: 0;
}

/* Nav is first in DOM (products.twig) — no flex/order on `.swiper` (that broke Swiper height + slides). */
.module-products .tab-container .mm-products-carousel {
  position: relative;
}

.module-products .tab-container .mm-products-carousel__nav {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  transform: none !important;
  pointer-events: auto;
  z-index: auto;
}

.module-products .tab-container .mm-products-carousel__nav > div {
  pointer-events: auto;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
  flex: 0 0 auto;
  width: auto;
  height: auto;
  min-width: 36px;
  min-height: 36px;
  padding: 6px;
  border-radius: 0;
  transition: opacity 0.2s ease;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.module-products .tab-container .mm-products-carousel__nav > div:active {
  background-color: transparent !important;
  opacity: 0.85;
}

/* Figma: thin maroon chevrons (same tint as `--color-primary`), module carousels only */
.module-products .mm-products-carousel__nav > .swiper-button-prev::before,
.module-products .mm-products-carousel__nav > .swiper-button-next::before {
  width: 11px !important;
  height: 20px !important;
  background-color: var(--color-primary, #510d02) !important;
}

.module-products .tab-container .tab-content {
  margin-top: 8px;
  padding-top: 16px;
  clear: both;
}

.route-product-product:not(.popup) .product_extra > [class*="product_extra-"] + [class*="product_extra-"] {
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* Product extras: remove large gap between share block and tabs block */
.route-product-product:not(.popup) .product_tabs {
  margin-top: 0 !important;
}

.route-product-product:not(.popup) #product-product .product_extra + .product_extra,
.route-product-product:not(.popup) #product-product .product-blocks + .tabs-container.product_extra {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/*
 * Product “default” blocks (share buttons, etc.): remove inner horizontal gutters from Journal
 * `.grid-rows` / `.grid-cols` / `.grid-col` and module body so content lines up with main column.
 */
.route-product-product:not(.popup) #product-product .product-blocks.blocks-default {
  margin-top: 3rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.route-product-product:not(.popup) #product-product .product-blocks.blocks-default .grid-rows,
.route-product-product:not(.popup) #product-product .product-blocks.blocks-default .grid-row,
.route-product-product:not(.popup) #product-product .product-blocks.blocks-default .grid-cols,
.route-product-product:not(.popup) #product-product .product-blocks.blocks-default .grid-col,
.route-product-product:not(.popup) #product-product .product-blocks.blocks-default .grid-items,
.route-product-product:not(.popup) #product-product .product-blocks.blocks-default .grid-item {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.route-product-product:not(.popup) #product-product .product-blocks.blocks-default .module-blocks .module-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .route-product-category .main-products.product-grid .product-layout:not(.swiper-slide),
  .route-product-catalog .main-products.product-grid .product-layout:not(.swiper-slide),
  .route-product-manufacturer-info .main-products.product-grid .product-layout:not(.swiper-slide) {
    flex: 0 0 calc(100% / 3 - 0.01px) !important;
    width: calc(100% / 3 - 0.01px) !important;
    max-width: calc(100% / 3 - 0.01px) !important;
  }
}

@media (max-width: 767.98px), screen and (min-width: 768px) and (max-width: 1024px) {
  .site-wrapper > .container {
    padding: 0 3rem !important;
  }
  .mm-breadcrumb {
    margin: 4rem 0 70px 0 !important;
  }
  .mm-row.mm-row--auto {
    margin: 0 0 30px 0 !important;
  }
}

.product-grid.product-grid .product-thumb .buttons-wrapper .button-group .btn-wishlist {
  background-color: transparent;
}

/* Mobile header */
.mobile-header-active .mobile-bar {
  background: none !important;
  background-color: var(--color-tertiary) !important;
}

/* Mobile megamenu search — categories hidden (see also .mobile-hidden on column) */
.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu .mm-search-panel__categories {
  display: none !important;
}

/* Collapsed: toolbar only while .tt-menu.tt-empty (no suggestions) */
.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu:not(.mm-search-panel-expanded) > .dropdown-menu,
.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu:not(.mm-search-panel-expanded) > .j-dropdown {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu:not(.mm-search-panel-expanded) > .j-dropdown .mega-menu-content.mm-search-mega {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 1rem 1rem 0.75rem !important;
  gap: 0;
  overflow: visible;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu:not(.mm-search-panel-expanded) .mm-row.mm-row--search-panel.expandable {
  display: none !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  overflow: hidden;
}

/* Expanded: grows with content; previous fixed sizes are caps only */
.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu.mm-search-panel-expanded > .dropdown-menu,
.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu.mm-search-panel-expanded.open > .dropdown-menu,
.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu.mm-search-panel-expanded.animating > .dropdown-menu {
  height: auto !important;
  min-height: 0 !important;
  max-height: min(85dvh, 640px, calc(100dvh - 2.75rem)) !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu.mm-search-panel-expanded > .j-dropdown {
  height: auto !important;
  min-height: 0 !important;
  max-height: min(85dvh, 640px, calc(100dvh - 2.75rem)) !important;
  overflow: hidden !important;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu.mm-search-panel-expanded > .j-dropdown .mega-menu-content.mm-search-mega {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: min(68dvh, 480px, calc(100dvh - 3.5rem)) !important;
  padding: 1.25rem 1rem 1rem !important;
  gap: 1rem;
  overflow: hidden;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu.mm-search-panel-expanded .mm-row.mm-row--search-panel.expandable {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu.mm-search-panel-expanded .mm-search-panel__results,
.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu.mm-search-panel-expanded .mm-search-results {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

.mobile-header-active .mini-search #search.mega-menu,
.mobile-header-active .full-search #search.mega-menu {
  --mm-search-input-max-width: 100%;
  --mm-search-category-visible-rows: 4;
  --mm-search-category-row-height: calc(0.5rem * 2 + 16px * 1.35);
}

.mobile-header-active .mini-search #search.mega-menu > .j-dropdown,
.mobile-header-active .full-search #search.mega-menu > .j-dropdown {
  max-height: calc(100dvh - 2.75rem) !important;
}

.mobile-header-active .mini-search #search.mega-menu .mm-search-toolbar.header-search,
.mobile-header-active .full-search #search.mega-menu .mm-search-toolbar.header-search {
  flex-shrink: 0;
  gap: 2rem;
}

.mobile-header-active .mini-search #search.mega-menu .mm-search-toolbar.header-search > input.search-input,
.mobile-header-active .mini-search #search.mega-menu .mm-search-toolbar.header-search > span.twitter-typeahead,
.mobile-header-active .full-search #search.mega-menu .mm-search-toolbar.header-search > input.search-input,
.mobile-header-active .full-search #search.mega-menu .mm-search-toolbar.header-search > span.twitter-typeahead {
  flex: 1 1 auto;
  width: auto !important;
  max-width: none;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu .header-search input.search-input,
.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu .header-search > span.twitter-typeahead input.search-input,
.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu .header-search > span input {
  font-size: 22px !important;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu .mm-search-clear {
  font-size: 16px;
  gap: 1.25rem;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu .mm-search-submit.search-button.mm-btn {
  width: 2.5rem;
  height: 2.5rem;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu .mm-search-submit.search-button.mm-btn::before {
  font-size: 22px !important;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu .mm-row.mm-row--search-panel.expandable {
  flex: 1 1 auto;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.75rem;
  min-height: 0 !important;
  overflow: hidden;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu .mm-row--search-panel > .mm-col {
  justify-content: flex-start;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu .mm-search-panel__results {
  flex: 1 1 auto;
  order: 1;
  min-height: 0 !important;
  max-width: 100% !important;
  width: 100%;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu .mm-search-results {
  min-height: 0 !important;
  flex: 1 1 auto;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu .mega-menu-content .tt-menu > div {
  max-height: none !important;
}

.mobile-header-active .menu-trigger::before,
.mobile-header-active .mini-search .search-trigger::before,
.mobile-header-active #cart>a>i::before {
  font-size: 24px !important;
  color: var(--color-primary) !important;
}

/* Mobile header search: swap magnifier for close (X) while panel is open */
.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu.open > .search-trigger::before,
.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu.animating > .search-trigger::before {
  content: "" !important;
  display: block !important;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background-color: var(--color-primary) !important;
  background-image: none !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1 1L15 15M1 15L15 1' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1 1L15 15M1 15L15 1' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
}

.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu.open > .search-trigger,
.mobile-header-active :is(.mini-search, .full-search) #search.mega-menu.animating > .search-trigger {
  color: var(--color-primary) !important;
  -webkit-text-fill-color: var(--color-primary) !important;
}

.mobile-header-active .mobile-wrapper-header {
  background: none !important;
  justify-content: flex-end;
}
.mobile-header-active .mobile-wrapper-header span {
  display: none !important;
}

.mobile-main-menu-wrapper .main-menu.accordion-menu .main-menu-item {
  border-bottom: 1px solid rgba(51, 51, 51, 1);
}
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu>li>a {
  color: var(--color-quaternary) !important;
}
.mobile-main-menu-wrapper .main-menu a > .links-text,
.mobile-main-menu-wrapper .main-menu a .links-text {
  color: var(--color-quaternary, #181818) !important;
}
.mobile-main-menu-wrapper .main-menu .open-menu::before,
.mobile-main-menu-wrapper .main-menu .open-menu:before,
.mobile-main-menu-wrapper .main-menu .open-menu i::before,
.mobile-main-menu-wrapper .main-menu .open-menu i:before {
  color: var(--color-quaternary, #181818) !important;
}

/* Match Journal top-level labels: mixed-case in admin → same visual weight as ALL CAPS items. */
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu > li.main-menu-item > a > .links-text {
  text-transform: uppercase;
}
.mobile-main-menu-wrapper .main-menu .j-menu > li > div .j-menu>li>div>.j-menu>li>a {
  padding-left: 22px !important;
  font-size: 15px !important;
  color: var(--color-quaternary) !important;
}
.mobile-main-menu-wrapper .main-menu-3 .main-menu-item-5.mega-menu .grid-row-1 {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}

/* Mobile menu must not keep desktop mega-menu grid layout */
.mobile-main-menu-wrapper .main-menu .mega-menu-content {
  max-width: 100% !important;
  padding: 0 !important;
}
.mobile-main-menu-wrapper .main-menu .mega-menu-content .grid-row,
.mobile-main-menu-wrapper .main-menu .mega-menu-content .grid-cols {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.mobile-main-menu-wrapper .main-menu .mega-menu-content .grid-col {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.mobile-main-menu-wrapper .main-menu .mega-menu-content .grid-items {
  display: block !important;
}
.mobile-main-menu-wrapper .main-menu .j-menu .j-menu {
  margin-top: 6px;
  border-left: 1px solid rgba(51, 51, 51, 0.35);
}
.mobile-main-menu-wrapper .main-menu .j-menu .j-menu > li > a {
  padding-left: 16px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.mobile-main-menu-wrapper .main-menu .j-menu .j-menu .j-menu {
  margin-top: 4px;
  border-left-color: rgba(51, 51, 51, 0.25);
}
.mobile-main-menu-wrapper .main-menu .j-menu .j-menu .j-menu > li > a {
  padding-left: 22px !important;
}
.mobile-main-menu-wrapper .main-menu .mobile-mega-submenu-group {
  padding-left: 1.5rem;
}
.mobile-main-menu-wrapper .main-menu .dropdown-menu,
.mobile-main-menu-wrapper .main-menu .j-dropdown,
.mobile-main-menu-wrapper .main-menu .collapse,
.mobile-main-menu-wrapper .main-menu .mega-menu-content {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  float: none !important;
  transform: none !important;
}
.mobile-main-menu-wrapper .main-menu .mobile-mega-submenu-toggle {
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  transition: transform .2s ease, background-color .2s ease, opacity .2s ease;
  background: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26%2011L16%2021L6%2011%22%20stroke%3D%22%23232323%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}
.mobile-main-menu-wrapper .main-menu .mobile-mega-submenu-toggle[aria-expanded="true"] {
  transform: rotate(180deg);
  opacity: 1;
}
.mobile-main-menu-wrapper .mobile-mega-title-item {
  padding: 1rem 1.5rem;
  line-height: 2rem;
  font-size: 15px !important;
  color: var(--color-quaternary) !important;
  opacity: 85%;
}
.mobile-main-menu-wrapper .mobile-mega-link-item--full-url {
  display: flex;
  background: none !important;
}

.mega-menu-content {
  border-top: 1px solid #d0d0d0 !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #d0d0d0 !important;
  z-index: 97;
}

/* Responsibility fields */
@media (max-width: 1300px) {
  .side-column {
    padding: 0 !important;
  }
  .grid-cols {
    padding: 0 !important;
  }
  .grid-col-column-left-1-2 {
    margin: 0 !important;
  }

  /* Align journal region cap with `.container`-style fluid width (see tablet block for gutters) */
  .mm-content-bottom.mm-journal-region,
  .mm-bottom.mm-journal-region {
    max-width: 100% !important;
  }
}

.product-options .text-danger {
  color: #c71717 !important;
  font-size: 23px !important;
}

.buttons-flex-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 20px;
} .buttons-flex-box.column {
  flex-direction: column;
}
.buttons-flex-box .btn
.buttons-flex-box .mm-btn {
  flex: 0 0 auto;
  width: auto;
  text-align: center;
} .buttons-flex-box.column .btn,
  .buttons-flex-box.column .mm-btn {
  width: 100%;
}
.buttons-flex-box .btn.btn-primary {
  color: var(--color-background-primary) !important;
  background: var(--color-primary);
} .buttons-flex-box .btn.btn-primary:hover {
  color: var(--color-background-primary) !important;
  background: rgba(130, 28, 17, 1) !important;
}
.buttons-flex-box.is-column {
  flex-direction: column;
}
.buttons-flex-box.is-column .btn,
.buttons-flex-box.is-column .mm-btn {
  width: 100%;
}

@media (max-width: 1300px) {
  .buttons-flex-box {
    flex-direction: column;
  }
  .buttons-flex-box .btn,
  .buttons-flex-box .mm-btn {
    width: 100%;
  }
}

/*
 * Journal3: `.quick-checkout-wrapper > div { display:flex }` also applies to the loader overlay
 * appended by `loader('.quick-checkout-wrapper', true)` — it becomes a flex sibling of `.quick-checkout`
 * and the spinner sits at the gutter / sidebar edge. Pin overlay to the viewport and center.
 */
html body .quick-checkout-wrapper > .journal-loading-overlay {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: none !important;
  align-self: auto !important;
  margin: 0 !important;
}

html body .quick-checkout-wrapper > .journal-loading-overlay .journal-loading {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

/* Payment AJAX overlay: inline `position:absolute` — fill parent and center spinner */
html body .quick-checkout-payment {
  position: relative;
}

html body .quick-checkout-payment .journal-loading-overlay {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .quick-checkout-payment .journal-loading-overlay .journal-loading {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

.quick-checkout-wrapper .section-body:not(.mm-shipping-carrier),
.quick-checkout-wrapper .section-body:not(.mm-shipping-carrier) div {
  gap: 1rem;
  flex-wrap: nowrap;
}
.quick-checkout-wrapper .section-shipping .section-body > .mm-shipping-carrier[data-shipping-ext="pickup"] { display: inline-flex !important; }
.quick-checkout-wrapper .section-shipping .section-body > .mm-shipping-carrier[data-shipping-ext="free"] { display: inline-flex !important; }
.quick-checkout-wrapper .section-shipping .section-body > div:nth-child(2) { display: flex !important; }
.quick-checkout-wrapper .section-shipping .section-body > [data-shipping-ext="flat"]::before { color: inherit !important; }

/* SEO brand description */
.brand-desc-wrapper p {
  font-family: var(--font) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: var(--color-quaternary) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  text-wrap: pretty !important;
  text-wrap: balance !important;
  text-wrap: wrap !important;
  text-wrap: wrap-balance !important;
  text-wrap: wrap-balance-balance !important;
  text-wrap: wrap-balance-balance-balance !important;
}

.quick-checkout-wrapper .cart-section .table-responsive+table tfoot td+td {
  width: 40% !important;
}

/* Mobile cart */
.table-mobile {
  display: none;
}
@media (max-width: 767.98px), screen and (min-width: 768px) and (max-width: 1024px) {
  #checkout-cart .cart-table .table-responsive {
    display: none;
  }

  .table-mobile {
    display: block;
    margin-bottom: 16px;
  }

  #checkout-cart .mobile-cart-card {
    border-bottom: 1px solid #e8e8e8;
    padding: 12px 0;
  }

  #checkout-cart .mobile-cart-card__top {
    display: flex;
    gap: 12px;
  }

  #checkout-cart .mobile-cart-card__image {
    width: 58px;
    min-width: 58px;
  }

  #checkout-cart .mobile-cart-card__image img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: var(--p-shadow-base);
  }

  #checkout-cart .mobile-cart-card__details {
    flex: 1;
    min-width: 0;
  }

  #checkout-cart .mobile-cart-card__name {
    display: block;
    margin-bottom: 4px;
    color: #1d1d1d;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.35;
  }

  #checkout-cart .mobile-cart-card__meta small,
  #checkout-cart .mobile-cart-card__model {
    display: block;
    color: #666;
    font-size: 12px;
    line-height: 1.35;
  }

  #checkout-cart .mobile-cart-card__bottom {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  #checkout-cart .mobile-cart-card__qty .stepper {
    width: 76px;
    min-width: 76px;
  }

  #checkout-cart .mobile-cart-card__qty .stepper input {
    height: 34px;
    text-align: center;
  }

  #checkout-cart .mobile-cart-card__prices {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 8px;
  }

  #checkout-cart .mobile-cart-card__total {
    color: var(--color-primary, #510d02);
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    white-space: nowrap;
  }

  #checkout-cart .mobile-cart-card__price {
    color: #9c9c9c;
    font-size: 12px;
    white-space: nowrap;
  }

  #checkout-cart .mobile-cart-card__side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  #checkout-cart .mobile-cart-card__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    width: 100%;
  }

  #checkout-cart .mobile-cart-card__actions .btn {
    width: 30px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  #checkout-cart .mobile-cart-card--voucher .mobile-cart-card__name {
    margin-bottom: 0;
  }

  .route-checkout-cart .cart-bottom {
    max-width: 100% !important;
  }
}

/* Footer */
.footer {
  text-align: center;
  color: var(--color-text-primary, #fff);
  background-color: var(--color-primary, #510d02);
  padding: 1.5rem;
} .footer p {
  margin: 0;
} .footer a {
  color: var(--color-text-primary, #fff);
  text-decoration: none;
} .footer a:hover {
  color: var(--color-text-primary, #fff);
  text-decoration: underline;
} .footer div {
  background: none !important;
}
footer .grid-row-1 {
  padding-bottom: 0 !important;
}
.footer .mm-row.between .col {
  flex: 1;
}
.footer .mm-row.between .col:nth-child(1) {
  text-align: left;
}
.footer .mm-row.between .col:nth-child(2) {
  text-align: center;
}
.footer .mm-row.between .col:nth-child(3) {
  text-align: right; /* optional, keeps layout balanced */
}
@media (max-width: 767.98px), screen and (min-width: 768px) and (max-width: 1024px) {
  .footer .mm-row.between {
    flex-direction: column !important;
    gap: 1rem;
  }
}

/* Mobile adjustments */
@media (max-width: 767.98px) {
  .mm-breadcrumb {
    margin-bottom: 30px !important;
  }
  .title.category-title span,
  h1.title.page-title span {
    font-size: 22px !important;
  }
  h1.title.page-title span {
    margin-bottom: 20px !important;
  }
  .mm-row.mm-row--auto {
    margin-bottom: 50px !important;
  }
}

.swiper:not(.swiper-has-pages) .swiper-pagination, .swiper:not(.swiper-has-pages) .swiper-button-next, .swiper:not(.swiper-has-pages) .swiper-button-prev {
  display: none !important;
}

/* Product search: keyword, <details> advanced dropdown, .buttons (matches flat mm-form layout) */
#product-search .mm-search-form > .mm-form-block:first-of-type {
  margin-bottom: 0;
}

#product-search .mm-search-form .buttons {
  margin-top: 12px;
}

#product-search .mm-search-form .buttons .mm-btn.primary {
  width: 100%;
  min-height: 44px;
}

#product-search .mm-search-advanced-dropdown {
  margin-top: 12px;
  position: relative;
  z-index: 5;
  -webkit-tap-highlight-color: transparent;
}

#product-search .mm-search-advanced-dropdown__summary {
  list-style: none;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
}

#product-search .mm-search-advanced-dropdown__summary::-webkit-details-marker {
  display: none;
}

#product-search .mm-search-advanced-dropdown__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

#product-search .mm-search-advanced-dropdown__label::after {
  content: "";
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  margin-top: -0.2em;
  transition: transform 0.2s ease, margin 0.2s ease;
}

#product-search .mm-search-advanced-dropdown[open] .mm-search-advanced-dropdown__label::after {
  transform: rotate(-135deg);
  margin-top: 0.15em;
}

#product-search .mm-search-advanced-dropdown__panel {
  margin-top: 8px;
  padding: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

#product-search .mm-search-advanced-panel .mm-form-block:last-child {
  margin-bottom: 0;
}

#product-search .mm-search-advanced-panel select.mm-form-control {
  width: 100%;
  max-width: 100%;
}

/* Search form */
.mm-search-form .mm-search-box {
  display: flex;
  margin-bottom: 1.5rem;
}
.mm-search-form.mm-search-form--toolbar {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Search page title toolbar: keyword, category, settings, submit */
.mm-search-form--toolbar .mm-search-form__toolbar-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 10px 12px;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
}

.mm-search-form--toolbar .mm-search-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0;
  margin: 0;
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  max-width: none;
  box-sizing: border-box;
}

.mm-search-form--toolbar .mm-search-form__keyword,
.mm-search-form--toolbar .mm-search-form__category.mm-form-select-wrap select.mm-form-control,
.mm-search-form--toolbar .mm-search-form__submit,
.mm-search-form--toolbar .mm-search-toolbar-advanced__summary {
  box-sizing: border-box;
  font-size: 18px !important;
  line-height: 1.4 !important;
  min-height: 44px;
}

.mm-search-form--toolbar .mm-search-form__keyword,
.mm-search-form--toolbar .mm-search-form__category.mm-form-select-wrap select.mm-form-control {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.mm-search-form--toolbar .mm-search-form__category.mm-form-select-wrap select.mm-form-control {
  padding-left: 10px !important;
  padding-right: 2.75rem !important;
  height: 100%;
}

.mm-search-form--toolbar .mm-search-form__keyword.mm-form-control {
  flex: 1 1 0;
  min-width: 0;
  width: auto !important;
  max-width: 100%;
  align-self: stretch;
}

.mm-search-form--toolbar .mm-search-form__category {
  flex: 0 1 220px;
  max-width: 42vw;
  min-width: 150px;
  align-self: stretch;
}

.mm-search-form--toolbar .mm-search-form__category.mm-form-select-wrap {
  width: auto;
  align-self: stretch;
  display: flex;
  align-items: stretch;
}

.mm-search-form--toolbar .mm-search-form__submit {
  flex: 0 0 auto;
  flex-shrink: 0;
  align-self: stretch;
  padding: 10px 14px !important;
  font-size: 1.1rem;
  margin-left: 0;
}

.mm-search-form--toolbar .mm-search-toolbar-advanced {
  flex: 0 0 auto;
  flex-shrink: 0;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: stretch;
}

.mm-search-toolbar-advanced__summary {
  list-style: none;
  min-height: 44px;
  min-width: 44px;
  height: 100%;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px !important;
  margin: 0;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
  font-size: 1.125rem;
}
.mm-search-toolbar-advanced__summary::-webkit-details-marker {
  display: none;
}

.mm-search-toolbar-advanced__panel {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 6px;
  min-width: 220px;
  max-width: min(320px, 90vw);
  padding: 10px;
  background: #fff;
  box-shadow: var(--p-shadow-card);
  z-index: 20;
} .mm-search-toolbar-advanced__panel .checkbox {
  padding: 0 !important;
  margin: 0 !important;
}
.mm-search-toolbar-advanced__panel select,
.mm-search-toolbar-advanced__stub-row {
  margin-bottom: 8px;
}
.mm-search-toolbar-advanced__panel select:last-child,
.mm-search-toolbar-advanced__stub-row:last-child {
  margin-bottom: 0;
}

.layout-8.desktop-header-active .header .top-bar:not(.mm-header-top-bar),
.layout-16 .site-wrapper > .container {
  max-width: 70% !important;
}

@media (max-width: 767.98px) {
  .layout-8.desktop-header-active .header .top-bar:not(.mm-header-top-bar),
  .layout-16 .site-wrapper > .container {
    max-width: 100% !important;
  }

  .title.category-title span,
  .mm-title span {
    line-height: 4rem;
  }
}

/* Product Option Video — responsive alignment with Journal3 gallery */
.pov-video-slide-templates {
  display: none !important;
}

.product-image .main-image .swiper-container {
  overflow: hidden;
}

/* Main slides: same width/height behavior as product images */
.product-image .main-image .swiper-slide.pov-gallery-slide {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: var(--pov-main-min-height, clamp(11rem, 72vw, 36rem));
}

.product-image .main-image .pov-gallery-slide .pov-video-slide-content {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--pov-main-aspect-ratio, 1);
  min-height: var(--pov-main-min-height, clamp(11rem, 72vw, 36rem));
  height: auto;
}

.product-image .main-image .pov-gallery-slide .product-option-video-gallery-embed,
.product-image .main-image .pov-gallery-slide .product-option-video-gallery-embed.embed-responsive,
.product-image .main-image .pov-gallery-slide .product-option-video-gallery-embed.embed-responsive-16by9,
.product-image .main-image .pov-gallery-slide .pov-gallery-embed-fill {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100% !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
}
.product-image .main-image .pov-gallery-slide .pov-gallery-embed-fill iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-image .main-image .pov-gallery-slide .pov-native-video-wrap {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

html body #product-product .product-image:has(.main-image .swiper-slide-active.pov-gallery-slide) .wishlist-compare-image a.mm-btn:hover,
html body #product-product .product-image:has(.main-image .swiper-slide-active.pov-gallery-slide) .wishlist-compare-image a.mm-btn:active,
html body #product-product .product-image:has(.main-image .swiper-slide-active.pov-gallery-slide) .wishlist-compare-image a.mm-btn:focus,
html body .product-info .product-left .product-image:has(.main-image .swiper-slide-active.pov-gallery-slide) .wishlist-compare-image a.mm-btn:hover,
html body .product-info .product-left .product-image:has(.main-image .swiper-slide-active.pov-gallery-slide) .wishlist-compare-image a.mm-btn:active,
html body .product-info .product-left .product-image:has(.main-image .swiper-slide-active.pov-gallery-slide) .wishlist-compare-image a.mm-btn:focus {
  border: none !important;
  background: rgba(255, 255, 255, 0.92) !important;
  background-color: rgba(255, 255, 255, 0.92) !important;
  border-radius: 4px;
}

/* PDP: vertical thumbnail strip on the left */
.route-product-product:not(.popup) .product-image.direction-vertical {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--pov-additional-thumb-gutter, 12px);
}

.route-product-product:not(.popup) .product-image.direction-vertical.position-left .additional-images {
  order: -1;
}

/* Height is set by Journal/POIP to match main gallery — never force height:auto (breaks clipping). */
.route-product-product:not(.popup) .product-image.direction-vertical .additional-images {
  flex: 0 0 auto;
  width: var(--pov-additional-thumb-width, 160px) !important;
  max-width: var(--pov-additional-thumb-width, 160px);
  margin: 0;
  overflow: hidden !important;
  align-self: flex-start;
  min-height: 0;
}

.route-product-product:not(.popup) .product-image.direction-vertical .main-image {
  flex: 1 1 auto;
  min-width: 0;
  width: calc(100% - var(--pov-additional-thumb-width, 160px) - var(--pov-additional-thumb-gutter, 12px)) !important;
  max-width: none;
}

.route-product-product:not(.popup) .product-image.direction-vertical .additional-images .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.route-product-product:not(.popup) .product-image.direction-vertical .additional-images .swiper-wrapper {
  flex-direction: column;
  gap: 0;
}

.route-product-product:not(.popup) .product-image.direction-vertical .additional-images.swiper-has-pages .swiper-buttons {
  opacity: 1;
  pointer-events: none;
}

.route-product-product:not(.popup) .product-image.direction-vertical .additional-images.swiper-has-pages .swiper-buttons > div {
  pointer-events: auto;
}

.route-product-product:not(.popup) .product-image.direction-vertical .additional-images .swiper-buttons > div::before {
  transform: rotate(90deg);
}

.route-product-product:not(.popup) .product-image.direction-vertical .additional-images .swiper-button-prev {
  left: 50%;
  right: auto;
  top: 0;
  bottom: auto;
  transform: translateX(-50%);
}

.route-product-product:not(.popup) .product-image.direction-vertical .additional-images .swiper-button-next {
  left: 50%;
  right: auto;
  top: auto;
  bottom: 0;
  transform: translateX(-50%);
}

/* Additional thumbs: length-align with .additional-image slides (JS sets --pov-additional-*) */
.product-image .additional-images.swiper .swiper-wrapper {
  align-items: flex-start;
  gap: 0;
}

.product-image .additional-images .swiper-slide.additional-image,
.product-image .additional-images .swiper-slide.pov-gallery-slide.additional-image {
  box-sizing: border-box;
  position: relative;
  width: var(--pov-additional-thumb-width, 160px);
  height: var(--pov-additional-thumb-width, 160px);
  max-height: var(--pov-additional-thumb-width, 160px);
  min-height: 0;
  flex-shrink: 0;
  align-self: flex-start;
  overflow: hidden;
  cursor: pointer;
  pointer-events: auto;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.product-image .additional-images .swiper-slide.additional-image.swiper-slide-active,
.product-image .additional-images .swiper-slide.pov-gallery-slide.additional-image.swiper-slide-active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  width: var(--pov-additional-thumb-width, 160px);
  height: var(--pov-additional-thumb-width, 160px);
  max-height: var(--pov-additional-thumb-width, 160px);
}

.product-image .additional-images .swiper-slide.additional-image:not(.swiper-slide-active),
.product-image .additional-images .swiper-slide.pov-gallery-slide.additional-image:not(.swiper-slide-active) {
  opacity: 0.92;
}

.product-image .additional-images .swiper-slide.additional-image > a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.product-image .additional-images .swiper-slide.additional-image > img,
.product-image .additional-images .swiper-slide.additional-image > a > img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
  overflow: hidden;
  border-radius: 0;
}

.product-image .additional-images .swiper-slide.pov-gallery-slide .pov-thumb-container {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  min-width: 0;
  min-height: 0;
  background-color: var(--color-background-tertiary, #f5f5e8);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  cursor: pointer;
}

.product-image .additional-images .swiper-slide.pov-gallery-slide .pov-thumb-container::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.12);
  pointer-events: none;
  z-index: 1;
}

.product-image .additional-images .pov-thumb-container .pov-thumb-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

.product-image .additional-images .pov-thumb-container .pov-thumb-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 24px;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  pointer-events: none;
}

.product-image .main-image .swiper-button-prev::before,
.product-image .main-image .swiper-button-next::before,
.product-image .additional-images .swiper-button-prev::before,
.product-image .additional-images .swiper-button-next::before {
  width: 10px;
  height: 20px;
}
.product-image .main-image .swiper-button-prev,
.product-image .main-image .swiper-button-next,
.product-image .additional-images .swiper-button-prev,
.product-image .additional-images .swiper-button-next {
  width: 40px;
  height: 40px;
  padding: 1rem !important;
  border-radius: 50% !important;
  background-color: #fff !important;
  box-shadow: var(--p-shadow-base) !important;
}
.product-image.direction-vertical .additional-images .swiper-button-prev {
  top: 1rem !important;
}
.product-image.direction-vertical .additional-images .swiper-button-next {
  bottom: 1rem !important;
}

/* Horizontal thumb strip (quickview default: position-bottom) */
.product-image.direction-horizontal .additional-images {
  position: relative;
  box-sizing: border-box;
  padding-left: 44px;
  padding-right: 44px;
}

/* Journal `.swiper-buttons { left:50%; top:50%; transform:translate(-50%,-50%) }` breaks horizontal thumbs */
.product-image.direction-horizontal .additional-images .swiper-buttons,
.product-image.direction-horizontal .additional-images.swiper-has-pages .swiper-buttons {
  opacity: 1;
  pointer-events: none;
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 2px;
  box-sizing: border-box;
  z-index: 3;
}

.product-image.direction-horizontal .additional-images .swiper-buttons > div,
.product-image.direction-horizontal .additional-images.swiper-has-pages .swiper-buttons > div {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  max-width: none !important;
  margin: 0 !important;
  flex: 0 0 auto;
  pointer-events: auto;
}

.product-image.direction-horizontal .additional-images .swiper-buttons > div::before {
  transform: none !important;
}

.product-image.direction-horizontal .additional-images .swiper-buttons .swiper-button-next {
  top: auto !important;
  bottom: auto !important;
}

.product-image.direction-horizontal .additional-images .swiper-button-prev,
.product-image.direction-horizontal .additional-images .swiper-button-next {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
}
.product-image .additional-images .swiper-button-prev.swiper-button-disabled,
.product-image .additional-images .swiper-button-next.swiper-button-disabled {
  opacity: 0 !important;
  visibility: visible !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}

@media (max-width: 767.98px) {
  .product-image img {
    width: 100%;
    height: auto;
    min-height: var(--pov-additional-thumb-width);
  }

  .product-image .main-image .pov-gallery-slide .pov-video-slide-content {
    min-height: var(--pov-main-min-height, clamp(10rem, 68vw, 24rem));
  }

  .product-image .additional-images .swiper-slide.pov-gallery-slide .pov-thumb-container {
    width: var(--pov-additional-thumb-width, 160px);
    min-height: var(--pov-additional-thumb-width, 160px);
  }

  .product-image .main-image .swiper-button-prev {
    transform: translate(-50%, -60%) !important;
  }
  .product-image .main-image .swiper-button-next {
    transform: translate(50%, -60%) !important;
  }

  .route-product-product:not(.popup) .product-image.direction-vertical .additional-images .swiper-button-prev,
  .route-product-product:not(.popup) .product-image.direction-vertical .additional-images .swiper-button-next {
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 768px) {
  .product-image .main-image .pov-gallery-slide .pov-video-slide-content {
    min-height: var(--pov-main-min-height, clamp(14rem, 42vw, 36rem));
  }

  .product-image .additional-images .swiper-slide.pov-gallery-slide .pov-thumb-container {
    width: var(--pov-additional-thumb-width, 160px);
  }
}

/* PDP: show swiper prev/next when overflow requires navigation */
.route-product-product:not(.popup) .product-image .swiper.swiper-has-pages > .swiper-button-prev,
.route-product-product:not(.popup) .product-image .swiper.swiper-has-pages > .swiper-button-next,
.route-product-product:not(.popup) .product-image .swiper.swiper-has-pages .swiper-controls .swiper-button-prev,
.route-product-product:not(.popup) .product-image .swiper.swiper-has-pages .swiper-controls .swiper-button-next {
  display: flex !important;
}

/* PDP main gallery: always show prev/next (Journal ImageCarouselVisibility + swiper-has-pages hide) */
.route-product-product:not(.popup) .product-image .main-image .swiper-controls {
  display: block !important;
}

.route-product-product:not(.popup) .product-image .main-image .swiper-controls .swiper-buttons {
  opacity: 1 !important;
  pointer-events: none;
}

.route-product-product:not(.popup) .product-image .main-image .swiper-controls .swiper-buttons > div {
  pointer-events: auto;
}

.route-product-product:not(.popup) .product-image .main-image .swiper-controls .swiper-button-prev,
.route-product-product:not(.popup) .product-image .main-image .swiper-controls .swiper-button-next {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.route-product-product:not(.popup) .product-image .main-image .swiper-controls .swiper-button-prev.swiper-button-disabled,
.route-product-product:not(.popup) .product-image .main-image .swiper-controls .swiper-button-next.swiper-button-disabled {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.route-product-product:not(.popup) .product-image .swiper.additional-images.swiper-has-pages .swiper-buttons {
  opacity: 1;
  /* Full-size overlay must not capture clicks — only prev/next arrows do */
  pointer-events: none;
}

.route-product-product:not(.popup) .product-image .swiper.additional-images.swiper-has-pages .swiper-buttons > div {
  pointer-events: auto;
}

/* Social Login */
/* .mm-social-login__provider--google::before {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20268.1522%20273.8827%22%20overflow%3D%22hidden%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230fbc5c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230cba65%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22g%22%3E%3Cstop%20offset%3D%22.2312727%22%20stop-color%3D%22%230fbc5f%22%2F%3E%3Cstop%20offset%3D%22.3115468%22%20stop-color%3D%22%230fbc5f%22%2F%3E%3Cstop%20offset%3D%22.3660131%22%20stop-color%3D%22%230fbc5e%22%2F%3E%3Cstop%20offset%3D%22.4575163%22%20stop-color%3D%22%230fbc5d%22%2F%3E%3Cstop%20offset%3D%22.540305%22%20stop-color%3D%22%2312bc58%22%2F%3E%3Cstop%20offset%3D%22.6993464%22%20stop-color%3D%22%2328bf3c%22%2F%3E%3Cstop%20offset%3D%22.7712418%22%20stop-color%3D%22%2338c02b%22%2F%3E%3Cstop%20offset%3D%22.8605665%22%20stop-color%3D%22%2352c218%22%2F%3E%3Cstop%20offset%3D%22.9150327%22%20stop-color%3D%22%2367c30f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2386c504%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22h%22%3E%3Cstop%20offset%3D%22.1416122%22%20stop-color%3D%22%231abd4d%22%2F%3E%3Cstop%20offset%3D%22.2475151%22%20stop-color%3D%22%236ec30d%22%2F%3E%3Cstop%20offset%3D%22.3115468%22%20stop-color%3D%22%238ac502%22%2F%3E%3Cstop%20offset%3D%22.3660131%22%20stop-color%3D%22%23a2c600%22%2F%3E%3Cstop%20offset%3D%22.4456735%22%20stop-color%3D%22%23c8c903%22%2F%3E%3Cstop%20offset%3D%22.540305%22%20stop-color%3D%22%23ebcb03%22%2F%3E%3Cstop%20offset%3D%22.6156363%22%20stop-color%3D%22%23f7cd07%22%2F%3E%3Cstop%20offset%3D%22.6993454%22%20stop-color%3D%22%23fdcd04%22%2F%3E%3Cstop%20offset%3D%22.7712418%22%20stop-color%3D%22%23fdce05%22%2F%3E%3Cstop%20offset%3D%22.8605661%22%20stop-color%3D%22%23ffce0a%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22f%22%3E%3Cstop%20offset%3D%22.3159041%22%20stop-color%3D%22%23ff4c3c%22%2F%3E%3Cstop%20offset%3D%22.6038179%22%20stop-color%3D%22%23ff692c%22%2F%3E%3Cstop%20offset%3D%22.7268366%22%20stop-color%3D%22%23ff7825%22%2F%3E%3Cstop%20offset%3D%22.884534%22%20stop-color%3D%22%23ff8d1b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff9f13%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20offset%3D%22.2312727%22%20stop-color%3D%22%23ff4541%22%2F%3E%3Cstop%20offset%3D%22.3115468%22%20stop-color%3D%22%23ff4540%22%2F%3E%3Cstop%20offset%3D%22.4575163%22%20stop-color%3D%22%23ff4640%22%2F%3E%3Cstop%20offset%3D%22.540305%22%20stop-color%3D%22%23ff473f%22%2F%3E%3Cstop%20offset%3D%22.6993464%22%20stop-color%3D%22%23ff5138%22%2F%3E%3Cstop%20offset%3D%22.7712418%22%20stop-color%3D%22%23ff5b33%22%2F%3E%3Cstop%20offset%3D%22.8605665%22%20stop-color%3D%22%23ff6c29%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff8c18%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22d%22%3E%3Cstop%20offset%3D%22.4084578%22%20stop-color%3D%22%23fb4e5a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff4540%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%3E%3Cstop%20offset%3D%22.1315461%22%20stop-color%3D%22%230cba65%22%2F%3E%3Cstop%20offset%3D%22.2097843%22%20stop-color%3D%22%230bb86d%22%2F%3E%3Cstop%20offset%3D%22.2972969%22%20stop-color%3D%22%2309b479%22%2F%3E%3Cstop%20offset%3D%22.3962575%22%20stop-color%3D%22%2308ad93%22%2F%3E%3Cstop%20offset%3D%22.4771242%22%20stop-color%3D%22%230aa6a9%22%2F%3E%3Cstop%20offset%3D%22.5684245%22%20stop-color%3D%22%230d9cc6%22%2F%3E%3Cstop%20offset%3D%22.667385%22%20stop-color%3D%22%231893dd%22%2F%3E%3Cstop%20offset%3D%22.7687273%22%20stop-color%3D%22%23258bf1%22%2F%3E%3Cstop%20offset%3D%22.8585063%22%20stop-color%3D%22%233086ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22e%22%3E%3Cstop%20offset%3D%22.3660131%22%20stop-color%3D%22%23ff4e3a%22%2F%3E%3Cstop%20offset%3D%22.4575163%22%20stop-color%3D%22%23ff8a1b%22%2F%3E%3Cstop%20offset%3D%22.540305%22%20stop-color%3D%22%23ffa312%22%2F%3E%3Cstop%20offset%3D%22.6156363%22%20stop-color%3D%22%23ffb60c%22%2F%3E%3Cstop%20offset%3D%22.7712418%22%20stop-color%3D%22%23ffcd0a%22%2F%3E%3Cstop%20offset%3D%22.8605665%22%20stop-color%3D%22%23fecf0a%22%2F%3E%3Cstop%20offset%3D%22.9150327%22%20stop-color%3D%22%23fecf08%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fdcd01%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20xlink%3Ahref%3D%22%23a%22%20id%3D%22s%22%20x1%3D%22219.6997%22%20y1%3D%22329.5351%22%20x2%3D%22254.4673%22%20y2%3D%22329.5351%22%20gradientUnits%3D%22userSpaceOnUse%22%2F%3E%3CradialGradient%20xlink%3Ahref%3D%22%23b%22%20id%3D%22m%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22matrix%28-1.936885%2C1.043001%2C1.455731%2C2.555422%2C290.5254%2C-400.6338%29%22%20cx%3D%22109.6267%22%20cy%3D%22135.8619%22%20fx%3D%22109.6267%22%20fy%3D%22135.8619%22%20r%3D%2271.46001%22%2F%3E%3CradialGradient%20xlink%3Ahref%3D%22%23c%22%20id%3D%22n%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22matrix%28-3.512595%2C-4.45809%2C-1.692547%2C1.260616%2C870.8006%2C191.554%29%22%20cx%3D%2245.25866%22%20cy%3D%22279.2738%22%20fx%3D%2245.25866%22%20fy%3D%22279.2738%22%20r%3D%2271.46001%22%2F%3E%3CradialGradient%20xlink%3Ahref%3D%22%23d%22%20id%3D%22l%22%20cx%3D%22304.0166%22%20cy%3D%22118.0089%22%20fx%3D%22304.0166%22%20fy%3D%22118.0089%22%20r%3D%2247.85445%22%20gradientTransform%3D%22matrix%282.064353%2C-4.926832e-6%2C-2.901531e-6%2C2.592041%2C-297.6788%2C-151.7469%29%22%20gradientUnits%3D%22userSpaceOnUse%22%2F%3E%3CradialGradient%20xlink%3Ahref%3D%22%23e%22%20id%3D%22o%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22matrix%28-0.2485783%2C2.083138%2C2.962486%2C0.3341668%2C-255.1463%2C-331.1636%29%22%20cx%3D%22181.001%22%20cy%3D%22177.2013%22%20fx%3D%22181.001%22%20fy%3D%22177.2013%22%20r%3D%2271.46001%22%2F%3E%3CradialGradient%20xlink%3Ahref%3D%22%23f%22%20id%3D%22p%22%20cx%3D%22207.6733%22%20cy%3D%22108.0972%22%20fx%3D%22207.6733%22%20fy%3D%22108.0972%22%20r%3D%2241.1025%22%20gradientTransform%3D%22matrix%28-1.249206%2C1.343263%2C-3.896837%2C-3.425693%2C880.5011%2C194.9051%29%22%20gradientUnits%3D%22userSpaceOnUse%22%2F%3E%3CradialGradient%20xlink%3Ahref%3D%22%23g%22%20id%3D%22r%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22matrix%28-1.936885%2C-1.043001%2C1.455731%2C-2.555422%2C290.5254%2C838.6834%29%22%20cx%3D%22109.6267%22%20cy%3D%22135.8619%22%20fx%3D%22109.6267%22%20fy%3D%22135.8619%22%20r%3D%2271.46001%22%2F%3E%3CradialGradient%20xlink%3Ahref%3D%22%23h%22%20id%3D%22j%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22matrix%28-0.081402%2C-1.93722%2C2.926737%2C-0.1162508%2C-215.1345%2C632.8606%29%22%20cx%3D%22154.8697%22%20cy%3D%22145.9691%22%20fx%3D%22154.8697%22%20fy%3D%22145.9691%22%20r%3D%2271.46001%22%2F%3E%3Cfilter%20id%3D%22q%22%20x%3D%22-.04842873%22%20y%3D%22-.0582241%22%20width%3D%221.096857%22%20height%3D%221.116448%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221.700914%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22k%22%20x%3D%22-.01670084%22%20y%3D%22-.01009856%22%20width%3D%221.033402%22%20height%3D%221.020197%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2419367%22%2F%3E%3C%2Ffilter%3E%3CclipPath%20clipPathUnits%3D%22userSpaceOnUse%22%20id%3D%22i%22%3E%3Cpath%20d%3D%22M371.3784%20193.2406H237.0825v53.4375h77.167c-1.2405%207.5627-4.0259%2015.0024-8.1049%2021.7862-4.6734%207.7723-10.4511%2013.6895-16.373%2018.1957-17.7389%2013.4983-38.42%2016.2584-52.7828%2016.2584-36.2824%200-67.2833-23.2865-79.2844-54.9287-.4843-1.1482-.8059-2.3344-1.1975-3.5068-2.652-8.0533-4.101-16.5825-4.101-25.4474%200-9.226%201.5691-18.0575%204.4301-26.3985%2011.2851-32.8967%2042.9849-57.4674%2080.1789-57.4674%207.4811%200%2014.6854.8843%2021.5173%202.6481%2015.6135%204.0309%2026.6578%2011.9698%2033.4252%2018.2494l40.834-39.7111c-24.839-22.616-57.2194-36.3201-95.8444-36.3201-30.8782-.00066-59.3863%209.55308-82.7477%2025.6992-18.9454%2013.0941-34.4833%2030.6254-44.9695%2050.9861-9.75366%2018.8785-15.09441%2039.7994-15.09441%2062.2934%200%2022.495%205.34891%2043.6334%2015.10261%2062.3374v.126c10.3023%2019.8567%2025.3678%2036.9537%2043.6783%2049.9878%2015.9962%2011.3866%2044.6789%2026.5516%2084.0307%2026.5516%2022.6301%200%2042.6867-4.0517%2060.3748-11.6447%2012.76-5.4775%2024.0655-12.6217%2034.3012-21.8036%2013.5247-12.1323%2024.1168-27.1388%2031.3465-44.4041%207.2297-17.2654%2011.097-36.7895%2011.097-57.957%200-9.858-.9971-19.8694-2.6881-28.9684Z%22%20fill%3D%22%23000%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22matrix%280.957922%2C0%2C0%2C0.985255%2C-90.17436%2C-78.85577%29%22%3E%3Cg%20clip-path%3D%22url%28%23i%29%22%3E%3Cpath%20d%3D%22M92.07563%20219.9585c.14844%2022.14%206.5014%2044.983%2016.11767%2063.4234v.1269c6.9482%2013.3919%2016.4444%2023.9704%2027.2604%2034.4518l65.326-23.67c-12.3593-6.2344-14.2452-10.0546-23.1048-17.0253-9.0537-9.0658-15.8015-19.4735-20.0038-31.677h-.1693l.1693-.1269c-2.7646-8.0587-3.0373-16.6129-3.1393-25.5029Z%22%20fill%3D%22url%28%23j%29%22%20filter%3D%22url%28%23k%29%22%2F%3E%3Cpath%20d%3D%22M237.0835%2079.02491c-6.4568%2022.52569-3.988%2044.42139%200%2057.16129%207.4561.0055%2014.6388.8881%2021.4494%202.6464%2015.6135%204.0309%2026.6566%2011.97%2033.424%2018.2496l41.8794-40.7256c-24.8094-22.58904-54.6663-37.2961-96.7528-37.33169Z%22%20fill%3D%22url%28%23l%29%22%20filter%3D%22url%28%23k%29%22%2F%3E%3Cpath%20d%3D%22M236.9434%2078.84678c-31.6709-.00068-60.9107%209.79833-84.8718%2026.35902-8.8968%206.149-17.0612%2013.2521-24.3311%2021.1509-1.9045%2017.7429%2014.2569%2039.5507%2046.2615%2039.3702%2015.5284-17.9373%2038.4946-29.5427%2064.0561-29.5427.0233%200%20.046.0019.0693.002l-1.0439-57.33536c-.0472-.00003-.0929-.00406-.1401-.00406Z%22%20fill%3D%22url%28%23m%29%22%20filter%3D%22url%28%23k%29%22%2F%3E%3Cpath%20d%3D%22m341.4751%20226.3788-28.2685%2019.2848c-1.2405%207.5627-4.0278%2015.0023-8.1068%2021.7861-4.6734%207.7723-10.4506%2013.6898-16.3725%2018.196-17.7022%2013.4704-38.3286%2016.2439-52.6877%2016.2553-14.8415%2025.1018-17.4435%2037.6749%201.0439%2057.9342%2022.8762-.0167%2043.157-4.1174%2061.0458-11.7965%2012.9312-5.551%2024.3879-12.7913%2034.7609-22.0964%2013.7061-12.295%2024.4421-27.5034%2031.7688-45.0003%207.3267-17.497%2011.2446-37.2822%2011.2446-58.7336Z%22%20fill%3D%22url%28%23n%29%22%20filter%3D%22url%28%23k%29%22%2F%3E%3Cpath%20d%3D%22M234.9956%20191.2104v57.4981h136.0062c1.1962-7.8745%205.1523-18.0644%205.1523-26.5001%200-9.858-.9963-21.899-2.6873-30.998Z%22%20fill%3D%22%233086ff%22%20filter%3D%22url%28%23k%29%22%2F%3E%3Cpath%20d%3D%22M128.3894%20124.3268c-8.393%209.1191-15.5632%2019.326-21.2483%2030.3646-9.75351%2018.8785-15.09402%2041.8295-15.09402%2064.3235%200%20.317.02642.6271.02855.9436%204.31953%208.2244%2059.66647%206.6495%2062.45617%200-.0035-.3103-.0387-.6128-.0387-.9238%200-9.226%201.5696-16.0262%204.4306-24.3672%203.5294-10.2885%209.0557-19.7628%2016.1223-27.9257%201.6019-2.0309%205.8748-6.3969%207.1214-9.0157.4749-.9975-.8621-1.5574-.9369-1.9085-.0836-.3927-1.8762-.0769-2.2778-.3694-1.2751-.9288-3.8001-1.4138-5.3334-1.8449-3.2772-.9215-8.7085-2.9536-11.7252-5.0601-9.5357-6.6586-24.417-14.6122-33.5047-24.2164Z%22%20fill%3D%22url%28%23o%29%22%20filter%3D%22url%28%23k%29%22%2F%3E%3Cpath%20d%3D%22M162.0989%20155.8569c22.1123%2013.3013%2028.4714-6.7139%2043.173-12.9771L179.698%2090.21568c-9.4075%203.92642-18.2957%208.80465-26.5426%2014.50442-12.316%208.5122-23.192%2018.8995-32.1763%2030.7204Z%22%20fill%3D%22url%28%23p%29%22%20filter%3D%22url%28%23q%29%22%2F%3E%3Cpath%20d%3D%22M171.0987%20290.222c-29.6829%2010.6413-34.3299%2011.023-37.0622%2029.2903%205.2213%205.0597%2010.8312%209.74%2016.7926%2013.9835%2015.9962%2011.3867%2046.766%2026.5517%2086.1178%2026.5517.0462%200%20.0904-.004.1366-.004v-59.1574c-.0298.0001-.064.002-.0938.002-14.7359%200-26.5113-3.8435-38.5848-10.5273-2.9768-1.6479-8.3775%202.7772-11.1229.799-3.7865-2.7284-12.8991%202.3508-16.1833-.9378Z%22%20fill%3D%22url%28%23r%29%22%20filter%3D%22url%28%23k%29%22%2F%3E%3Cpath%20d%3D%22M219.6997%20299.0227v59.9959c5.506.6402%2011.2361%201.0289%2017.2472%201.0289%206.0259%200%2011.8556-.3073%2017.5204-.8723v-59.7481c-6.3482%201.0777-12.3272%201.461-17.4776%201.461-5.9318%200-11.7005-.6858-17.29-1.8654Z%22%20opacity%3D%22.5%22%20fill%3D%22url%28%23s%29%22%20filter%3D%22url%28%23k%29%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
} */

.mm-social-login__provider--google div:first-of-type {
  display: flex;
  justify-content: flex-start;
} .mm-social-login__provider--google .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  display: flex;
  justify-content: center;
  flex: 1;
}

.mm-social-login__provider--facebook {
  color: #fff;
  border-color: #1877f2;
  background-color: #1877f2;
} .mm-social-login__provider--facebook:hover {
  color: #fff;
  border-color: #166fe0;
  background-color: #166fe0;
}

/* First bonus campaign */
.mm-fbc__title.mm-popup__title {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
} .mm-fbc__content {
  padding: 0 0 2rem 0;
}

.mm-fbc__coupon-code {
  text-align: center;
}

.mm-fbc__close,
.mm-fbc__close:hover {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0 !important;
  border: 0;
  background: transparent !important;
}

.mm-fbc__close svg {
  width: 16px;
  height: 16px;
  display: block;
}

.mm-fbc__coupon-copy::before {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2222%22%20viewBox%3D%220%200%2016%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.2601%204.6V20.6H0.600098V0.6H11.2601L15.2601%204.6Z%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3.93018%206.6H7.93018%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3.93018%2010.6H11.9302%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3.93018%2014.6H11.9302%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* Account management */

.account-list > li > a {
  gap: .25rem !important;
  line-height: 1.9rem !important;
  justify-content: space-around !important;
  text-transform: none !important;
} .account-list > li > a:hover {
  box-shadow: none !important;
  color: var(--color-primary, #510d02) !important;
} .account-list > li > a:focus {
  background: none !important;
}
.account-list > li > a::before,
.account-list > li > a:focus::before {
  line-height: normal !important;
  color: var(--color-quaternary, #181818) !important;
  transition: color .2s ease !important;
} .account-list > li > a:hover::before {
  color: var(--color-primary, #510d02) !important;
}

/* Scroll to top + live chat float stack — .mm-scroll-top-active toggled in custom.js */
.mm-live-chat,
.mm-live-chat.is-ai-online {
  --mm-float-launcher-height: 3rem;
}

/* Scroll button stays on the bottom anchor; chat moves up into its slot when scroll is visible */
html:has(body button.mm-scroll-top.mm-scroll-top-active) .mm-live-chat {
  bottom: calc(
    var(--mm-float-stack-bottom, 2rem) + var(--mm-scroll-top-size, 3.75rem) +
      var(--mm-float-gap, 0.75rem)
  );
}

/* Slide/fade out in sync with live chat panel open (see --mm-live-chat-panel-duration) */
.mm-live-chat.is-open ~ button.mm-scroll-top,
html.mm-live-chat-open body button.mm-scroll-top {
  pointer-events: none !important;
  --mm-scroll-top-duration: var(--mm-live-chat-panel-duration, 0.22s);
  --mm-scroll-top-ease: ease-out;
}

html body button.mm-scroll-top,
html body button.mm-scroll-top.mm-scroll-top-active {
  display: inline-flex !important;
}

html body button.mm-scroll-top.mm-btn {
  gap: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
  letter-spacing: 0;
  padding: 0 !important;
}

html body button.mm-scroll-top {
  --mm-scroll-top-size: 3.75rem;
  --mm-scroll-top-icon: 1.75rem;
  --mm-scroll-top-slide-gap: 1rem;
  --mm-scroll-top-travel: calc(var(--mm-scroll-top-size) + var(--mm-scroll-top-slide-gap));
  --mm-scroll-top-inset-right: var(--mm-float-edge, 1.5rem);
  --mm-scroll-top-inset-bottom: var(--mm-float-stack-bottom, 2rem);
  --mm-scroll-top-z: 10040;
  --mm-scroll-top-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --mm-scroll-top-duration: 0.45s;
  position: fixed;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: var(--mm-scroll-top-z);
  right: var(--mm-scroll-top-inset-right);
  bottom: calc(var(--mm-scroll-top-inset-bottom) - var(--mm-scroll-top-travel));
  box-sizing: border-box;
  width: var(--mm-scroll-top-size);
  height: var(--mm-scroll-top-size);
  min-width: var(--mm-scroll-top-size);
  min-height: var(--mm-scroll-top-size);
  margin: 0;
  border: 1px solid var(--color-primary, #510d02);
  border-radius: 999px !important;
  box-shadow:
    0 10px 28px rgb(from var(--color-quaternary, #181818) r g b / 20%),
    0 2px 6px rgb(from var(--color-quaternary, #181818) r g b / 12%);
  opacity: 0;
  pointer-events: none;
  transform: none;
  transition:
    bottom var(--mm-scroll-top-duration) var(--mm-scroll-top-ease),
    opacity calc(var(--mm-scroll-top-duration) * 0.9) var(--mm-scroll-top-ease),
    box-shadow 0.2s ease;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  overflow: hidden;
  isolation: isolate;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

html body button.mm-scroll-top .mm-scroll-top__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--mm-scroll-top-icon);
  height: var(--mm-scroll-top-icon);
  margin: 0;
  padding: 0;
  line-height: 0;
  pointer-events: none;
}

html body button.mm-scroll-top .mm-scroll-top__icon i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 1em;
  height: 1em;
  min-width: 0;
  min-height: 0;
  font-size: var(--mm-scroll-top-icon);
  line-height: 1;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body button.mm-scroll-top .mm-scroll-top__icon i::before {
  display: block;
  margin: 0;
  padding: 0;
  width: 1em;
  height: 1em;
  font-size: inherit !important;
  line-height: 1em;
  text-align: center;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: translateY(0.06em);
}

html body button.mm-scroll-top.mm-scroll-top-active:hover {
  box-shadow:
    0 12px 32px rgb(from var(--color-quaternary, #181818) r g b / 22%),
    0 4px 10px rgb(from var(--color-quaternary, #181818) r g b / 14%);
}

html body button.mm-scroll-top.mm-scroll-top-active:focus-visible {
  outline: 2px solid var(--color-primary, #510d02);
  outline-offset: 3px;
}

html body button.mm-scroll-top:not(.mm-scroll-top-active):focus,
html body button.mm-scroll-top:not(.mm-scroll-top-active):focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
}

html body button.mm-scroll-top.mm-scroll-top-active {
  bottom: var(--mm-scroll-top-inset-bottom);
  opacity: 1;
  pointer-events: auto;
  transition:
    bottom var(--mm-scroll-top-duration) var(--mm-scroll-top-ease),
    opacity calc(var(--mm-scroll-top-duration) * 0.9) var(--mm-scroll-top-ease),
    box-shadow 0.2s ease;
}

@media (max-width: 1023.98px) {
  html {
    --mm-float-edge: 12px;
    --mm-float-gap: 1rem;
    --mm-scroll-top-size: 4rem;
    --mm-float-stack-bottom: 2rem;
  }

  html.mm-ios {
    --mm-float-bottom-bar: 104px;
    --mm-scroll-top-nudge: 0.5rem;
    --mm-float-stack-bottom: calc(
      var(--mm-float-bottom-bar) + env(safe-area-inset-bottom, 0px) + var(--mm-float-gap) +
        var(--mm-scroll-top-nudge, 0.5rem)
    );
  }

  html body button.mm-scroll-top {
    --mm-scroll-top-size: 4rem;
    --mm-scroll-top-icon: 1.75rem;
    --mm-scroll-top-slide-gap: var(--mm-float-gap);
    --mm-scroll-top-z: 10060;
  }

  html body button.mm-scroll-top.mm-scroll-top-active:hover {
    bottom: calc(var(--mm-scroll-top-inset-bottom) + 2px);
  }

  .mm-live-chat ~ button.mm-scroll-top {
    --mm-scroll-top-z: 9996;
  }

  .mm-live-chat ~ button.mm-scroll-top.mm-scroll-top-active {
    --mm-scroll-top-z: 10060;
  }
}

@media (min-width: 1024px) {
  html {
    --mm-float-edge: 4rem;
    --mm-float-gap: 1.5rem;
    --mm-scroll-top-size: 4.5rem;
    --mm-float-stack-bottom: 2rem;
  }

  html body button.mm-scroll-top {
    --mm-scroll-top-icon: 2rem;
    --mm-scroll-top-slide-gap: var(--mm-float-gap);
    --mm-scroll-top-z: 10000;
  }

  html body button.mm-scroll-top.mm-btn.light:hover,
  html body button.mm-scroll-top.mm-btn.light:active,
  html body button.mm-scroll-top.mm-btn.light:focus {
    border-color: var(--color-primary, #510d02) !important;
  }

  html body button.mm-scroll-top.mm-scroll-top-active:hover,
  html body button.mm-scroll-top.mm-scroll-top-active:focus-visible {
    bottom: var(--mm-scroll-top-inset-bottom);
  }

  html body button.mm-scroll-top.mm-btn .fa,
  html body button.mm-scroll-top.mm-btn i::before {
    font-size: var(--mm-scroll-top-icon) !important;
    line-height: 1 !important;
  }

  html body button.mm-scroll-top .mm-scroll-top__icon {
    width: var(--mm-scroll-top-icon);
    height: var(--mm-scroll-top-icon);
    flex: 0 0 auto;
  }

  html body button.mm-scroll-top .mm-scroll-top__icon i {
    width: 100%;
    height: 100%;
    font-size: var(--mm-scroll-top-icon);
  }

  html body button.mm-scroll-top .mm-scroll-top__icon i::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    transform: none;
    text-align: center;
  }

  .mm-live-chat ~ button.mm-scroll-top {
    --mm-scroll-top-z: 9996;
  }

  .mm-live-chat ~ button.mm-scroll-top.mm-scroll-top-active {
    --mm-scroll-top-z: 10000;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body button.mm-scroll-top {
    --mm-scroll-top-travel: 0;
    --mm-scroll-top-duration: 0.15s;
    bottom: var(--mm-scroll-top-inset-bottom);
    transition: opacity 0.15s ease;
  }

  html body button.mm-scroll-top.mm-scroll-top-active:hover {
    bottom: var(--mm-scroll-top-inset-bottom);
  }
}

/* Product iframe popups — options + quickview */
.mm-popup.mm-popup--options .mm-popup__dialog {
  width: min(640px, 94vw);
  max-width: 94vw;
}

.mm-popup.mm-popup--options.mm-popup--iframe .mm-popup__body {
  height: min(400px, 85vh);
}

.mm-popup.mm-popup--quickview .mm-popup__dialog {
  width: min(840px, 96vw);
  max-width: 96vw;
}

.mm-popup.mm-popup--quickview.mm-popup--iframe .mm-popup__body {
  height: min(700px, 90vh);
}

/*
 * Quickview iframe — unified cream surface, sensible content order (see product.twig),
 * compact title, no stray white panels.
 */
html.popup.route-product-product.popup-quickview,
html.popup.route-product-product.popup-quickview body,
html.popup.route-product-product.popup-quickview .site-wrapper,
html.popup.route-product-product.popup-quickview #content,
html.popup.route-product-product.popup-quickview .product-info,
html.popup.route-product-product.popup-quickview .product-left,
html.popup.route-product-product.popup-quickview .product-right,
html.popup.route-product-product.popup-quickview .product-details,
html.popup.route-product-product.popup-quickview .product-left .product-image,
html.popup.route-product-product.popup-quickview .main-image,
html.popup.route-product-product.popup-quickview .swiper,
html.popup.route-product-product.popup-quickview .swiper-slide,
html.popup.route-product-product.popup-quickview .button-group-page {
  background-color: var(--color-background-tertiary, #fefef2) !important;
} html.popup-quickview .product-right .description {
  order: 0 !important;
}

html.popup.route-product-product.popup-quickview #content > h1.page-title {
  display: none !important;
}

html.popup.route-product-product.popup-quickview .product-details .title.page-title {
  margin: 0 0 0.35rem !important;
  padding: 0 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  text-align: left !important;
  text-transform: uppercase;
}

html.popup.route-product-product.popup-quickview .product-details .title.page-title span {
  line-height: inherit !important;
}

html.popup.route-product-product.popup-quickview .product-details .subtitle {
  margin: 0 0 1rem !important;
  text-align: left;
}

html.popup.route-product-product.popup-quickview .product-details .price-group {
  margin-bottom: 1rem !important;
}

html.popup.route-product-product.popup-quickview .product-options {
  margin-top: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html.popup.route-product-product.popup-quickview .product-options .options-title {
  margin-bottom: 0.75rem !important;
}

html.popup.route-product-product.popup-quickview .product-options .form-group,
html.popup.route-product-product.popup-quickview .product-options .push-option {
  background-color: transparent !important;
}

html.popup.route-product-product.popup-quickview .mm-quickview-description {
  margin: 0 0 1.25rem !important;
  text-align: left;
}

html.popup.route-product-product.popup-quickview .mm-quickview-description .mm-expand__button {
  margin-top: 0.75rem;
}

html.popup.route-product-product.popup-quickview .product-info .product-details .product-stats {
  margin-bottom: 1rem !important;
}

html.popup.route-product-product.popup-quickview .container {
  max-width: none !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* Quickview: main gallery + horizontal thumb carousel */
html.popup.route-product-product.popup-quickview .product-image {
  --pov-additional-thumb-width: 96px;
  --pov-additional-thumb-gutter: 12px;
  width: 100% !important;
  max-width: 100%;
}

html.popup.route-product-product.popup-quickview .product-image.direction-horizontal {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}

html.popup.route-product-product.popup-quickview .product-image.direction-horizontal .main-image {
  width: 100% !important;
  max-width: 100%;
  flex: 0 0 auto;
}

html.popup.route-product-product.popup-quickview .product-image.direction-horizontal .additional-images {
  flex: 0 0 auto;
  width: 100% !important;
  max-width: 100%;
  height: var(--pov-additional-thumb-width) !important;
  min-height: var(--pov-additional-thumb-width);
  max-height: var(--pov-additional-thumb-width);
  margin: 0;
  overflow: visible;
  padding-left: 32px;
  padding-right: 32px;
  box-sizing: border-box;
}

html.popup.route-product-product.popup-quickview .product-image.direction-horizontal .additional-images .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

html.popup.route-product-product.popup-quickview .product-image.direction-horizontal .additional-images .swiper-wrapper {
  align-items: center;
}

html.popup.route-product-product.popup-quickview .product-image.direction-horizontal .additional-images .swiper-pagination {
  display: none !important;
}

html.popup.route-product-product.popup-quickview .product-image.direction-horizontal .additional-images .swiper-buttons {
  align-items: flex-end !important;
  justify-content: space-between !important;
  padding: 0 10px 5px !important;
  box-sizing: border-box;
}

html.popup.route-product-product.popup-quickview .product-image.direction-horizontal .additional-images .swiper-buttons > div {
  transform: translateY(-15px) !important;
}

html.popup.route-product-product.popup-quickview .product-image .additional-images .swiper-slide.additional-image:not(.swiper-slide-active),
html.popup.route-product-product.popup-quickview .product-image .additional-images .swiper-slide.pov-gallery-slide.additional-image:not(.swiper-slide-active) {
  opacity: 0.96;
}

html.popup.route-product-product.popup-quickview .product-image .additional-images .swiper-slide.pov-gallery-slide .pov-thumb-container::after {
  background: rgba(255, 255, 255, 0.18);
}

html.popup.route-product-product.popup-quickview .product-image .additional-images .swiper-slide.additional-image.swiper-slide-active .pov-thumb-container::after {
  background: rgba(255, 255, 255, 0.06);
}

html.popup.route-product-product.popup-quickview .product-image .main-image .swiper-slide img {
  width: 100%;
  height: auto;
  max-height: min(340px, 45vh);
  object-fit: contain;
}

html.popup.route-product-product.popup-quickview .product-image .additional-images .swiper-button-prev,
html.popup.route-product-product.popup-quickview .product-image .additional-images .swiper-button-next {
  width: 36px;
  height: 36px;
  padding: 0.4rem !important;
  box-sizing: border-box;
  flex-shrink: 0;
}

html.popup.route-product-product.popup-quickview .product-image .additional-images .swiper-button-prev::before,
html.popup.route-product-product.popup-quickview .product-image .additional-images .swiper-button-next::before {
  width: 8px;
  height: 16px;
}

html.popup.route-product-product.popup-quickview .product-image .additional-images img {
  min-height: 0 !important;
}

/* Popup mm-slider: thumbs below main image (direction-vertical position-bottom) */
html.popup.route-product-product .product-image .mm-slider.direction-vertical.position-bottom,
html.popup.route-product-product .product-image .mm-slider.direction-horizontal.position-bottom {
  flex-direction: column;
  align-items: stretch;
  gap: var(--pov-additional-thumb-gutter, 12px);
}

html.popup.route-product-product .product-image .mm-slider.direction-vertical.position-bottom .mm-slider-main-image,
html.popup.route-product-product .product-image .mm-slider.direction-horizontal.position-bottom .mm-slider-main-image {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
}

html.popup.route-product-product .product-image .mm-slider.direction-vertical.position-bottom .mm-slider__media,
html.popup.route-product-product .product-image .mm-slider.direction-horizontal.position-bottom .mm-slider__media {
  max-height: min(340px, 45vh);
}

html.popup.route-product-product .product-image .mm-slider.direction-vertical.position-bottom .mm-slider-list,
html.popup.route-product-product .product-image .mm-slider.direction-horizontal.position-bottom .mm-slider-list {
  order: 0;
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  height: var(--pov-additional-thumb-width, 96px);
  min-height: var(--pov-additional-thumb-width, 96px);
  max-height: var(--pov-additional-thumb-width, 96px);
  margin: 0;
  overflow: visible;
  position: relative;
  box-sizing: border-box;
}

html.popup.route-product-product .product-image .mm-slider.direction-vertical.position-bottom .mm-slider__thumbs,
html.popup.route-product-product .product-image .mm-slider.direction-horizontal.position-bottom .mm-slider__thumbs {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  align-content: flex-end;
  justify-content: flex-start;
  margin-top: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

html.popup.route-product-product .product-image .mm-slider.direction-vertical.position-bottom .mm-slider__thumb,
html.popup.route-product-product .product-image .mm-slider.direction-horizontal.position-bottom .mm-slider__thumb {
  align-self: flex-end;
  width: var(--pov-additional-thumb-width, 96px);
  height: var(--pov-additional-thumb-width, 96px);
  max-width: var(--pov-additional-thumb-width, 96px);
  max-height: var(--pov-additional-thumb-width, 96px);
}

html.popup.route-product-product .product-image .mm-slider.direction-vertical.position-bottom .mm-slider__thumb-preview,
html.popup.route-product-product .product-image .mm-slider.direction-horizontal.position-bottom .mm-slider__thumb-preview {
  max-height: var(--pov-additional-thumb-width, 96px);
  background-position: center bottom;
}

html.popup.route-product-product .product-image .mm-slider.direction-vertical.position-bottom .mm-slider-list.is-thumb-scrolling .mm-slider__thumbs,
html.popup.route-product-product .product-image .mm-slider.direction-horizontal.position-bottom .mm-slider-list.is-thumb-scrolling .mm-slider__thumbs {
  padding-left: 44px;
  padding-right: 44px;
  box-sizing: border-box;
}

html.popup.route-product-product .product-image .mm-slider.direction-vertical.position-bottom .mm-slider__nav--thumbs,
html.popup.route-product-product .product-image .mm-slider.direction-horizontal.position-bottom .mm-slider__nav--thumbs {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 10px 5px;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 3;
}

html.popup.route-product-product .product-image .mm-slider.direction-vertical.position-bottom .mm-slider__nav--thumbs .mm-slider__btn,
html.popup.route-product-product .product-image .mm-slider.direction-horizontal.position-bottom .mm-slider__nav--thumbs .mm-slider__btn {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: translateY(-15px) !important;
  flex: 0 0 auto;
  margin: 0 !important;
  pointer-events: auto;
}

html.popup.route-product-product .product-image .mm-slider.direction-vertical.position-bottom .mm-slider__nav--thumbs .mm-slider__btn--prev::before,
html.popup.route-product-product .product-image .mm-slider.direction-vertical.position-bottom .mm-slider__nav--thumbs .mm-slider__btn--next::before,
html.popup.route-product-product .product-image .mm-slider.direction-horizontal.position-bottom .mm-slider__nav--thumbs .mm-slider__btn--prev::before,
html.popup.route-product-product .product-image .mm-slider.direction-horizontal.position-bottom .mm-slider__nav--thumbs .mm-slider__btn--next::before {
  transform: none !important;
}

/* mm-popup iframe: remove site-wrapper padding only — keep .container / .mm-body layout */
html.popup .site-wrapper {
  padding: 0 !important;
  min-height: 0;
}

.product-info .product-details .button-group-page {
  background-color: var(--color-background-tertiary, #ffffff) !important;
}

.grid-item.grid-item-top-7-1-1 .mm-btn {
  border-color: #fff !important;
  color: #fff !important;
}

.module-blocks-212 .module-item-1 .block-footer,
.module-blocks-212 .module-item-2 .block-footer {
  margin-right: 5px !important;
}

/*
 * Product card quickview — centered mm-btn primary icon (zoom), no label text.
 * Beats Journal/module rules that hide or reposition .quickview-button / .btn-quickview.
 */
html body .product-thumb .image .product-img {
  position: relative;
  z-index: 1;
}

html body .product-thumb .image .product-top-actions {
  z-index: 5;
}

html body .product-thumb .image .quickview-button,
html body .main-products.product-grid .product-thumb .image .quickview-button,
html body .module-products .product-grid .product-thumb .image .quickview-button {
  position: absolute !important;
  z-index: 6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  overflow: visible;
}

html body .side-product .image .quickview-button {
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

html body .product-thumb .image .mm-quickview-btn,
html body .side-product .image .mm-quickview-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0 !important;
  text-transform: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.92);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
}

html body .product-thumb:hover .image .mm-quickview-btn,
html body .product-thumb .image:hover .mm-quickview-btn,
html body .side-product:hover .image .mm-quickview-btn,
html body .side-product .image:hover .mm-quickview-btn {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto;
  transform: scale(1) !important;
}

html body .product-thumb:hover .image .quickview-button,
html body .product-thumb .image:hover .quickview-button,
html body .side-product:hover .image .quickview-button,
html body .side-product .image:hover .quickview-button {
  pointer-events: auto;
}

html body .product-thumb .image .mm-quickview-btn .btn-text,
html body .product-thumb .image .mm-quickview-btn::before,
html body .product-thumb .image .btn-quickview::before,
html body .side-product .image .mm-quickview-btn .btn-text,
html body .side-product .image .mm-quickview-btn::before {
  display: none !important;
  content: none !important;
}

html body .product-thumb .image .mm-quickview-btn__icon,
html body .side-product .image .mm-quickview-btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

html body .product-thumb .image .mm-quickview-btn__icon svg,
html body .side-product .image .mm-quickview-btn__icon svg {
  width: 20px;
  height: 20px;
  display: block;
}

html body .product-thumb .image .mm-quickview-btn__icon svg circle,
html body .product-thumb .image .mm-quickview-btn__icon svg path,
html body .side-product .image .mm-quickview-btn__icon svg circle,
html body .side-product .image .mm-quickview-btn__icon svg path {
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Touch: no hover — keep quickview visible */
html body.phone .product-thumb .image .mm-quickview-btn,
html body.tablet .product-thumb .image .mm-quickview-btn,
html body.phone .side-product .image .mm-quickview-btn,
html body.tablet .side-product .image .mm-quickview-btn {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto;
  transform: scale(1) !important;
}

/* Product image zoom — FLIP open, pan, click-to-focus */
html.mm-product-image-zoom-open,
html.mm-product-image-zoom-open body {
  overflow: hidden !important;
}

#mm-product-image-zoom {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: none;
  pointer-events: none;
}

#mm-product-image-zoom.is-active,
#mm-product-image-zoom.is-opening {
  display: block;
  pointer-events: auto;
}

#mm-product-image-zoom .mm-piz-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.94);
  opacity: 0;
  transition: opacity 320ms ease;
}

#mm-product-image-zoom.is-active .mm-piz-backdrop,
#mm-product-image-zoom.is-opening .mm-piz-backdrop {
  opacity: 1;
}

#mm-product-image-zoom .mm-piz-flip-img {
  position: fixed;
  z-index: 1000002;
  object-fit: fill;
  border-radius: 2px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  pointer-events: none;
  will-change: top, left, width, height;
}

#mm-product-image-zoom .mm-piz-shell {
  position: absolute;
  inset: 0;
  z-index: 1000001;
  opacity: 0;
  transition: none;
  pointer-events: none;
}

#mm-product-image-zoom.is-active .mm-piz-shell,
#mm-product-image-zoom.is-opening .mm-piz-shell {
  pointer-events: auto;
}

#mm-product-image-zoom.is-active .mm-piz-shell {
  opacity: 1;
}

#mm-product-image-zoom.is-opening .mm-piz-shell {
  opacity: 0;
}

#mm-product-image-zoom .mm-piz-stage {
  position: absolute;
  inset: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#mm-product-image-zoom .mm-piz-viewport {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  touch-action: none;
  cursor: zoom-in;
}

#mm-product-image-zoom.is-panning .mm-piz-viewport {
  cursor: grab;
}

#mm-product-image-zoom.is-dragging .mm-piz-viewport {
  cursor: grabbing;
}

#mm-product-image-zoom.is-zoomed .mm-piz-viewport {
  cursor: zoom-in;
}

#mm-product-image-zoom .mm-piz-content {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  max-height: 100%;
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: center center;
  will-change: transform, opacity;
  backface-visibility: hidden;
  transition: opacity 160ms ease;
}

#mm-product-image-zoom .mm-piz-content [data-mm-piz-media] {
  max-width: 100%;
  max-height: 100%;
  border: 0;
}

#mm-product-image-zoom .mm-piz-content [data-mm-piz-media]:not(.is-active) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  clip: rect(0, 0, 0, 0) !important;
}

#mm-product-image-zoom .mm-piz-content .mm-piz-image.is-active {
  display: block;
  width: auto;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
}

#mm-product-image-zoom .mm-piz-content .mm-piz-embed.is-active {
  display: block;
  width: min(100%, 1200px);
  aspect-ratio: 16 / 9;
  height: auto;
  background: #000;
}

#mm-product-image-zoom .mm-piz-content .mm-piz-native.is-active {
  display: block;
  width: min(100%, 1200px);
  max-height: 100%;
  object-fit: contain;
  background: #000;
}

#mm-product-image-zoom.is-slide-video .mm-piz-viewport {
  cursor: default;
}

#mm-product-image-zoom.is-slide-video.is-zoomed .mm-piz-viewport {
  cursor: default;
}

#mm-product-image-zoom .mm-piz-close {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 1000003;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 1rem;
  border: 0;
  border-radius: 999px;
  box-sizing: border-box;
  background: var(--color-background-primary, #fff) !important;
  color: var(--color-primary, #510d02);
  box-shadow: var(--p-shadow-base, 0 4px 14px rgba(0, 0, 0, 0.18)) !important;
  cursor: pointer;
}

#mm-product-image-zoom .mm-piz-close:hover {
  background: var(--color-background-secondary, #f7cfc8) !important;
}

#mm-product-image-zoom .mm-piz-close:active {
  background: var(--color-background-primary, #fff) !important;
}

#mm-product-image-zoom .mm-piz-close:focus-visible {
  outline: 1px solid var(--color-primary, #510d02) !important;
  outline-offset: 2px !important;
}

#mm-product-image-zoom .mm-piz-close svg {
  display: none !important;
}

#mm-product-image-zoom .mm-piz-close::before {
  content: "" !important;
  display: inline-block;
  width: 16px !important;
  height: 16px !important;
  vertical-align: middle;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6001 0.600006L0.600098 20.6' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.6001 20.6L0.600098 0.600006' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6001 0.600006L0.600098 20.6' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.6001 20.6L0.600098 0.600006' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  background-color: currentColor !important;
}

#mm-product-image-zoom .mm-piz-close::after {
  content: none !important;
  display: none !important;
}

#mm-product-image-zoom .mm-piz-nav {
  position: fixed;
  top: 50%;
  z-index: 1000004;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 1rem;
  border: 0;
  border-radius: 999px;
  box-sizing: border-box;
  background: var(--color-background-primary, #fff) !important;
  color: var(--color-primary, #510d02);
  box-shadow: var(--p-shadow-base, 0 4px 14px rgba(0, 0, 0, 0.18)) !important;
  cursor: pointer;
  pointer-events: auto;
}

#mm-product-image-zoom .mm-piz-nav:hover {
  background: var(--color-background-secondary, #f7cfc8) !important;
}

#mm-product-image-zoom .mm-piz-nav:active {
  background: var(--color-background-primary, #fff) !important;
}

#mm-product-image-zoom .mm-piz-nav:focus-visible {
  outline: 1px solid var(--color-primary, #510d02) !important;
  outline-offset: 2px !important;
}

#mm-product-image-zoom .mm-piz-nav::after {
  content: none !important;
  display: none !important;
}

#mm-product-image-zoom .mm-piz-nav-icon,
#mm-product-image-zoom .mm-piz-nav-icon path {
  display: none !important;
}

#mm-product-image-zoom .mm-piz-next::before {
  content: "" !important;
  display: inline-block;
  width: 10px !important;
  height: 20px !important;
  vertical-align: middle;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.600098 0.600006L10.6001 10.6L0.600098 20.6' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.600098 0.600006L10.6001 10.6L0.600098 20.6' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  background-color: currentColor !important;
}

#mm-product-image-zoom .mm-piz-prev::before {
  content: "" !important;
  display: inline-block;
  width: 10px !important;
  height: 20px !important;
  vertical-align: middle;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6001 20.6L0.600097 10.6L10.6001 0.600006' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6001 20.6L0.600097 10.6L10.6001 0.600006' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  background-color: currentColor !important;
}

#mm-product-image-zoom .mm-piz-prev {
  left: 8px;
  transform: translateY(-50%);
}

#mm-product-image-zoom .mm-piz-next {
  right: 8px;
  transform: translateY(-50%);
}

#mm-product-image-zoom:not(.has-multiple) .mm-piz-prev,
#mm-product-image-zoom:not(.has-multiple) .mm-piz-next {
  display: none;
}

/* Slider — sizes from Twig (--mm-slider-* = image_dimensions_thumb / additional) */

.mm-slider {
  --mm-slider-main-w: 500px;
  --mm-slider-main-h: 500px;
  --mm-slider-main-ratio: 1;
  /* Fallbacks match Journal3 image_dimensions_additional skin default (160), not popup_thumb (80). */
  --mm-slider-thumb-w: 160px;
  --mm-slider-thumb-h: 160px;
  --mm-slider-thumb-ratio: 1;
  /* Content box inside 2px border on each side */
  --mm-slider-thumb-inner-w: calc(var(--mm-slider-thumb-w) - 4px);
  --mm-slider-thumb-inner-h: calc(var(--mm-slider-thumb-h) - 4px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.mm-slider.direction-horizontal {
  flex-direction: row;
  align-items: stretch;
}

.mm-slider.direction-horizontal .mm-slider-list {
  order: -1;
  flex: 0 0 auto;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  width: var(--mm-slider-thumb-w);
  max-width: var(--mm-slider-thumb-w);
  height: var(--mm-slider-strip-h, auto);
  min-height: 0;
  overflow: hidden;
  position: relative;
}

.mm-slider.direction-horizontal .mm-slider-main-image {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  position: relative;
}

/* PDP mm-slider: wishlist/compare overlay on main preview (hidden on video slides) */
.mm-slider-main-image {
  position: relative;
}

.mm-slider-main-image .wishlist-compare-image {
  position: absolute !important;
  top: 22px !important;
  right: 22px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 5;
  display: flex !important;
  flex-direction: row-reverse;
  gap: 24px !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--mm-slider-fade-ms, 380ms) ease,
    visibility 0s linear var(--mm-slider-fade-ms, 380ms);
}

.mm-slider-main-image .wishlist-compare-image.is-overlay-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity var(--mm-slider-fade-ms, 380ms) ease, visibility 0s;
}

.mm-slider-main-image .wishlist-compare-image a.mm-btn {
  color: var(--color-quaternary, #181818);
}

.mm-slider-main-image,
.mm-slider__main {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.mm-slider__main {
  --mm-slider-fade-ms: 380ms;
  display: grid;
  isolation: isolate;
}

.mm-slider__main > .mm-slider__slide {
  grid-area: 1 / 1;
  width: 100%;
  min-width: 0;
  opacity: 0;
  transition: opacity var(--mm-slider-fade-ms, 380ms) ease;
  pointer-events: none;
}

.mm-slider__main > .mm-slider__slide.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}

.mm-slider__main > .mm-slider__slide.is-leaving {
  z-index: 0;
}

@media (prefers-reduced-motion: reduce) {
  .mm-slider__main > .mm-slider__slide {
    transition: none;
  }
}

.mm-slider__nav {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.mm-slider__nav .mm-slider__btn {
  position: absolute;
  margin: 0;
  border: 0;
  padding: 1rem;
  cursor: pointer;
  pointer-events: auto;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  color: var(--color-primary, #510d02);
  background: var(--color-background-primary, #fff) !important;
  box-shadow: var(--p-shadow-base, 0 4px 14px rgba(0, 0, 0, 0.18)) !important;
  display: flex;
  align-items: center;
  justify-content: center;
} .mm-slider__nav .mm-slider__btn:hover {
  background: var(--color-background-secondary, #f7cfc8) !important;
} .mm-slider__nav .mm-slider__btn:active {
  background: var(--color-background-primary, #fff) !important;
} .mm-slider__nav .mm-slider__btn:focus-visible {
  outline: 1px solid var(--color-primary, #510d02) !important;
  outline-offset: 2px !important;
}

.mm-slider__nav .mm-slider__btn::after {
  content: none !important;
  display: none !important;
}

.mm-slider__nav .mm-slider__btn--next::before {
  content: "" !important;
  display: inline-block;
  width: 10px !important;
  height: 20px !important;
  vertical-align: middle;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.600098 0.600006L10.6001 10.6L0.600098 20.6' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.600098 0.600006L10.6001 10.6L0.600098 20.6' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  background-color: currentColor !important;
}

.mm-slider__nav .mm-slider__btn--prev::before {
  content: "" !important;
  display: inline-block;
  width: 10px !important;
  height: 20px !important;
  vertical-align: middle;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6001 20.6L0.600097 10.6L10.6001 0.600006' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6001 20.6L0.600097 10.6L10.6001 0.600006' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  background-color: currentColor !important;
}

.mm-slider__nav--main .mm-slider__btn--prev {
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.mm-slider__nav--main .mm-slider__btn--next {
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.mm-slider__nav--thumbs .mm-slider__btn--prev {
  left: 50%;
  top: 4px;
  transform: translateX(-50%);
}

.mm-slider__nav--thumbs .mm-slider__btn--next {
  left: 50%;
  bottom: 4px;
  top: auto;
  transform: translateX(-50%);
}

.mm-slider__nav--thumbs .mm-slider__btn--prev::before,
.mm-slider__nav--thumbs .mm-slider__btn--next::before {
  transform: rotate(90deg);
}

.mm-slider.is-single .mm-slider__nav--main {
  display: none;
}

.mm-slider__nav--thumbs.is-inert {
  display: none;
}

.mm-slider__nav .mm-slider__btn.is-disabled {
  opacity: 0;
  pointer-events: none;
  cursor: not-allowed;
}

.mm-slider__media {
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: var(--mm-slider-main-ratio);
  box-sizing: border-box;
}

.mm-slider__media--image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: zoom-in;
}

.mm-slider__media--video {
  cursor: pointer;
}

.mm-slider__media--video {
  position: relative;
  overflow: hidden;
}

.mm-slider__media--video iframe,
.mm-slider__media--video video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  object-fit: contain;
}

.mm-slider__thumbs {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-top: 8px;
  overflow: hidden;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  cursor: grab;
  touch-action: pan-x;
}

.mm-slider__thumbs.is-thumb-dragging {
  cursor: grabbing;
  user-select: none;
  touch-action: none;
}

.mm-slider.direction-horizontal .mm-slider__thumbs {
  flex: 1 1 auto;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: flex-start;
  margin-top: 0;
  overflow: hidden;
  min-height: 0;
  height: 100%;
  max-height: var(--mm-slider-strip-h, var(--mm-slider-preview-limit, var(--mm-slider-main-h)));
  touch-action: pan-y;
}

.mm-slider.direction-horizontal .mm-slider__thumb {
  height: auto;
}

.mm-slider__thumb {
  padding: 0;
  border: 2px solid transparent;
  background: none;
  cursor: pointer;
  flex: 0 0 auto;
  align-self: flex-start;
  width: var(--mm-slider-thumb-w);
  height: var(--mm-slider-thumb-h);
  max-width: var(--mm-slider-thumb-w);
  max-height: var(--mm-slider-thumb-h);
  min-width: 0;
  line-height: 0;
  box-sizing: border-box;
  overflow: hidden;
  transition: border-color 0.2s ease;
}
.mm-slider__thumb.is-active {
  border-color: var(--color-primary, #510d02);
}

.mm-slider__thumb-preview {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  height: auto;
  aspect-ratio: var(--mm-slider-thumb-ratio);
  flex-shrink: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.mm-slider__thumb-preview.mm-slider__thumb-preview--video {
  position: relative;
}

.mm-slider__thumb-preview.mm-slider__thumb-preview--video::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.12);
  pointer-events: none;
  z-index: 1;
}

.mm-slider__thumb-preview.mm-slider__thumb-preview--video::before {
  content: "▶";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: block;
  width: auto;
  height: auto;
  font-size: clamp(18px, 5vw, 28px);
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  pointer-events: none;
}

@media (max-width: 767.98px) {
  .product-image .mm-slider__media {
    width: 100%;
    height: auto;
  }

  .product-image .mm-slider.direction-horizontal {
    flex-direction: column;
  }

  .product-image .mm-slider.direction-horizontal .mm-slider-list {
    order: 0;
    flex: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box;
  }

  .product-image .mm-slider.direction-horizontal .mm-slider__thumbs {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    height: auto;
    max-height: none;
    width: 100%;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .product-image .mm-slider__thumb-preview {
    max-height: var(--mm-slider-preview-limit, var(--mm-slider-thumb-inner-h));
  }

  /* Horizontal thumb scroller: flanking nav (legacy additional-images pattern), not over thumbs */
  .product-image .mm-slider.direction-horizontal .mm-slider__nav--thumbs {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
    z-index: 3;
  }

  .product-image .mm-slider.direction-horizontal .mm-slider__nav--thumbs .mm-slider__btn {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    flex: 0 0 auto;
    margin: 0 !important;
    pointer-events: auto;
  }

  .product-image .mm-slider.direction-horizontal .mm-slider__nav--thumbs .mm-slider__btn--prev::before,
  .product-image .mm-slider.direction-horizontal .mm-slider__nav--thumbs .mm-slider__btn--next::before {
    transform: none !important;
  }
}