/* Keep Related products to one complete row of three. */
.single-product section.related.products ul.products > li.product:nth-child(n+4) {
  display: none !important;
}

/* Use shipping address for billing without a duplicate choice. */
body.woocommerce-checkout .wc-block-checkout__use-address-for-billing:has(input:checked) {
  display: none !important;
}

/* Keep featured product cards aligned on the home page. */
body.home .woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
body.home .woocommerce ul.products::before,
body.home .woocommerce ul.products::after {
  content: none !important;
  display: none !important;
}
body.home .woocommerce ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  height: 100%;
  display: flex;
  flex-direction: column;
}
body.home .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  display: block;
  flex: 1 1 auto;
}
body.home .woocommerce ul.products li.product a.button {
  align-self: center;
  margin-top: auto;
}
@media (max-width: 900px) {
  body.home .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  body.home .woocommerce ul.products { grid-template-columns: minmax(0, 1fr); }
}


/* Keep the complete product photo in a consistent gallery frame. */
.single-product .woocommerce-product-gallery .flex-viewport,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image {
  height: 460px !important;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100% !important;
  background: #fff;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image > a > img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center;
}
.single-product .woocommerce-product-gallery .zoomImg {
  display: none !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 8px 0 0;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs::before,
.single-product .woocommerce-product-gallery .flex-control-thumbs::after {
  display: none !important;
  content: none !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li {
  float: none !important;
  width: 100% !important;
  height: 80px !important;
  margin: 0 !important;
  overflow: hidden;
  background: #f7f7f7;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  opacity: 1;
}
@media (max-width: 767px) {
  .single-product .woocommerce-product-gallery .flex-viewport,
  .single-product .woocommerce-product-gallery .woocommerce-product-gallery__image {
    height: 340px !important;
  }
  .single-product .woocommerce-product-gallery .flex-control-thumbs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }
  .single-product .woocommerce-product-gallery .flex-control-thumbs li {
    height: 68px !important;
  }
}

/* Keep all detail thumbnails clear; mark the selected image. */
.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
  opacity: 1 !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
  outline: 2px solid #8fc83d;
  outline-offset: -2px;
}

/* Keep every detail thumbnail the same small square size. */
@media (min-width: 768px) {
  .single-product .woocommerce-product-gallery .flex-control-thumbs {
    grid-template-columns: repeat(5, 80px);
  }
  .single-product .woocommerce-product-gallery .flex-control-thumbs li {
    width: 80px !important;
    height: 80px !important;
  }
}
@media (max-width: 767px) {
  .single-product .woocommerce-product-gallery .flex-control-thumbs {
    grid-template-columns: repeat(4, 68px);
  }
  .single-product .woocommerce-product-gallery .flex-control-thumbs li {
    width: 68px !important;
    height: 68px !important;
  }
}


/* Home: keep navigation, remove duplicate p

/* Home: keep navigation, remove duplicate page label and breadcrumbs. */
body.home #maincontent > .container > .bradcrumbs,
body.home #content-vw > h1.vw-page-title {
  display: none !important;
}


/* Referral page: centered heading and guest registration welcome. */
body.page-id-233307 #content-vw > h1.vw-page-title { text-align: center; margin-bottom: 28px; }
body.page-id-233307 .mila-account-gate:has(> a.mila-button) { text-align: center; }
body.page-id-233307 .mila-account-gate:has(> a.mila-button) > p { max-width: 900px; margin: 18px auto 24px; }
/* Homepage keeps the compact header referral link only. */
body.home .mila-rewards-home { display: none !important; }


/* Separate referral promotion from shopping controls on desktop. */
@media (min-width: 992px) {
  .menu-header .topbar-icons #mila-header-rewards { margin-right: 37px; }
}


