/** Shopify CDN: Minification failed

Line 756:0 Unexpected "}"

**/
/* ==============================================================
   MY LINK FOR ALL — store-wide overrides
   Add future custom CSS here rather than editing theme files.
   ============================================================== */

/* Collection toolbar: remove the grid / list layout switcher
   (desktop copy is already hidden by the theme; this covers mobile) */
.toolbar .toolbar-viewAs { display: none !important; }

/* Cart page quantity pill (built by mlfa-custom.js). Hidden by
   default; switched on for mobile below so desktop is unchanged. */
.mlfa-cart-qty { display: none; }


/* ==============================================================
   MOBILE ONLY — product page: quantity / add-to-bag row
   ============================================================== */
@media (max-width: 767px) {

  .productView-groupTop {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-top: 22px !important;
  }

  .productView-quantity,
  .productView-quantity.style-3 {
    flex: 0 0 auto !important;
    margin: 0 !important;
    max-width: 132px !important;
  }

  .productView-quantity.style-3 .quantity__label { display: none !important; }

  .productView-quantity.style-3 .show-label-style-3 {
    height: 100% !important;
    min-height: 48px !important;
    align-items: center !important;
    border-color: #D0CCCA !important;
  }

  .productView-quantity.style-3 .quantity__button {
    width: 42px !important;
    height: auto !important;
    padding: 14px !important;
  }

  .productView-quantity.style-3 .quantity__input {
    width: 48px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    min-height: 0 !important;
    font-size: 15px !important;
  }

  .productView-action,
  .productView-action-2 {
    flex: 1 1 auto !important;
    width: auto !important;
    margin: 0 !important;
  }

  .productView-action .product-form__buttons { height: 100% !important; }

  .productView-action .product-form__submit {
    height: 100% !important;
    min-height: 48px !important;
    width: 100% !important;
    border-radius: 6px !important;
    letter-spacing: 0.08em !important;
  }

  .productView-groupTop .productView-wishlist {
    flex: 0 0 auto !important;
    margin: 0 !important;
    align-self: stretch !important;
  }

}


/* ==============================================================
   MOBILE ONLY — product page: design pass
   ============================================================== */