/* Manual payment channels in checkout. */
.mila-payment-procedures { color: #24342b; }
.mila-payment-procedures .mila-payment-channels { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0 20px; padding: 0; list-style: none; }
.mila-payment-procedures .mila-payment-channels li { display: inline-flex; align-items: center; gap: 9px; padding: 10px 14px; margin: 0; min-height: 44px; border: 1px solid #dce3da; border-radius: 6px; background: #fff; font-weight: 600; color: #24342b; }
.mila-payment-procedures .mila-payment-channels img { width: 24px !important; height: 24px !important; object-fit: contain; margin: 0 !important; float: none !important; }
.mila-payment-procedures p { line-height: 1.6; margin: 12px 0; }


/* Checkout Blocks preserves paragraphs; present each manual channel as an icon badge. */
#radio-control-wc-payment-method-options-bacs__content > div { color:#24342b; }
#radio-control-wc-payment-method-options-bacs__content > div > p { line-height:1.6; margin:12px 0; }
#radio-control-wc-payment-method-options-bacs__content > div > p:nth-child(n+2):nth-child(-n+6) { display:inline-flex; align-items:center; gap:9px; padding:9px 13px; margin:4px 8px 12px 0; border:1px solid #dce3da; border-radius:6px; background:#fff; font-weight:600; color:#24342b; min-height:44px; }
#radio-control-wc-payment-method-options-bacs__content > div > p:nth-child(n+2):nth-child(-n+6)::before { content:""; display:block; flex:0 0 24px; width:24px; height:24px; background-size:contain; background-position:center; background-repeat:no-repeat; }
#radio-control-wc-payment-method-options-bacs__content > div > p:nth-child(2)::before { background-image:url("https://cdn.jsdelivr.net/npm/simple-icons@13/icons/wise.svg"); }
#radio-control-wc-payment-method-options-bacs__content > div > p:nth-child(3)::before { background-image:url("https://cdn.jsdelivr.net/npm/simple-icons@13/icons/revolut.svg"); }
#radio-control-wc-payment-method-options-bacs__content > div > p:nth-child(4)::before { background-image:url("https://cdn.jsdelivr.net/npm/simple-icons@13/icons/paypal.svg"); }
#radio-control-wc-payment-method-options-bacs__content > div > p:nth-child(5)::before { background-image:url("https://cdn.jsdelivr.net/npm/simple-icons@13/icons/westernunion.svg"); }
#radio-control-wc-payment-method-options-bacs__content > div > p:nth-child(6)::before { background-image:url("https://cdn.jsdelivr.net/npm/cryptocurrency-icons@0.18.1/svg/color/usdt.svg"); }


/* MILA warm white / forest green — unpublished visual preview. */
:root { --mila-forest:#284531; --mila-forest-hover:#1d3525; --mila-paper:#faf9f6; --mila-ink:#242824; --mila-muted:#6b706a; --mila-line:#e2e5de; }
body { background:var(--mila-paper)!important; color:var(--mila-ink); }
.menu-header { background:#fff!important; border-bottom-color:var(--mila-line)!important; }
.topbar,.category-front,.category-back,.top-category { background:var(--mila-forest)!important; }
.category-front,.category-back { clip-path:none!important; }
.top-category a,.top-category button,.product-cat a,.product-cat button { color:#fff!important; }
.top-category ul ul a,.product-cat ul ul a { color:var(--mila-ink)!important; }
.top-category ul ul,.product-cat ul ul { background:#fff!important; border-color:var(--mila-line)!important; }
.search-box a,.search-box i { color:var(--mila-forest)!important; }
.main-navigation a { color:#555e54!important; }
.main-navigation .current-menu-item>a,.main-navigation a:hover { color:var(--mila-forest)!important; }
.cart-count { background:var(--mila-forest)!important; color:#fff!important; }
.topbar-icons #mila-header-rewards { background:var(--mila-forest)!important; border-color:var(--mila-forest)!important; }
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.wp-block-button__link,.wc-block-components-button:not(.is-link),.mila-button,.search-form button,.woocommerce-product-search button { background:var(--mila-forest)!important; border-color:var(--mila-forest)!important; color:#fff!important; border-radius:4px!important; }
.woocommerce a.button:hover,.woocommerce button.button:hover,.wp-block-button__link:hover,.wc-block-components-button:not(.is-link):hover,.mila-button:hover { background:var(--mila-forest-hover)!important; color:#fff!important; }
a:focus-visible,button:focus-visible,input:focus-visible { outline-color:var(--mila-forest)!important; }
.bradcrumbs a,.bradcrumbs span { background:#edf1eb!important; color:var(--mila-forest)!important; }
.woocommerce .woocommerce-breadcrumb,.woocommerce .woocommerce-breadcrumb a { color:var(--mila-muted)!important; }
body.home #content-vw>.wp-block-group.has-background { background:#f0f1e9!important; padding:34px 32px!important; }
body.home #content-vw>.wp-block-group.has-background h1 { color:var(--mila-forest)!important; }
body.home #content-vw>.wp-block-group.has-background p { color:#5e685b!important; }
body.home #content-vw>.wp-block-group.has-background p:first-child { color:var(--mila-forest)!important; }
.woocommerce ul.products li.product { background:#fff; border:1px solid var(--mila-line); padding:14px!important; border-radius:3px; }
.woocommerce ul.products li.product:hover { border-color:#a7b4a3; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color:var(--mila-ink)!important; }
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price { color:var(--mila-forest)!important; }
.woocommerce .quantity .qty,.woocommerce form .input-text { border-color:#cdd5ca!important; }
.woocommerce-message,.woocommerce-info { border-top-color:var(--mila-forest)!important; background:#eef2eb!important; color:var(--mila-ink)!important; }
.woocommerce-message::before,.woocommerce-info::before { color:var(--mila-forest)!important; }
.woocommerce-product-gallery .flex-control-thumbs img.flex-active { outline-color:var(--mila-forest)!important; }
.mila-account-gate,.mila-wallet,.mila-order-contact,.mila-rewards-home { border-color:var(--mila-line)!important; }
.mila-account-gate,.mila-wallet,.mila-rewards-home { background:#f1f4ee!important; }
.woocommerce-tabs ul.tabs li.active { border-bottom-color:var(--mila-forest)!important; }
#footer,#footer-2 { background:#1d3023!important; color:#e8ece5!important; }
#footer a,#footer-2 a { color:#f4f5ef!important; }
.woocommerce-store-notice,#scrollbutton { background:var(--mila-forest)!important; }
@media(max-width:767px){ body.home #content-vw>.wp-block-group.has-background { padding:25px 20px!important; } }

/* MILA mobile header and home layout, 2026-11-11 */
.menu-header .fa-bars::before{content:"\f0c9"!important}.menu-header .fa-times::before{content:"\f00d"!important}.menu-header .fa-cart-shopping::before{content:"\f07a"!important}.menu-header .fa-truck-fast::before{content:"\f48b"!important}.menu-header .fa-user::before{content:"\f007"!important}.search-box .fa-search::before{content:"\f002"!important}
@media(max-width:767px){
.menu-header.py-3{padding:10px 0!important}
.menu-header>.container>.row{display:grid!important;grid-template-columns:44px minmax(0,1fr);gap:8px 12px;align-items:center;margin:0!important}
.menu-header>.container>.row>div{width:auto!important;max-width:none!important;padding:0!important}
.menu-header .logo-img-sec{justify-self:center;padding-right:56px!important}
.menu-header .custom-logo{width:145px!important;height:auto!important;max-width:100%!important}
.menu-header .toggle-nav{margin:0!important;padding:0!important}
.menu-header .responsivetoggle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0!important;background:#284531!important;color:white!important;border-radius:4px}
.menu-header .topbar-icons{grid-column:1/-1;display:flex!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:16px!important;min-height:40px}
.menu-header .topbar-icons .wishlist:empty{display:none!important}
.topbar-icons #mila-header-rewards:not([hidden]){margin:0 auto 0 0!important;min-height:40px!important;padding:9px 12px!important;font-size:12px!important}
.menu-header .cart_shop>a,.menu-header .myaccount-icon,.menu-header .order-track{min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}
.menu-header .cart_shop>a{position:relative}
.menu-header .cart-count{top:-1px!important;right:0!important}
.menu-header .order-track-hover{right:-56px!important;max-width:calc(100vw - 32px)!important}
.top-category{padding-top:4px!important;padding-bottom:4px!important}
.search-box a{min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}
body.home #maincontent.pt-5{padding-top:20px!important}
body.home #content-vw>.wp-block-group.has-background{padding:24px 20px!important;margin-top:0!important}
body.home #content-vw>.wp-block-group.has-background h1{font-family:Arial,sans-serif!important;font-size:30px!important;line-height:1.16!important;text-transform:none!important;letter-spacing:-.5px!important;margin:12px 0 14px!important}
body.home #content-vw>.wp-block-group.has-background p{font-size:16px!important;line-height:1.55!important;margin-bottom:16px!important}
body.home #content-vw>.wp-block-group.has-background p:first-child{font-size:11px!important;letter-spacing:1.5px!important;margin-bottom:10px!important}
body.home #content-vw>.wp-block-group.has-background p[style*="font-weight"]{font-size:14px!important;line-height:1.5!important}
body.home #content-vw>.wp-block-group.has-background .wp-block-button__link{font-size:14px!important;padding:12px 18px!important}
}

/* Match the mobile menu glyph to its button palette. */
.menu-header .responsivetoggle i{background:transparent!important;padding:0!important;color:inherit!important}

/* MILA unified page width, 2026-11-11 */
.container{width:100%!important;max-width:1200px!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box}
.category-box{width:calc(100% - 32px)!important;max-width:1168px!important;margin-left:auto!important;margin-right:auto!important}
.category-front,.category-back{display:none!important}
.top-category{width:100%!important;box-sizing:border-box}
body.home #content-vw>.wp-block-group.has-background .wp-block-image img{display:block;width:100%!important;height:360px!important;object-fit:cover;object-position:center}
@media(min-width:992px){.menu-header>.container>.row{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);align-items:center;column-gap:20px}.menu-header>.container>.row>div{width:auto!important;max-width:100%!important}.menu-header .logo-img-sec .logo{text-align:center!important}.menu-header .logo-img-sec .custom-logo{max-width:100%;height:auto}}
@media(max-width:767px){body.home #content-vw>.wp-block-group.has-background .wp-block-image img{height:220px!important}.top-category{padding-left:12px!important;padding-right:12px!important}}

/* Brand strip follows the same inner container edges as page content. */
.category-box{width:100%!important}

/* Brand cards: one accessible focus ring, never red rings on child labels. */
a.mila-brand-card:focus span,a.mila-brand-card:focus-within span{outline:none!important;box-shadow:none!important}
a.mila-brand-card:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
a.mila-brand-card:focus-visible{outline:2px solid #284531!important;outline-offset:3px!important}

/* MILA site-wide focus: replace the theme red outline and redundant inner rings. */
body:not(.wp-admin) :is(a,button,input,textarea,select,summary,[role="button"],[role="tab"],[tabindex]):focus{outline:2px solid #284531!important;outline-offset:3px!important}
body:not(.wp-admin) :is(a,button,summary,[role="button"],[role="tab"],[tabindex]):focus:not(:focus-visible){outline:none!important}
body:not(.wp-admin) a:focus span,body:not(.wp-admin) a:focus i,body:not(.wp-admin) a:focus svg,body:not(.wp-admin) a:focus img{outline:none!important}

/* Visible keyboard focus on the dark navigation and footer. */
body:not(.wp-admin) .top-category .product-cat>li>a:focus-visible,body:not(.wp-admin) .top-category .mila-all-categories>details>summary:focus-visible,body:not(.wp-admin) .top-category .search-box>a:focus-visible,body:not(.wp-admin) #footer a:focus-visible,body:not(.wp-admin) #footer-2 a:focus-visible{outline-color:#fff!important}