@media (max-width: 767px) {

  /* ---- Title ---- */
  .productView-title {
    --font-size: 17px;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em !important;
    color: #3D3530 !important;
    padding-right: 52px !important;
    margin-bottom: 6px !important;
  }

  /* ---- SKU line ---- */
  .productView-info:not(.productView-propertyInfo) { display: none !important; }

  /* ---- Price: the theme shows .price__regular OR .price__sale ---- */
  .productView-price {
    text-align: left !important;
    padding-top: 0 !important;
    padding-bottom: 14px !important;
  }
  .productView-price .price { display: block !important; text-align: left !important; }
  .productView-price .price dl { display: block !important; margin: 0 !important; }
  .productView-price .price dt { display: none !important; }
  .productView-price .price dd { display: inline !important; margin: 0 !important; }

  .productView-price .price--on-sale .price__regular { display: none !important; }
  .productView-price .price--on-sale .price__sale {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 0 10px !important;
  }
  .productView-price .price--on-sale .price__sale dd.price__last { order: 1 !important; }
  .productView-price .price--on-sale .price__sale dd.price__compare { order: 2 !important; }

  .productView-price .price:not(.price--on-sale) .price__sale { display: none !important; }
  .productView-price .price:not(.price--on-sale) .price__regular { display: block !important; }

  .productView-price .price-item--sale,
  .productView-price .price__regular .price-item--regular {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #3D3530 !important;
    text-decoration: none !important;
  }
  .productView-price .price__sale .price__compare .price-item--regular {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    color: #9B9491 !important;
    text-decoration: line-through !important;
  }
  .productView-price .unit-price { display: none !important; }

  /* ---- Variant row ---- */
  .mlfa-sc { display: none !important; }
  .productView-variants .form__label { font-size: 13px !important; color: #6B635E !important; }

  /* ---- Secondary actions ---- */
  .productView-askAnExpert { display: none !important; }

  .mlfa-buy-now {
    display: block !important;
    width: 100% !important;
    height: 48px !important;
    margin: 10px 0 0 0 !important;
    background: transparent !important;
    color: #3D3530 !important;
    border: 1.5px solid #3D3530 !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    cursor: pointer;
  }

  .productView-groupBottom { margin-top: 10px !important; }
  .productView-groupItem + .productView-groupItem { margin-top: 10px !important; }
  .productView-payment .shopify-payment-button__more-options {
    font-size: 12px !important;
    color: #6B635E !important;
    margin-top: 6px !important;
  }

  /* ---- Custom info (Free Shipping) ---- */
  .productView-customInfo { margin-top: 18px !important; }
  .productView-customInfo .item + .item { margin-top: 8px !important; }
  .productView-customInfo .title { margin: 0 !important; }
  .productView-customInfo .title .text {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #3D3530 !important;
  }
  .productView-customInfo .title .symbol { display: none !important; }
  .productView-customInfo .desc,
  .productView-customInfo .desc p {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    color: #6B635E !important;
    margin: 2px 0 0 0 !important;
  }

  /* ---- Accordion ---- */
  .productView-tab { margin-top: 18px !important; margin-bottom: 0 !important; }
  .productView-tab .toggle-title { padding: 0 !important; }
  .productView-tab .toggle-title .toggleLink { padding: 14px 0 !important; }
  .productView-tab .toggle-title .text {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #3D3530 !important;
  }
  .productView-tab .toggle-content { padding-bottom: 14px !important; font-size: 14px !important; line-height: 1.6 !important; }
  .productView-tab .tabs-contents { border-bottom: 0 !important; }
  .productView-tab .tab-content:last-of-type { border-bottom: 0 !important; }
  .productView-detail { margin-top: 0 !important; }

  /* ---- Gap under the product info column -------------------
     component-product.css gives .halo-productView-right a 50px
     bottom margin. That, plus the main section's own bottom
     padding, is the empty band above "You May Also Like".     */
  .halo-productView-right,
  .halo-productView-left { margin-bottom: 10px !important; }

  #shopify-section-main .halo-page-padding,
  #shopify-section-main > * {
    --padding-bottom-mobile: 0px;
    padding-bottom: 0 !important;
  }

  /* Frequently Bought Together: no bundle configured, empty on mobile */
  #shopify-section-product-bundle { display: none !important; }

  /* ---- "You May Also Like" (AI-generated block) --------------
     Its classes are suffixed with the block id, and it injects its
     own <style> inside the section, so override by exact class.  */
  .ai-recommended-products-aigenblock09f7342beyqk9 {
    padding-top: 22px !important;
    padding-bottom: 14px !important;
  }
  [class^="ai-recommended-products-header-"] { margin-bottom: 14px !important; }
  [class^="ai-recommended-products-heading-"] {
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #3D3530 !important;
  }
  div[class^="ai-recommended-collection-cta-wrapper-"] { margin-top: 10px !important; }
  a[class^="ai-recommended-collection-cta-"] {
    display: inline-block !important;
    width: auto !important;
    padding: 9px 16px !important;
    background: transparent !important;
    color: #3D3530 !important;
    border: 1px solid #3D3530 !important;
    border-radius: 6px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }
  [class^="ai-recommended-products-grid-"] { gap: 12px !important; }
  [class^="ai-recommended-product-info-"] { padding: 12px !important; gap: 4px !important; }
  [class^="ai-recommended-product-title-"] { font-size: 13px !important; font-weight: 500 !important; }
  [class^="ai-recommended-product-price-"] { font-size: 14px !important; font-weight: 600 !important; }
  [class^="ai-recommended-product-compare-price-"] { font-size: 12px !important; margin-left: 6px !important; }
  [class^="ai-recommended-product-badge-"] { font-size: 10px !important; padding: 4px 8px !important; letter-spacing: 0.06em !important; }

  /* ---- Recently viewed ---- */
  #shopify-section-product-recently-viewed > *,
  #shopify-section-product-recently-viewed .halo-page-padding {
    --padding-top-mobile: 22px;
    --padding-bottom-mobile: 18px;
    padding-top: 22px !important;
    padding-bottom: 18px !important;
  }
  #shopify-section-product-recently-viewed h2,
  #shopify-section-product-recently-viewed .halo-block-header .title,
  #shopify-section-product-recently-viewed .block-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #3D3530 !important;
    margin-bottom: 14px !important;
  }

  .template-product .card-vendor,
  .template-product .halo-productReview,
  .template-product .productReview,
  .template-product .product-card-review { display: none !important; }

}


/* ==============================================================
   MOBILE ONLY — cart page
   ============================================================== */
@media (max-width: 767px) {

  .cart-item-qty { position: relative !important; }

  .cart-item-qty .cart-item-qty-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .mlfa-cart-qty {
    display: inline-flex !important;
    align-items: center;
    height: 44px;
    border: 1px solid #D0CCCA;
    border-radius: 30px;
    background: #FFFFFF;
    overflow: hidden;
  }

  .mlfa-cq-btn {
    width: 44px;
    height: 44px;
    border: 0;
    padding: 0;
    background: transparent;
    color: #3D3530;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
  }

  .mlfa-cq-num {
    min-width: 36px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #3D3530;
  }

}
/* ==============================================================
   MOBILE ONLY — header: logo centred, icons to the edges, lighter
   ============================================================== */
@media (max-width: 767px) {

  .header-mobile { border-bottom: 1px solid #EDE9E3 !important; }
  .header-mobile .container { padding-left: 14px !important; padding-right: 14px !important; }

  .header-mobile--wrapper {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;                 /* one spacing value for every pair of icons */
    min-height: 54px !important;
  }

  /* strip the theme's own per-item spacing so the gap above is the only spacing */
  .header-mobile__item--menu,
  .header-mobile__item--customer,
  .header-mobile__item--search,
  .header-mobile__item--cart {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }
  .header-mobile--icon { margin: 0 !important; padding: 0 !important; }

  /* left: hamburger then account · right: search then bag · logo absolutely centred */
  .header-mobile__item--menu     { order: 1 !important; }
  .header-mobile__item--customer { order: 2 !important; }
  .header-mobile__item--search   { order: 3 !important; margin-left: auto !important; }
  .header-mobile__item--cart     { order: 4 !important; }

  .header-mobile__item--logo {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
  }

  /* wordmark, if the logo is ever switched to text */
  .header-mobile .header__heading .h2 {
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.22em !important;
    color: #3D3530 !important;
    white-space: nowrap !important;
  }

  /* icons: one size, thin strokes */
  .header-mobile--icon svg { width: 22px !important; height: 22px !important; }
  .header-mobile .header__icon { position: relative !important; display: inline-flex !important; }

  /* hamburger: CSS bars, not an SVG */
  .header-mobile .mobileMenu-toggle__Icon,
  .header-mobile .mobileMenu-toggle__Icon::before,
  .header-mobile .mobileMenu-toggle__Icon::after {
    height: 1.5px !important;
    width: 22px !important;
    background-color: #3D3530 !important;
  }

  /* cart badge: small, no padding, sitting off the bag's top-right corner */
  .header-mobile .header__icon--cart .cart-count-bubble {
    position: absolute !important;
    top: -7px !important;
    right: -9px !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }
  .header-mobile .header__icon--cart .cart-count-bubble .text { line-height: 1 !important; }

}
@media (max-width: 767px) {
  #shopify-section-product-recommendations .halo-block-header .title,
  #shopify-section-product-recommendations h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #3D3530 !important;
    margin-bottom: 14px !important;
  }
  #shopify-section-product-recommendations .halo-block-padding {
    --padding-top-mobile: 22px;
    --padding-bottom-mobile: 10px;
  }
}
/* ==============================================================
   MOBILE ONLY — mini cart (sidebar): keep the remove icon clear
   of the product title, and size it consistently
   ============================================================== */
@media (max-width: 767px) {

  .halo-cart-sidebar .previewCartItem { position: relative !important; }

  /* reserve a column on the right for the icon */
  .halo-cart-sidebar .previewCartItem-content { padding-right: 36px !important; }

  .halo-cart-sidebar .previewCartItem-remove {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #9B9491 !important;
    opacity: 1 !important;
  }
  .halo-cart-sidebar .previewCartItem-remove svg {
    width: 16px !important;
    height: 16px !important;
  }

  /* title: sentence case, quieter, no longer competing with the icon */
  .halo-cart-sidebar .previewCartItem-name .text {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
  }

}
/* ==============================================================
   MOBILE ONLY — cart page: related products heading + cards
   ============================================================== */
@media (max-width: 767px) {

  #shopify-section-165690273230621a40 .halo-block-header .title,
  #shopify-section-165690273230621a40 h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    color: #3D3530 !important;
    margin-bottom: 14px !important;
  }

  .template-cart .card-vendor,
  .template-cart .halo-productReview,
  .template-cart .productReview,
  .template-cart .product-card-review { display: none !important; }

}
/* ==============================================================
   MOBILE ONLY — navigation drawer
   ============================================================== */
@media (max-width: 767px) {

  /* panel */
  #navigation-mobile {
    background: #FDFCFA !important;
    width: 58% !important;
    max-width: 300px !important;
    box-shadow: 0 0 40px rgba(61, 53, 48, 0.18) !important;
  }
  #navigation-mobile .halo-sidebar-wrapper {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
    padding: 0 !important;
  }
  #navigation-mobile .halo-sidebar-wrapper::before {
    content: "MY LINK FOR ALL";
    display: block;
    padding: 20px 20px 16px;
    font-family: 'Jost', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.24em;
    color: #3D3530;
    border-bottom: 1px solid #EDE9E3;
  }

  /* close */
  #navigation-mobile .halo-sidebar-close,
  .menu-open .halo-sidebar-close {
    background: transparent !important;
    color: #3D3530 !important;
    width: 44px !important;
    height: 44px !important;
    top: 8px !important;
  }
  #navigation-mobile .halo-sidebar-close svg,
  .menu-open .halo-sidebar-close svg {
    width: 16px !important;
    height: 16px !important;
    stroke-width: 1.4 !important;
    fill: #3D3530 !important;
  }

  /* one typeface, and neutralise the theme's per-level font variables */
  #navigation-mobile,
  #navigation-mobile * { font-family: 'Jost', sans-serif !important; }
  #navigation-mobile .list-menu { --lv-1-font: 'Jost'; --lv-2-font: 'Jost'; --lv-2-mega-font: 'Jost'; }

  #navigation-mobile .site-nav-mobile { margin: 0 !important; padding: 4px 0 !important; }
  #navigation-mobile .menu-lv-item { border: 0 !important; margin: 0 !important; }
  #navigation-mobile .label { display: none !important; }

  /* ---------- LEVEL 1: collections ---------- */
  #navigation-mobile .menu-lv-1 > .menu-lv-1__action {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
    color: #3D3530 !important;
    border-bottom: 1px solid #F1EDE7 !important;
    background: transparent !important;
  }
  #navigation-mobile .menu-lv-1 > .menu-lv-1__action .text {
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    color: inherit !important;
  }
  /* when a level is opened, its own header row gives way to the back bar */
  #navigation-mobile .menu-lv-1.is-open > .menu-lv-1__action,
  #navigation-mobile .menu-lv-2.is-open > .menu-lv-2__action { display: none !important; }
  /* chevrons */
  #navigation-mobile .icon-dropdown { margin: 0 !important; padding: 0 !important; }
  #navigation-mobile .icon-dropdown svg {
    width: 12px !important;
    height: 12px !important;
    stroke-width: 1.2 !important;
    color: #9B9491 !important;
    fill: #9B9491 !important;
  }

    /* ---------- BACK BAR ---------- */
  #navigation-mobile .nav-title-mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 11px 20px !important;
    background: #F4F0EA !important;
    border-bottom: 1px solid #EDE9E3 !important;
    text-align: left !important;
  }
  /* wrapper and its svg both back into normal flow, with real dimensions */
  #navigation-mobile .nav-title-mobile .icon-dropdown {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    transform: rotate(180deg) !important;   /* theme flips the chevron to point back */
    pointer-events: none !important;
  }
  #navigation-mobile .nav-title-mobile .icon-dropdown .icon,
  #navigation-mobile .nav-title-mobile .icon-dropdown svg {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 14px !important;
    height: 14px !important;
    color: #3D3530 !important;
    fill: #3D3530 !important;
  }
  #navigation-mobile .nav-title-mobile .menu-lv-2__action,
  #navigation-mobile .nav-title-mobile .menu-lv-3__action {
    display: inline !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #3D3530 !important;
  }
  #navigation-mobile .nav-title-mobile .text {
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    color: inherit !important;
  }

  /* ---------- "GO TO X": removed — parent collections are not linked ---------- */
  #navigation-mobile .nav-all-mobile { display: none !important; }

  /* ---------- LEVEL 2: sub-collections ---------- */
  #navigation-mobile .menu-lv-2:not(.nav-title-mobile):not(.nav-all-mobile) > .menu-lv-2__action {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 13px 20px 13px 28px !important;
    margin: 0 !important;
    border-bottom: 1px solid #F1EDE7 !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
    line-height: 1.3 !important;
    color: #3D3530 !important;
  }
  #navigation-mobile .menu-lv-2:not(.nav-title-mobile):not(.nav-all-mobile) > .menu-lv-2__action .text {
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    color: inherit !important;
    text-decoration: none !important;
  }

  /* ---------- LEVEL 3 ---------- */
  #navigation-mobile .menu-lv-3:not(.nav-title-mobile):not(.nav-all-mobile) > .menu-lv-3__action {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 11px 20px 11px 40px !important;
    margin: 0 !important;
    border-bottom: 1px solid #F6F3EE !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
    color: #6B635E !important;
    position: relative !important;
  }
  #navigation-mobile .menu-lv-3:not(.nav-title-mobile):not(.nav-all-mobile) > .menu-lv-3__action::before {
    content: "";
    position: absolute;
    left: 28px;
    top: 50%;
    width: 6px;
    height: 1px;
    background: #C9C2BA;
  }
  #navigation-mobile .menu-lv-3:not(.nav-title-mobile):not(.nav-all-mobile) > .menu-lv-3__action .text {
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    color: inherit !important;
  }

  /* ---------- ACCOUNT + WISHLIST (these reuse level-1 classes) ---------- */
  #navigation-mobile .site-nav-mobile.nav-acc {
    margin-top: auto !important;
    padding: 10px 0 18px !important;
    border-top: 1px solid #EDE9E3 !important;
  }
  #navigation-mobile .nav-acc .menu-lv-1 > .menu-lv-1__action,
  #navigation-mobile .nav-acc a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 11px 20px !important;
    border: 0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
    color: #6B635E !important;
  }
  #navigation-mobile .nav-acc .text {
    margin: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    color: inherit !important;
  }
  #navigation-mobile .nav-acc svg {
    width: 16px !important;
    height: 16px !important;
    stroke-width: 1.2 !important;
    color: #6B635E !important;
    fill: #6B635E !important;
    flex: 0 0 auto !important;
  }
  }

}
/* --------------------------------------------------------------
   Desktop menu: top-level items that have a dropdown open it on
   hover but do not navigate when clicked. Items without a
   dropdown (e.g. Business Listing) are untouched.
   -------------------------------------------------------------- */
/* desktop menu: parents with a dropdown are not links */
#HeaderNavigation .menu-lv-1:has(.menu-lv__dropdownmenu) > .menu-lv-1__action { cursor: default; }
/* ==============================================================
   Collection toolbar — sort dropdown (all devices)
   ============================================================== */
.toolbar .toolbar-label { display: none !important; }   /* "Sort By" text — the control explains itself */

.toolbar .toolbar-dropdown.filter-sortby .label-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 190px !important;
  height: 40px !important;
  padding: 0 14px !important;
  border: 1px solid #D0CCCA !important;
  border-radius: 6px !important;
  background: #FFFFFF !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  color: #3D3530 !important;
  cursor: pointer !important;
}
.toolbar .toolbar-dropdown.filter-sortby .label-tab:hover { border-color: #3D3530 !important; }
.toolbar .toolbar-dropdown.filter-sortby .label-tab .label-text { padding: 0 !important; margin: 0 !important; }
.toolbar .toolbar-dropdown.filter-sortby .label-tab .icon-dropdown {
  position: static !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 !important;
  transform: none !important;
  color: #9B9491 !important;
}

.toolbar .toolbar-dropdown.filter-sortby .dropdown-menu {
  min-width: 190px !important;
  margin-top: 6px !important;
  padding: 6px 0 !important;
  border: 1px solid #EDE9E3 !important;
  border-radius: 6px !important;
  background: #FFFFFF !important;
  box-shadow: 0 8px 24px rgba(61, 53, 48, 0.10) !important;
}
.toolbar .toolbar-dropdown.filter-sortby .dropdown-menu li .text {
  display: block !important;
  padding: 10px 14px !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
  color: #3D3530 !important;
  cursor: pointer !important;
}
.toolbar .toolbar-dropdown.filter-sortby .dropdown-menu li .text:hover { background: #F4F0EA !important; }
.toolbar .toolbar-dropdown.filter-sortby .dropdown-menu li.is-active .text { font-weight: 600 !important; }
/* ==============================================================
   Collection toolbar — breadcrumb left, sort right, one row
   ============================================================== */
.toolbar .toolbar-wrapper--flex {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 14px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #EDE9E3 !important;
}
.toolbar .toolbar-breadcrumb {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.toolbar .toolbar-breadcrumb .breadcrumb {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.toolbar .toolbar-colRight {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.toolbar .toolbar-sort { margin: 0 !important; }

@media (max-width: 767px) {
  .toolbar .toolbar-wrapper--flex { padding: 10px 0 !important; }
  .toolbar .toolbar-breadcrumb .breadcrumb { font-size: 12px !important; }
  .toolbar .toolbar-dropdown.filter-sortby .label-tab { min-width: 150px !important; height: 36px !important; }
}
/* Desktop nav: spread items across the container */
@media (min-width: 1025px) {
  #HeaderNavigation { width: 100% !important; }
  #HeaderNavigation .header__inline-menu { width: 100% !important; }
    #HeaderNavigation > .header__inline-menu > .list-menu,
  #HeaderNavigation .header__inline-menu > ul.list-menu {
    display: flex !important;
    width: 100% !important;
        justify-content: center !important;
    gap: 10px !important;
    align-items: center !important;
  }
}
/* ==============================================================
   Contact page — form and layout
   ============================================================== */
.contact-form .form-field { margin-bottom: 20px !important; }

.contact-form .form-label {
  display: block !important;
  margin-bottom: 7px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #9B9491 !important;
}

.contact-form .form-input {
  width: 100% !important;
  padding: 0 14px !important;
  height: 48px !important;
  background: #FFFFFF !important;
  border: 1px solid #E2DCD3 !important;
  border-radius: 6px !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 14px !important;
  color: #3D3530 !important;
  transition: border-color 0.15s ease !important;
}
.contact-form textarea.form-input {
  height: auto !important;
  min-height: 150px !important;
  padding: 14px !important;
  line-height: 1.6 !important;
  resize: vertical !important;
}
.contact-form .form-input:focus {
  border-color: #3D3530 !important;
  outline: none !important;
  box-shadow: none !important;
}
.contact-form .form-input::placeholder { color: #C4BDB6 !important; }

.contact-form .form-actions { margin-top: 26px !important; }
.contact-form .button--primary {
  width: auto !important;
  min-width: 200px !important;
  height: 50px !important;
  padding: 0 34px !important;
  background-color: #3D3530 !important;
  border: 1.5px solid #3D3530 !important;
  border-radius: 6px !important;
  color: #FDFCFA !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}
.contact-form .button--primary:hover {
  background-color: #2A2421 !important;
  border-color: #2A2421 !important;
}

.contact-form .alertBox {
  padding: 14px 16px !important;
  border-radius: 6px !important;
  font-size: 13.5px !important;
}
.contact-form .alertBox--success { background: #F4F0EA !important; color: #3D3530 !important; }

@media (max-width: 767px) {
  .contact-form .button--primary { width: 100% !important; }
  .contact-form .form-input { height: 46px !important; }
}
/* ==============================================================
   DESKTOP (≥1025px) — nav row: no WhatsApp cell, mark on the right
   ============================================================== */
@media (min-width: 1025px) {

  /* WhatsApp cell taken out of the row */
  .header-nav-multi-site .header-bottom--wrapper .header-bottom-left {
    display: none !important;
  }

  /* empty language/currency cell collapses — the mark is its own element now */
  .header-nav-multi-site .header-bottom--wrapper .header-bottom-right {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  /* the BusinessesForAll link */
  .header-nav-multi-site .header-bottom--wrapper .mlfa-bfa-link {
    flex: 0 0 250px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    line-height: 0 !important;
    transition: opacity 0.15s ease !important;
  }
  .header-nav-multi-site .header-bottom--wrapper .mlfa-bfa-link:hover {
    opacity: 0.65 !important;
  }
  .header-nav-multi-site .header-bottom--wrapper .mlfa-bfa-link img {
    display: block !important;
    width: 230px !important;
    height: auto !important;
  }

  /* centre cell takes everything else */
  .header-bottom--wrapper #HeaderNavigation {
    flex: 1 1 auto !important;
    width: auto !important;
  }

  /* parents with a dropdown are not links */
  #HeaderNavigation .menu-lv-1:has(.menu-lv__dropdownmenu) > .menu-lv-1__action {
    cursor: default !important;
  }
}

/* ==============================================================
   MOBILE DRAWER — BusinessesForAll link below the menu
   ============================================================== */
@media (max-width: 767px) {
  #navigation-mobile .mlfa-bfa-link {
    display: block;
    margin: 28px 20px 0;
    line-height: 0;
  }
  #navigation-mobile .mlfa-bfa-link img {
    display: block;
    width: 100%;
    max-width: 180px;
    height: auto;
  }
}
@media (min-width: 1025px) {
  .header-nav-multi-site .header-bottom--wrapper {
    position: relative;
  }
  .header-nav-multi-site .header-bottom--wrapper::before {
    content: "";
    flex: 0 0 250px;
    order: -1;
  }
}