9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap");

.woofc-count.woofc-count-shake
 {
    animation: woofc-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    background: #399DB7;
    border-radius: 60px;
}
.woofc-count i {
    font-size: 24px;
    line-height: 60px;
    color: #fff !important;
}
.dec.qtybutton {
    display: none !important;
}
.inc.qtybutton {
    display: none !important;
}
.container-fluid.pl-165.pr-165 {
    padding-left: 20px !important;
    padding-right: 0px !important;
    font-size: 15px;
}

/* =========================================================
   GLOBAL WOOCOMMERCE PRODUCT DESCRIPTION RESPONSIVE CSS
   CLEAN + FIXED VERSION
   Add in:
   Appearance → Customize → Additional CSS
========================================================= */

/* =========================
   GLOBAL RESET
========================= */

.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-Tabs-panel,
.woocommerce-product-details__short-description {
    overflow-x: hidden;
    width: 100%;
}

/* Prevent Overflow */
.woocommerce-tabs *,
.woocommerce-Tabs-panel * {
    box-sizing: border-box;
    word-wrap: break-word;
}

/* =========================
   IMAGES & VIDEOS
========================= */

.woocommerce div.product img,
.woocommerce-tabs img,
.woocommerce-Tabs-panel img {
    max-width: 100% !important;
    /*height:auto neutralized*/;
    display: block;
}

.woocommerce-tabs iframe,
.woocommerce-Tabs-panel iframe,
.woocommerce-tabs video,
.woocommerce-Tabs-panel video {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    border: 0;
}

/* =========================
   TABLE FIXES
========================= */

.woocommerce table,
.woocommerce-tabs table,
.woocommerce-Tabs-panel table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
    display: table !important;
}

/* TABLE WRAPPER SCROLL ONLY */
.woocommerce-tabs div[style*="overflow-x: auto"],
.woocommerce-Tabs-panel div[style*="overflow-x: auto"] {
    overflow-x: auto !important;
    width: 100% !important;
    -webkit-overflow-scrolling: touch;
}

/* TABLE CELLS */
.woocommerce-tabs table th,
.woocommerce-tabs table td,
.woocommerce-Tabs-panel table th,
.woocommerce-Tabs-panel table td {
    vertical-align: middle;
}

/* =========================
   FLEX LAYOUT FIXES
========================= */

@media (max-width: 1024px) {

    /* FLEX WRAP */
    .woocommerce-tabs [style*="display: flex"],
    .woocommerce-Tabs-panel [style*="display: flex"] {
        flex-wrap: wrap !important;
        gap: 24px !important;
    }

    /* 48% WIDTH BLOCKS */
    .woocommerce-tabs [style*="width: 48%"],
    .woocommerce-Tabs-panel [style*="width: 48%"] {
        width: 100% !important;
    }

    /* 24% WIDTH BLOCKS */
    .woocommerce-tabs [style*="width: 24%"],
    .woocommerce-Tabs-panel [style*="width: 24%"] {
        width: calc(50% - 12px) !important;
    }
}

/* =========================
   TABLET DEVICES
========================= */

@media (max-width: 768px) {

    /* HEADINGS */
    .woocommerce-tabs h1,
    .woocommerce-Tabs-panel h1 {
        font-size: 32px !important;
        line-height: 1.3 !important;
    }

    .woocommerce-tabs h2,
    .woocommerce-Tabs-panel h2 {
        font-size: 28px !important;
        line-height: 1.3 !important;
    }

    .woocommerce-tabs h3,
    .woocommerce-Tabs-panel h3 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    .woocommerce-tabs h4,
    .woocommerce-Tabs-panel h4 {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }

    /* TEXT */
    .woocommerce-tabs p,
    .woocommerce-tabs li,
    .woocommerce-Tabs-panel p,
    .woocommerce-Tabs-panel li {
        font-size: 15px !important;
        line-height: 28px !important;
    }

    /* GRID LAYOUTS */
    .drug-grid,
    .drug-img-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    /* FLEX CARDS */
    .woocommerce-tabs [style*="width: 24%"],
    .woocommerce-Tabs-panel [style*="width: 24%"] {
        width: calc(50% - 12px) !important;
    }

    /* TABLE RESPONSIVE */
    .woocommerce-tabs table,
    .woocommerce-Tabs-panel table {
        min-width: 720px !important;
    }

    /* TABLE CELL SPACING */
    .woocommerce-tabs table th,
    .woocommerce-tabs table td,
    .woocommerce-Tabs-panel table th,
    .woocommerce-Tabs-panel table td {
        padding: 12px !important;
        font-size: 14px !important;
        white-space: nowrap;
    }

    /* BOX PADDING */
    .woocommerce-tabs div[style*="padding"],
    .woocommerce-Tabs-panel div[style*="padding"] {
        padding: 22px !important;
    }
}

/* =========================
   MOBILE DEVICES
========================= */

@media (max-width: 576px) {

    /* HEADINGS */
    .woocommerce-tabs h1,
    .woocommerce-Tabs-panel h1 {
        font-size: 28px !important;
    }

    .woocommerce-tabs h2,
    .woocommerce-Tabs-panel h2 {
        font-size: 24px !important;
    }

    .woocommerce-tabs h3,
    .woocommerce-Tabs-panel h3 {
        font-size: 20px !important;
    }

    .woocommerce-tabs h4,
    .woocommerce-Tabs-panel h4 {
        font-size: 18px !important;
    }

    /* TEXT */
    .woocommerce-tabs p,
    .woocommerce-tabs li,
    .woocommerce-Tabs-panel p,
    .woocommerce-Tabs-panel li {
        font-size: 14px !important;
        line-height: 26px !important;
    }

    /* FLEX DIRECTION */
    .woocommerce-tabs [style*="display: flex"],
    .woocommerce-Tabs-panel [style*="display: flex"] {
        flex-direction: column !important;
    }

    /* STEP CARDS */
    .woocommerce-tabs [style*="width: 24%"],
    .woocommerce-Tabs-panel [style*="width: 24%"] {
        width: 100% !important;
    }

    /* TABLE */
    .woocommerce-tabs table,
    .woocommerce-Tabs-panel table {
        min-width: 650px !important;
    }

    /* TABLE CELLS */
    .woocommerce-tabs table th,
    .woocommerce-tabs table td,
    .woocommerce-Tabs-panel table th,
    .woocommerce-Tabs-panel table td {
        font-size: 13px !important;
        padding: 10px !important;
    }

    /* BORDER RADIUS */
    .woocommerce-tabs table,
    .woocommerce-tabs img,
    .woocommerce-tabs iframe,
    .woocommerce-Tabs-panel table,
    .woocommerce-Tabs-panel img,
    .woocommerce-Tabs-panel iframe {
        border-radius: 12px !important;
    }

    /* LISTS */
    .woocommerce-tabs ul,
    .woocommerce-tabs ol,
    .woocommerce-Tabs-panel ul,
    .woocommerce-Tabs-panel ol {
        padding-left: 18px !important;
    }

    /* LINKS */
    .woocommerce-tabs a,
    .woocommerce-Tabs-panel a {
        word-break: break-word;
    }

    /* BOX PADDING */
    .woocommerce-tabs div[style*="padding"],
    .woocommerce-Tabs-panel div[style*="padding"] {
        padding: 18px !important;
    }
}

/* =========================
   EXTRA SMALL DEVICES
========================= */

@media (max-width: 400px) {

    .woocommerce-tabs h1,
    .woocommerce-Tabs-panel h1 {
        font-size: 24px !important;
    }

    .woocommerce-tabs h2,
    .woocommerce-Tabs-panel h2 {
        font-size: 22px !important;
    }

    .woocommerce-tabs h3,
    .woocommerce-Tabs-panel h3 {
        font-size: 18px !important;
    }

    .woocommerce-tabs p,
    .woocommerce-tabs li,
    .woocommerce-Tabs-panel p,
    .woocommerce-Tabs-panel li {
        font-size: 13px !important;
        line-height: 24px !important;
    }
}


.cart-plus-minus input {
    height: 55px;
    width: 165px;
    border: 0;
    text-align: center;
    -moz-appearance: none;
    appearance: none;
    background: #fff1f0;
    border-radius: 30px;
    font-weight: 500;
    color: #747691;
    font-size: 16px;
    padding: 0;
    margin-bottom: 15px !important;
}


/*In Stock Button Style*/
.single-product .product-details-wrapper .stock, .single-product .product-details-wrapper p.stock {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 10 0px 16px !important;
    padding: 5px 20px 5px 20px;
    border-radius: 12px;
    background: rgb(10 153 106 / 10%);
    color: #099c72 !important;
    font-weight: 600;
    font-size: 13px;
}

/*Cart Quntity Style*/
.single-product .cart-plus-minus > .quantity, .single-product form.cart .quantity {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 3px 10px 3px 10px !important;
    border: 1.5px solid var(--mfd-p-border) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #fff !important;
    position: relative !important;
    float: none !important;
}


/*Cart Quntity  Buttons Style*/
.single-product .cart-plus-minus .qtybutton, .single-product .cart-plus-minus .dec, .single-product .cart-plus-minus .inc, .single-product .quantity .qtybutton {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    float: none !important;
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px 5px 2px 5px !important;
    padding: 0 !important;
    border: none !important;
    background: #f4f8fb !important;
    color: var(--mfd-p-navy) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer;
    user-select: none;
}

/*Cart Social Icons Style*/
.elementor-kit-12 a {
    color: var(--e-global-color-secondary);
    padding-top: 10px !important;
}

/*Cart Table Underline Style*/

.bakix-details-tab ul li.active a:before {
    background: #023c64;
    margin-bottom: 20px !important;
    margin-left: 5px !important;
}

/*Cart Badge Style*/
.product-badges {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
    height: 60px;
    width: 60px;
    line-height: 25px;
    border-radius: 200px;
    background: #Fda400;
}

/*Cart Badge Discount Style*/

.single-product .badge.onsale, .single-product span.onsale {
    top: 18px !important;
    left: 18px !important;
    right: auto !important;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #e11d48, #be123c) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: 0 10px 24px rgba(190, 18, 60, 0.28);
    border: none !important;
    margin-top: 5px !important;
}


/*Cart Zoom View Style*/

.single-product .woocommerce-product-gallery__trigger {
    top: 16px !important;
    right: 16px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 6 !important;
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid var(--mfd-p-border) !important;
    box-shadow: 0 8px 20px rgba(2, 60, 100, 0.12) !important;
    text-indent: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    margin-top: 30px;
    margin-right: 20px;
}

/*Small Search Icon Display*/
a.woocommerce-product-gallery__trigger > span {
    display: none !important;
}

/*Search Icon Display Style*/

.single-product .woocommerce-product-gallery__trigger {
    top: 12px !important;
    right: 12px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 6 !important;
    width: 55px !important;
    height: 55px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 200px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid var(--mfd-p-border) !important;
    box-shadow: 0 8px 20px rgba(2, 60, 100, 0.12) !important;
    text-indent: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    margin-top: 25px;
    margin-right: 15px;
}

/*Search Icon Size Style*/
a.woocommerce-product-gallery__trigger:before {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f002';
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 15px;
    line-height: 45px;
}


/*Container Width Adjustment*/
.container {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
}


.single-product .woocommerce-tabs .panel {
    margin: 0 !important;
    padding: 8px 10px 20px !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

@media (max-width: 576px) {
    .woocommerce-tabs ul, .woocommerce-tabs ol, .woocommerce-Tabs-panel ul, .woocommerce-Tabs-panel ol {
        padding-left: 2px !important;
    }
}
@media (max-width: 576px) {
    .woocommerce-tabs div[style*="padding"], .woocommerce-Tabs-panel div[style*="padding"] {
        padding: 10px !important;
    }
}
@media only screen and (max-width:768px){
	html, body {
		width:100%;
		overflow-x: hidden;
	}
}

/* ===== MAYFLOWER PRODUCTS PAGE REDESIGN v1 ===== */
body.page-id-475 {
  --mf-navy: #023c64;
  --mf-teal: #399db7;
  --mf-ink: #0f2433;
  --mf-muted: #5b6f7c;
  --mf-line: rgba(2, 60, 100, 0.10);
  --mf-soft: #f3f7fa;
  font-family: Inter, system-ui, sans-serif;
}

body.page-id-475 .site-main,
body.page-id-475 #primary,
body.page-id-475 .content-area,
body.page-id-475 .elementor-475 {
  background:
    radial-gradient(1200px 420px at 12% -10%, rgba(57, 157, 183, 0.12), transparent 55%),
    radial-gradient(900px 380px at 100% 0%, rgba(2, 60, 100, 0.08), transparent 50%),
    linear-gradient(180deg, #f7fafc 0%, #ffffff 42%, #f5f8fa 100%);
}

body.page-id-475 .product-area.klb-product {
  padding-top: 28px !important;
  padding-bottom: 88px !important;
}

body.page-id-475 .klb-product > .container > .row.mb-30 {
  align-items: flex-end;
  margin-bottom: 18px !important;
  padding: 8px 0 18px;
  border-bottom: 1px solid var(--mf-line);
}

body.page-id-475 .klb-product .section-title {
  margin-bottom: 0 !important;
}

body.page-id-475 .klb-product .section-title h2 {
  color: var(--mf-navy) !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: clamp(1.85rem, 2.4vw, 2.35rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  line-height: 1.15 !important;
  margin: 0 0 8px !important;
}

body.page-id-475 .klb-product .section-title p {
  color: var(--mf-muted) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  max-width: 36rem;
}

body.page-id-475 .klb-product .b-button.shop-btn a {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  color: #fff !important;
  background: var(--mf-teal) !important;
  border: none !important;
  border-bottom: none !important;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 12px 18px !important;
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(57, 157, 183, 0.28);
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.page-id-475 .klb-product .b-button.shop-btn a:hover {
  background: var(--mf-navy) !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(2, 60, 100, 0.22);
}

body.page-id-475 .klb-product .b-button.shop-btn a i {
  font-size: 14px;
  transition: transform 0.2s ease;
}

body.page-id-475 .klb-product .b-button.shop-btn a:hover i {
  transform: translateX(3px);
}

body.page-id-475 .klb-product .product-03-wrapper {
  background: #fff !important;
  border: 1px solid var(--mf-line) !important;
  border-radius: 18px !important;
  overflow: hidden;
  padding: 0 0 22px !important;
  margin-bottom: 28px !important;
  box-shadow: 0 1px 2px rgba(2, 60, 100, 0.04);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

body.page-id-475 .klb-product .product-03-wrapper:hover {
  transform: translateY(-6px);
  border-color: rgba(57, 157, 183, 0.35) !important;
  box-shadow: 0 18px 40px rgba(2, 60, 100, 0.12);
}

body.page-id-475 .klb-product .badge-tag {
  z-index: 3;
  top: 14px !important;
  left: 14px !important;
}

body.page-id-475 .klb-product .product-tag {
  background: var(--mf-teal) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  padding: 6px 10px !important;
  min-width: auto !important;
  line-height: 1 !important;
  box-shadow: 0 6px 14px rgba(57, 157, 183, 0.28);
}

body.page-id-475 .klb-product .product-02-img {
  background: linear-gradient(180deg, #f8fbfd 0%, #eef4f7 100%);
  padding: 28px 18px 18px;
  margin: 0;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.page-id-475 .klb-product .product-02-img > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

body.page-id-475 .klb-product .product-02-img img {
  max-height: 180px;
  width: auto !important;
  max-width: 86% !important;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform 0.3s ease;
}

body.page-id-475 .klb-product .product-03-wrapper:hover .product-02-img img {
  transform: scale(1.04);
}

body.page-id-475 .klb-product .product-action {
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 0 10px;
}

body.page-id-475 .klb-product .product-03-wrapper:hover .product-action {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

body.page-id-475 .klb-product .product-action a,
body.page-id-475 .klb-product .product-action .action-btn,
body.page-id-475 .klb-product .product-action .se-btn,
body.page-id-475 .klb-product .product-action .tinvwl_add_to_wishlist_button {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--mf-navy) !important;
  border: 1px solid var(--mf-line) !important;
  box-shadow: 0 8px 18px rgba(2, 60, 100, 0.12) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  line-height: 1 !important;
}

body.page-id-475 .klb-product .product-action a:hover,
body.page-id-475 .klb-product .product-action .action-btn:hover,
body.page-id-475 .klb-product .product-action .se-btn:hover,
body.page-id-475 .klb-product .product-action .tinvwl_add_to_wishlist_button:hover {
  background: var(--mf-teal) !important;
  color: #fff !important;
  border-color: var(--mf-teal) !important;
}

body.page-id-475 .klb-product .product-action .tinvwl_add_to_wishlist-text,
body.page-id-475 .klb-product .product-action .tinvwl-tooltip {
  display: none !important;
}

body.page-id-475 .klb-product .product-action .shopengine-wishlist,
body.page-id-475 .klb-product .product-action .shopengine-comparison,
body.page-id-475 .klb-product .product-action .tinvwl-loop-button-wrapper,
body.page-id-475 .klb-product .product-action a.detail-bnt {
  display: none !important;
}

body.page-id-475 .klb-product .product-text {
  padding: 16px 18px 0 !important;
  text-align: left !important;
}

body.page-id-475 .klb-product .product-text h4 {
  margin: 0 0 10px !important;
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

body.page-id-475 .klb-product .product-text h4 a {
  color: var(--mf-navy) !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s ease;
}

body.page-id-475 .klb-product .product-text h4 a:hover {
  color: var(--mf-teal) !important;
}

body.page-id-475 .klb-product .product-text .price,
body.page-id-475 .klb-product .product-text .woocommerce-Price-amount,
body.page-id-475 .klb-product .product-text .amount {
  color: var(--mf-teal) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
}

body.page-id-475 .klb-product .product-text del,
body.page-id-475 .klb-product .product-text del .woocommerce-Price-amount,
body.page-id-475 .klb-product .product-text del .amount {
  color: #8a9aa5 !important;
  font-size: 0.86rem !important;
  font-weight: 500 !important;
  opacity: 0.9;
}

body.page-id-475 .klb-product .product-text ins {
  text-decoration: none !important;
}

@media (max-width: 767px) {
  body.page-id-475 .klb-product > .container > .row.mb-30 {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  body.page-id-475 .klb-product .b-button.shop-btn {
    text-align: left !important;
    margin-bottom: 0 !important;
  }

  body.page-id-475 .klb-product .product-action {
    opacity: 1;
    visibility: visible;
    transform: none;
    position: static !important;
    margin-top: 10px;
  }

  body.page-id-475 .klb-product .product-02-img {
    min-height: 190px;
    padding-bottom: 12px;
  }
}
/* ===== END MAYFLOWER PRODUCTS PAGE REDESIGN ===== */


/* Global Link Hover Color */
a {
    transition: color 0.3s ease;
}

a:hover,
a:focus {
    color: #007bff !important;
}

/* ===== FIX: Product description H2s (parent Medibazar hides all #tab-description > h2) ===== */
.wc-tabs-wrapper #tab-description > h2 {
  display: block !important;
}
.wc-tabs-wrapper #tab-description > h2:first-of-type {
  display: none !important; /* WooCommerce default "Description" title only */
}

/* ===== MF HOME-2 REDESIGN (homepage-matched) ===== */
.mfh2 {
  --mf-navy: #023c64;
  --mf-navy-deep: #012840;
  --mf-teal: #399db7;
  --mf-teal-hover: #2f8aa2;
  --mf-teal-soft: #9ed7e5;
  --mf-ink: #1a1a1a;
  --mf-muted: #5f6567;
  --mf-line: rgba(2, 60, 100, 0.12);
  --mf-paper: #f5f8fa;
  --mf-paper-deep: #eef4f7;
  --mf-white: #ffffff;
  --mf-soft: #f5f5f5;
  --mf-font: "DM Sans", Sans-serif;
  --mf-ui: "Poppins", Sans-serif;
  --mf-btn: "Inter", Sans-serif;
  --mf-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --mf-radius: 16px;
  --mf-radius-sm: 12px;
  --mf-radius-lg: 20px;
  --mf-section-y: clamp(3.25rem, 5.5vw, 5rem);
  --mf-section-y-lg: clamp(3.5rem, 6vw, 5.5rem);
  --mf-gap: clamp(0.85rem, 1.6vw, 1.15rem);
  --mf-wrap-gutter: clamp(1.25rem, 3.2vw, 2.5rem);
  color: var(--mf-ink);
  font-family: var(--mf-font);
  font-size: 16px;
  line-height: 1.6;
  background: var(--mf-white);
  overflow-x: clip;
  overflow-y: visible;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.mfh2 *,
.mfh2 *::before,
.mfh2 *::after { box-sizing: border-box; }
.mfh2 a { color: inherit; text-decoration: none; }
.mfh2 img { max-width: 100%; height: auto; display: block; }
.mfh2 .mfh2-wrap {
  width: min(1140px, calc(100% - var(--mf-wrap-gutter)));
  margin-inline: auto;
}

/* Motion */
@keyframes mfh2-rise {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes mfh2-drift {
  from { transform: scale(1.03) translate3d(0, 0, 0); }
  to { transform: scale(1.07) translate3d(0, -8px, 0); }
}
@keyframes mfh2-sheen {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
.mfh2 .mfh2-rise { animation: mfh2-rise 0.7s var(--mf-ease) both; }
.mfh2 .mfh2-rise-2 { animation-delay: 0.08s; }
.mfh2 .mfh2-rise-3 { animation-delay: 0.16s; }
.mfh2 .mfh2-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.65s var(--mf-ease), transform 0.65s var(--mf-ease);
  will-change: opacity, transform;
}
.mfh2 .mfh2-reveal.is-in {
  opacity: 1;
  transform: none;
  will-change: auto;
}

/* Hero */
.mfh2-hero {
  position: relative;
  /* Content-sized (no tall 88vh/720 floor) so cups below can enter the first viewport */
  min-height: 0;
  display: grid;
  align-items: end;
  color: var(--mf-white);
  isolation: isolate;
  overflow: hidden;
}
.mfh2-hero__media { position: absolute; inset: 0; z-index: -2; }
.mfh2-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 28%;
  animation: mfh2-drift 14s ease-in-out infinite alternate;
}
.mfh2-hero__wash {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(122deg, rgba(2, 60, 100, 0.92) 22%, rgba(0, 158, 187, 0.72) 53%, rgba(2, 60, 100, 0.35) 100%);
}
.mfh2-hero__inner {
  width: min(1140px, calc(100% - var(--mf-wrap-gutter)));
  margin: 0 auto;
  padding: clamp(1.6rem, 3.5vw, 2.35rem) 0 clamp(1.15rem, 2.4vw, 1.55rem);
}
.mfh2-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 0.5rem;
}
.mfh2-brand img {
  height: 30px;
  width: auto;
  filter: brightness(0) invert(1);
}
.mfh2-brand span {
  font-family: var(--mf-ui);
  font-size: 11.5px;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 12px;
  color: #f5f5f5;
}
.mfh2-hero h1 {
  font-family: var(--mf-font);
  font-weight: 500;
  font-size: clamp(1.65rem, 3.2vw, 2.35rem);
  line-height: 1.12;
  text-transform: capitalize;
  max-width: 16ch;
  margin: 0 0 0.45rem;
  color: #fff;
}
.mfh2-hero p {
  margin: 0;
  max-width: 46ch;
  font-family: var(--mf-ui);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.35;
  letter-spacing: -0.5px;
  color: #f5f5f5;
}
.mfh2-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.85rem;
}
.mfh2-hero .mfh2-btn {
  min-height: 40px;
  padding: 10px 12px;
}

/* Short laptop viewports: keep hero tighter so cup row stays above the fold */
@media (min-width: 1025px) and (max-height: 920px) {
  .mfh2-hero__inner { padding: 1.6rem 0 1.15rem; }
  .mfh2-brand { margin-bottom: 0.35rem; }
  .mfh2-brand img { height: 26px; }
  .mfh2-hero h1 {
    font-size: clamp(1.45rem, 2.6vw, 2rem);
    margin-bottom: 0.35rem;
  }
  .mfh2-hero p { font-size: 13.5px; line-height: 1.3; }
  .mfh2-cta { margin-top: 0.65rem; }
  .mfh2-hero .mfh2-btn { min-height: 38px; padding: 9px 11px; }
}

/* Buttons — match homepage Elementor style */
.mfh2-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 15px 18px;
  border: 1px solid transparent;
  font-family: var(--mf-btn);
  font-size: 13px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1.2;
  letter-spacing: 0.01em;
  transition: background-color 0.28s var(--mf-ease), color 0.28s ease, border-color 0.28s ease, transform 0.28s var(--mf-ease), box-shadow 0.28s ease;
}
.mfh2-btn--sm { min-height: 42px; padding: 12px 14px; align-self: flex-start; }
@media (hover: hover) and (pointer: fine) {
  .mfh2-btn:hover { transform: translateY(-3px); }
}
.mfh2-btn--primary {
  background-color: #399db7;
  color: #fff;
}
.mfh2-btn--primary:hover {
  background-color: #023c64;
  color: #399db7;
}
.mfh2-btn--ghost {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.55);
  color: #fff;
}
.mfh2-btn--ghost:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: #fff;
  color: #fff;
}
.mfh2-btn--outline {
  background: transparent;
  border-color: #023c64;
  color: #023c64;
}
.mfh2-btn--outline:hover {
  background: #023c64;
  color: #399db7;
}

/* Needs strip */
.mfh2-needs {
  background: var(--mf-navy);
  color: #fff;
  padding: 0.45rem 0;
}
.mfh2-needs__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}
.mfh2-need {
  display: block;
  padding: 1.15rem 1.05rem;
  border-left: 2px solid rgba(57, 157, 183, 0.75);
  transition: background 0.28s ease, transform 0.28s var(--mf-ease), border-color 0.28s ease;
}
@media (hover: hover) and (pointer: fine) {
  .mfh2-need:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--mf-teal);
    transform: translateY(-2px);
  }
}
.mfh2-need strong {
  display: block;
  font-family: var(--mf-font);
  font-size: 0.98rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
}
.mfh2-need span {
  display: block;
  font-family: var(--mf-ui);
  font-size: 13px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.72);
}

/* Sections */
.mfh2-section { padding: var(--mf-section-y) 0; }
.mfh2-section--paper { background: var(--mf-paper); }
.mfh2-section--navy {
  background: linear-gradient(135deg, #023c64 0%, #012840 55%, #0a4f6e 100%);
  background-size: 180% 180%;
  animation: mfh2-sheen 16s ease infinite alternate;
  color: #fff;
}
.mfh2-kicker {
  display: inline-block;
  margin: 0 0 0.7rem;
  font-family: var(--mf-ui);
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 13px;
  color: #399db7;
}
.mfh2-kicker--light { color: #9ed7e5; }
.mfh2-title {
  font-family: var(--mf-font);
  font-size: clamp(1.75rem, 3vw, 2.35rem);
  font-weight: 500;
  line-height: 1.15;
  text-transform: capitalize;
  margin: 0 0 0.75rem;
  color: #023c64;
  max-width: 18ch;
}
.mfh2 h2.mfh2-title,
.mfh2 .mfh2-title {
  font-family: "DM Sans", Sans-serif !important;
  font-weight: 500 !important;
  color: #023c64;
}
.mfh2 .mfh2-title--light { color: #fff !important; }
.mfh2-lead {
  margin: 0;
  max-width: 52ch;
  font-family: var(--mf-ui);
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
  color: #5f6567;
}
.mfh2-lead--light { color: rgba(255, 255, 255, 0.84); }
.mfh2-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1.5rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

/* Paths — Shop by configuration (homepage-matched) */
.mfh2-paths-section { padding: var(--mf-section-y-lg) 0; }
.mfh2-head--paths {
  align-items: flex-end;
  gap: 1.75rem;
  margin-bottom: 2.25rem;
}
.mfh2-head--paths .mfh2-title {
  max-width: 16ch;
  color: #023c64;
  font-weight: 500;
}
.mfh2-head--paths .mfh2-lead {
  max-width: 54ch;
}
.mfh2-head--paths .mfh2-btn--outline {
  flex-shrink: 0;
  align-self: flex-end;
  border-radius: 0;
  min-height: 48px;
  padding: 15px 18px;
}
.mfh2-paths {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 18px;
  align-items: stretch;
}
.mfh2-path {
  --mf-path-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  min-height: 340px;
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
  border-radius: 16px;
  box-shadow:
    0 10px 28px rgba(2, 60, 100, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.06) inset;
  transition:
    transform 0.45s var(--mf-path-ease),
    box-shadow 0.45s ease;
}
.mfh2-path.mfh2-reveal:nth-child(1) { transition-delay: 0.04s; }
.mfh2-path.mfh2-reveal:nth-child(2) { transition-delay: 0.12s; }
.mfh2-path.mfh2-reveal:nth-child(3) { transition-delay: 0.2s; }
.mfh2-path.mfh2-reveal.is-in {
  transition:
    opacity 0.45s ease,
    transform 0.45s var(--mf-path-ease),
    box-shadow 0.45s ease;
  transition-delay: 0s;
}
.mfh2-path:hover {
  transform: translateY(-8px);
  box-shadow:
    0 22px 44px rgba(2, 60, 100, 0.18),
    0 0 0 1px rgba(57, 157, 183, 0.28);
}
.mfh2-path:focus-visible {
  outline: 2px solid #399db7;
  outline-offset: 3px;
}
.mfh2-path__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.mfh2-path__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transform: scale(1.01);
  transition: transform 0.7s var(--mf-path-ease);
}
.mfh2-path:hover .mfh2-path__bg img { transform: scale(1.08); }
.mfh2-path__shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg,
      rgba(2, 60, 100, 0.08) 0%,
      rgba(2, 60, 100, 0.35) 42%,
      rgba(1, 40, 64, 0.92) 100%);
  transition: background 0.4s ease, opacity 0.4s ease;
}
.mfh2-path--teal .mfh2-path__shade {
  background:
    linear-gradient(180deg,
      rgba(57, 157, 183, 0.22) 0%,
      rgba(2, 60, 100, 0.45) 45%,
      rgba(1, 40, 64, 0.94) 100%);
}
.mfh2-path:hover .mfh2-path__shade {
  background:
    linear-gradient(180deg,
      rgba(2, 60, 100, 0.12) 0%,
      rgba(2, 60, 100, 0.42) 40%,
      rgba(1, 40, 64, 0.96) 100%);
}
.mfh2-path__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
  padding: 1.75rem 1.55rem 1.65rem;
  min-height: 11.5rem;
  justify-content: flex-end;
}
.mfh2-path h3 {
  margin: 0;
  font-family: var(--mf-font);
  font-size: clamp(1.25rem, 1.8vw, 1.5rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #fff;
  text-transform: capitalize;
}
.mfh2-path p {
  margin: 0;
  font-family: var(--mf-ui);
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: rgba(245, 245, 245, 0.88);
  max-width: 30ch;
}
.mfh2-path__cta {
  display: inline-flex;
  align-items: center;
  margin-top: 0.65rem;
  font-style: normal;
  font-family: var(--mf-btn);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
  color: #9ed7e5;
  transition: color 0.28s ease, transform 0.28s ease, letter-spacing 0.28s ease;
}
.mfh2-path__cta::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 1px;
  margin-left: 0.55rem;
  background: currentColor;
  transition: width 0.3s ease, margin-left 0.3s ease;
}
.mfh2-path:hover .mfh2-path__cta {
  color: #fff;
  letter-spacing: 0.1em;
}
.mfh2-path:hover .mfh2-path__cta::after {
  width: 22px;
  margin-left: 0.7rem;
}

/* Featured cup showcase — premium polish */
.mfh2-spotlight {
  --mf-spot-ease: cubic-bezier(0.22, 1, 0.36, 1);
  background:
    radial-gradient(ellipse 70% 55% at 50% 8%, rgba(57, 157, 183, 0.16), transparent 68%),
    radial-gradient(ellipse 40% 40% at 8% 90%, rgba(2, 60, 100, 0.05), transparent 60%),
    linear-gradient(180deg, #e4f0f5 0%, #eef5f8 48%, #f5f8fa 100%);
  padding: clamp(2.75rem, 5vw, 3.75rem) 0 clamp(3rem, 5.5vw, 3.85rem);
  margin-top: 2.75rem;
  position: relative;
}
.mfh2-spotlight__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.35rem;
  align-items: stretch;
}
.mfh2-spot {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  min-height: 100%;
  text-align: center;
  border-radius: 16px;
  transition:
    transform 0.45s var(--mf-spot-ease),
    filter 0.45s ease;
}
.mfh2-spot.mfh2-reveal {
  transition:
    opacity 0.75s var(--mf-spot-ease),
    transform 0.75s var(--mf-spot-ease);
}
.mfh2-spot.mfh2-reveal.is-in {
  transition:
    opacity 0.45s ease,
    transform 0.45s var(--mf-spot-ease),
    filter 0.45s ease;
}
.mfh2-spot:nth-child(1).mfh2-reveal { transition-delay: 0.02s; }
.mfh2-spot:nth-child(2).mfh2-reveal { transition-delay: 0.1s; }
.mfh2-spot:nth-child(3).mfh2-reveal { transition-delay: 0.18s; }
.mfh2-spot:nth-child(4).mfh2-reveal { transition-delay: 0.26s; }
.mfh2-spot.mfh2-reveal.is-in:nth-child(n) { transition-delay: 0s; }
.mfh2-spot:hover {
  transform: translateY(-10px);
  filter: drop-shadow(0 18px 28px rgba(2, 60, 100, 0.1));
}
.mfh2-spot:focus-visible {
  outline: 2px solid #399db7;
  outline-offset: 4px;
}
.mfh2-spot__visual {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  z-index: 2;
  margin-bottom: -0.55rem;
  overflow: visible;
}
.mfh2-spot__visual::before {
  content: "";
  position: absolute;
  width: 74%;
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.95) 0%, rgba(238, 247, 250, 0.9) 45%, rgba(57, 157, 183, 0.12) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    0 10px 28px rgba(2, 60, 100, 0.07);
  z-index: 0;
  transition: transform 0.5s var(--mf-spot-ease), box-shadow 0.5s ease;
}
.mfh2-spot:hover .mfh2-spot__visual::before {
  transform: scale(1.04);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 34px rgba(57, 157, 183, 0.18);
}
.mfh2-spot__visual img {
  width: 70%;
  height: 70%;
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 16px 30px rgba(2, 60, 100, 0.16));
  transition: transform 0.55s var(--mf-spot-ease), filter 0.45s ease;
  position: relative;
  z-index: 1;
  image-rendering: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.mfh2-spot:hover .mfh2-spot__visual img {
  transform: scale(1.07) translateY(-8px);
  filter: drop-shadow(0 22px 36px rgba(2, 60, 100, 0.2));
}
.mfh2-spot__brand {
  position: absolute;
  top: 11%;
  left: 2%;
  z-index: 3;
  transform: rotate(-18deg);
  background: linear-gradient(135deg, #023c64 0%, #034a78 55%, #056089 100%);
  color: #fff;
  padding: 0.48rem 1.15rem 0.44rem;
  font-family: var(--mf-ui);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.1;
  border-radius: 3px;
  box-shadow:
    0 8px 18px rgba(2, 60, 100, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
  white-space: nowrap;
  transition: transform 0.4s var(--mf-spot-ease), box-shadow 0.35s ease;
}
.mfh2-spot:hover .mfh2-spot__brand {
  transform: rotate(-18deg) translateY(-2px) scale(1.03);
  box-shadow:
    0 10px 22px rgba(2, 60, 100, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.mfh2-spot__brand em {
  font-family: var(--mf-font);
  font-style: italic;
  font-weight: 500;
  margin-right: 0.28rem;
  color: #9ed7e5;
}
.mfh2-spot__ribbon {
  position: absolute;
  bottom: 15%;
  right: 2%;
  z-index: 3;
  transform: rotate(-16deg);
  background: linear-gradient(135deg, #45adc6 0%, #399db7 42%, #2f8aa2 100%);
  color: #fff;
  padding: 0.5rem 1rem;
  font-family: var(--mf-btn);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.15;
  text-align: center;
  border-radius: 3px;
  box-shadow:
    0 8px 18px rgba(57, 157, 183, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
  min-width: 5.75rem;
  max-width: 7.75rem;
  min-height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s var(--mf-spot-ease), box-shadow 0.35s ease, background 0.35s ease;
}
.mfh2-spot:hover .mfh2-spot__ribbon {
  transform: rotate(-16deg) translateY(-2px) scale(1.04);
  background: linear-gradient(135deg, #4db6ce 0%, #399db7 40%, #267e94 100%);
  box-shadow:
    0 10px 22px rgba(57, 157, 183, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.mfh2-spot__ribbon--stack {
  padding: 0.42rem 0.85rem;
  font-size: 11px;
  line-height: 1.15;
  min-height: 2.55rem;
}
.mfh2-spot__arrow {
  position: absolute;
  left: 5%;
  bottom: 24%;
  width: 52px;
  height: 52px;
  color: #399db7;
  z-index: 2;
  transform: rotate(-8deg);
  opacity: 0.92;
  transition: transform 0.45s var(--mf-spot-ease), color 0.35s ease, opacity 0.35s ease;
  pointer-events: none;
  filter: drop-shadow(0 4px 8px rgba(57, 157, 183, 0.25));
}
.mfh2-spot:hover .mfh2-spot__arrow {
  color: #023c64;
  opacity: 1;
  transform: rotate(-8deg) translate(5px, -6px) scale(1.06);
}
.mfh2-spot__card {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 8.25rem;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
  border: 1px solid rgba(2, 60, 100, 0.1);
  border-radius: 14px;
  padding: 1.55rem 1rem 1.5rem;
  box-shadow:
    0 4px 14px rgba(2, 60, 100, 0.05),
    0 1px 0 rgba(255, 255, 255, 0.9) inset;
  transition:
    border-color 0.4s ease,
    box-shadow 0.45s var(--mf-spot-ease),
    background 0.4s ease,
    transform 0.45s var(--mf-spot-ease);
}
.mfh2-spot:hover .mfh2-spot__card {
  border-color: rgba(57, 157, 183, 0.55);
  background: linear-gradient(180deg, #ffffff 0%, #f3fafc 100%);
  box-shadow:
    0 18px 40px rgba(2, 60, 100, 0.12),
    0 0 0 3px rgba(57, 157, 183, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.95) inset;
}
.mfh2-spot__card h3 {
  margin: 0;
  font-family: var(--mf-font);
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.3;
  color: #023c64;
  letter-spacing: -0.015em;
  min-height: 2.6em;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 18ch;
}
.mfh2-spot__price {
  margin: 0;
  font-family: var(--mf-ui);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #5f6567;
}
.mfh2-spot__price strong {
  font-family: var(--mf-font);
  font-size: 1.6rem;
  font-weight: 700;
  color: #399db7;
  letter-spacing: -0.025em;
  transition: color 0.3s ease;
}
.mfh2-spot:hover .mfh2-spot__price strong { color: #2f8aa2; }
.mfh2-spot__price span {
  font-size: 13px;
  font-weight: 500;
  color: #399db7;
}

/* Featured Solutions — modernized homepage section */
.mfh2-solutions {
  --mf-sol-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  padding: var(--mf-section-y-lg) 0;
  background:
    radial-gradient(ellipse 55% 45% at 50% 0%, rgba(57, 157, 183, 0.1), transparent 70%),
    linear-gradient(180deg, var(--mf-paper) 0%, var(--mf-paper-deep) 48%, var(--mf-paper) 100%);
  overflow: hidden;
}
.mfh2-solutions::before {
  content: "";
  position: absolute;
  inset: auto -10% -30% auto;
  width: min(480px, 40vw);
  height: min(480px, 40vw);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(2, 60, 100, 0.06), transparent 68%);
  pointer-events: none;
}
.mfh2-solutions__head {
  text-align: center;
  max-width: 44rem;
  margin: 0 auto clamp(2rem, 4vw, 2.75rem);
}
.mfh2-solutions__title {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}
.mfh2-solutions__lead {
  max-width: 54ch;
  margin: 0 auto;
}
.mfh2-solutions__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  position: relative;
  z-index: 1;
}
.mfh2-solution {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 1.65rem 1.5rem 1.7rem;
  background: #fff;
  border: 1px solid rgba(2, 60, 100, 0.08);
  border-radius: var(--mf-radius);
  box-shadow: 0 10px 28px rgba(2, 60, 100, 0.04);
  overflow: hidden;
  transition:
    transform 0.4s var(--mf-sol-ease),
    box-shadow 0.4s var(--mf-sol-ease),
    border-color 0.3s ease;
}
.mfh2-solution::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #399db7, #023c64);
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .mfh2-solution:hover {
    transform: translateY(-8px);
    border-color: rgba(57, 157, 183, 0.35);
    box-shadow: 0 18px 40px rgba(2, 60, 100, 0.1);
  }
  .mfh2-solution:hover::after { opacity: 1; }
  .mfh2-solution:hover .mfh2-solution__icon {
    transform: scale(1.06);
    color: #399db7;
  }
}
.mfh2-solution__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 999px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.9), transparent 55%),
    linear-gradient(145deg, rgba(57, 157, 183, 0.18), rgba(2, 60, 100, 0.1));
  color: #023c64;
  transition: transform 0.35s var(--mf-sol-ease), background 0.35s ease, color 0.35s ease;
}
.mfh2-solution h3 {
  margin: 0;
  font-family: var(--mf-font);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.3;
  color: #023c64;
}
.mfh2-solution p {
  margin: 0;
  font-family: var(--mf-ui);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.55;
  color: #5f6567;
}
.mfh2-solution.mfh2-reveal:nth-child(1) { transition-delay: 0.02s; }
.mfh2-solution.mfh2-reveal:nth-child(2) { transition-delay: 0.08s; }
.mfh2-solution.mfh2-reveal:nth-child(3) { transition-delay: 0.14s; }
.mfh2-solution.mfh2-reveal:nth-child(4) { transition-delay: 0.2s; }
.mfh2-solution.mfh2-reveal:nth-child(5) { transition-delay: 0.26s; }
.mfh2-solution.mfh2-reveal:nth-child(6) { transition-delay: 0.32s; }
.mfh2-solution.mfh2-reveal.is-in { transition-delay: 0s; }

/* Best sellers — premium product cards (homepage-matched) */
.mfh2-bestsellers {
  --mf-prod-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  padding: var(--mf-section-y-lg) 0;
  background:
    radial-gradient(ellipse 70% 50% at 100% 0%, rgba(57, 157, 183, 0.1), transparent 60%),
    radial-gradient(ellipse 50% 40% at 0% 100%, rgba(2, 60, 100, 0.05), transparent 55%),
    var(--mf-paper);
}
.mfh2-head--products {
  align-items: flex-end;
  gap: 1.75rem;
  margin-bottom: 2.25rem;
}
.mfh2-head--products .mfh2-title {
  max-width: 18ch;
  color: #023c64;
  font-weight: 500;
}
.mfh2-head--products .mfh2-lead { max-width: 54ch; }
.mfh2-head--products .mfh2-btn--outline {
  flex-shrink: 0;
  align-self: flex-end;
  border-radius: 0;
  min-height: 48px;
  padding: 15px 18px;
}
.mfh2-products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
.mfh2-product {
  display: grid;
  grid-template-columns: 168px 1fr;
  gap: 0;
  height: 100%;
  min-height: 210px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, #ffffff 100%);
  border: 1px solid rgba(2, 60, 100, 0.1);
  border-radius: 16px;
  overflow: hidden;
  box-shadow:
    0 10px 28px rgba(2, 60, 100, 0.06),
    0 1px 0 rgba(255, 255, 255, 0.9) inset;
  transition:
    transform 0.45s var(--mf-prod-ease),
    border-color 0.4s ease,
    box-shadow 0.45s ease;
}
.mfh2-product.mfh2-reveal:nth-child(1) { transition-delay: 0.04s; }
.mfh2-product.mfh2-reveal:nth-child(2) { transition-delay: 0.12s; }
.mfh2-product.mfh2-reveal:nth-child(3) { transition-delay: 0.2s; }
.mfh2-product.mfh2-reveal:nth-child(4) { transition-delay: 0.28s; }
.mfh2-product.mfh2-reveal.is-in {
  transition:
    opacity 0.7s var(--mf-prod-ease),
    transform 0.45s var(--mf-prod-ease),
    border-color 0.4s ease,
    box-shadow 0.45s ease;
  transition-delay: 0s;
}
.mfh2-product:hover {
  transform: translateY(-8px);
  border-color: rgba(57, 157, 183, 0.5);
  box-shadow:
    0 22px 44px rgba(2, 60, 100, 0.12),
    0 0 0 1px rgba(57, 157, 183, 0.22);
}
.mfh2-product:focus-visible {
  outline: 2px solid #399db7;
  outline-offset: 3px;
}
.mfh2-product__media {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 100%;
  padding: 1.15rem;
  background:
    radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.95) 0%, rgba(238, 247, 250, 0.92) 48%, rgba(57, 157, 183, 0.12) 100%);
  overflow: hidden;
}
.mfh2-product__media::after {
  content: "";
  position: absolute;
  inset: auto 12% 12% 12%;
  height: 10px;
  border-radius: 50%;
  background: rgba(2, 60, 100, 0.08);
  filter: blur(6px);
  z-index: 0;
}
.mfh2-product__media img {
  position: relative;
  z-index: 1;
  width: 78%;
  height: auto;
  max-height: 148px;
  object-fit: contain;
  filter: drop-shadow(0 12px 22px rgba(2, 60, 100, 0.14));
  transition: transform 0.55s var(--mf-prod-ease), filter 0.45s ease;
}
.mfh2-product:hover .mfh2-product__media img {
  transform: scale(1.07) translateY(-4px);
  filter: drop-shadow(0 18px 28px rgba(2, 60, 100, 0.18));
}
.mfh2-product__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.45rem;
  padding: 1.35rem 1.35rem 1.35rem 1.2rem;
  min-height: 100%;
}
.mfh2-product__tag {
  font-family: var(--mf-ui);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #399db7;
}
.mfh2-product h3 {
  margin: 0;
  font-family: var(--mf-font);
  font-size: clamp(1.02rem, 1.4vw, 1.12rem);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #023c64;
  text-transform: capitalize;
  min-height: 2.6em;
  display: flex;
  align-items: center;
}
.mfh2-product p {
  margin: 0;
  font-family: var(--mf-ui);
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #5f6567;
  max-width: 36ch;
}
.mfh2-product__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  margin-top: 0.45rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(2, 60, 100, 0.08);
}
.mfh2-price {
  font-family: var(--mf-font);
  font-size: 1.35rem;
  font-weight: 700;
  color: #023c64;
  letter-spacing: -0.02em;
  line-height: 1.1;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.mfh2-price small {
  font-family: var(--mf-ui);
  font-size: 12px;
  font-weight: 400;
  color: #5f6567;
  letter-spacing: 0;
  margin-right: 0;
}
.mfh2-price strong {
  font-weight: 700;
  color: #399db7;
  font-size: 1.45rem;
}
.mfh2-product .mfh2-btn--sm {
  border-radius: 0;
  min-height: 42px;
  padding: 12px 14px;
  align-self: center;
}
.mfh2-product:hover .mfh2-btn--primary {
  background-color: #023c64;
  color: #399db7;
}

/* Why Mayflower — premium trust redesign */
.mfh2-trust-section {
  --mf-trust-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: var(--mf-section-y-lg) 0;
  color: #fff;
  background:
    linear-gradient(135deg, #012840 0%, #023c64 48%, #0a4f6e 100%);
}
.mfh2-trust-section__glow {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 55% 60% at 12% 40%, rgba(57, 157, 183, 0.28), transparent 65%),
    radial-gradient(ellipse 45% 50% at 92% 15%, rgba(158, 215, 229, 0.12), transparent 60%),
    radial-gradient(ellipse 40% 40% at 80% 90%, rgba(2, 60, 100, 0.5), transparent 70%);
}
.mfh2-trust {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
}
.mfh2-trust__media {
  position: relative;
  min-height: 0;
}
.mfh2-trust__frame {
  position: relative;
  margin: 0;
  aspect-ratio: 4 / 5;
  max-height: 560px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow:
    0 24px 56px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(255, 255, 255, 0.08);
  background: #012840;
}
.mfh2-trust__frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 28%;
  display: block;
  transform: scale(1.02);
  transition: transform 0.85s var(--mf-trust-ease), filter 0.5s ease;
}
.mfh2-trust__shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(1, 40, 64, 0.05) 0%,
      rgba(1, 40, 64, 0.15) 55%,
      rgba(1, 40, 64, 0.45) 100%);
  pointer-events: none;
  transition: opacity 0.45s ease;
}
.mfh2-trust__media:hover .mfh2-trust__frame img {
  transform: scale(1.08);
  filter: saturate(1.05) contrast(1.02);
}
.mfh2-trust__media:hover .mfh2-trust__frame {
  box-shadow:
    0 28px 64px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(57, 157, 183, 0.35),
    0 0 40px rgba(57, 157, 183, 0.18);
}
.mfh2-trust__chip {
  position: absolute;
  z-index: 2;
  display: grid;
  gap: 0.15rem;
  min-width: 148px;
  padding: 0.95rem 1.1rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 12px 28px rgba(1, 40, 64, 0.28);
  transition: transform 0.4s var(--mf-trust-ease), background 0.35s ease;
}
.mfh2-trust__chip--top {
  top: 1.25rem;
  right: -0.65rem;
}
.mfh2-trust__chip--bottom {
  left: -0.65rem;
  bottom: 1.5rem;
}
.mfh2-trust__media:hover .mfh2-trust__chip--top { transform: translateY(-4px); }
.mfh2-trust__media:hover .mfh2-trust__chip--bottom { transform: translateY(3px); }
.mfh2-trust__chip strong {
  font-family: var(--mf-font);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.1;
  color: #fff;
  letter-spacing: -0.02em;
}
.mfh2-trust__chip span {
  font-family: var(--mf-ui);
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3;
  color: rgba(245, 245, 245, 0.82);
}
.mfh2-trust__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
.mfh2-trust__content .mfh2-title {
  max-width: 14ch;
  margin-bottom: 0.9rem;
}
.mfh2-trust__content .mfh2-lead {
  max-width: 44ch;
  margin-bottom: 0.25rem;
}
.mfh2-trust__list {
  display: grid;
  gap: 0.85rem;
  width: 100%;
  margin-top: 1.65rem;
}
.mfh2-trust__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: start;
  padding: 1.05rem 1.15rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition:
    transform 0.35s var(--mf-trust-ease),
    background 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}
.mfh2-trust__item.mfh2-reveal:nth-child(1) { transition-delay: 0.08s; }
.mfh2-trust__item.mfh2-reveal:nth-child(2) { transition-delay: 0.16s; }
.mfh2-trust__item.mfh2-reveal:nth-child(3) { transition-delay: 0.24s; }
.mfh2-trust__item.mfh2-reveal.is-in {
  transition:
    opacity 0.7s var(--mf-trust-ease),
    transform 0.35s var(--mf-trust-ease),
    background 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
  transition-delay: 0s;
}
.mfh2-trust__item:hover {
  transform: translateY(-3px);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(57, 157, 183, 0.45);
  box-shadow: 0 14px 28px rgba(1, 40, 64, 0.22);
}
.mfh2-trust__num {
  font-family: var(--mf-font);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  color: #9ed7e5;
  padding-top: 0.2rem;
}
.mfh2-trust__item strong {
  display: block;
  margin: 0 0 0.3rem;
  color: #fff;
  font-family: var(--mf-font);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.mfh2-trust__item span {
  display: block;
  color: rgba(245, 245, 245, 0.8);
  font-family: var(--mf-ui);
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  letter-spacing: -0.2px;
}
.mfh2-trust__cta {
  margin-top: 1.75rem;
}
.mfh2-trust__cta .mfh2-btn--primary:hover {
  background-color: #fff;
  color: #023c64;
}

/* Steps */
.mfh2-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.4rem;
  margin-top: 2.25rem;
  counter-reset: step;
}
.mfh2-step {
  position: relative;
  padding-top: 2.3rem;
  border-top: 1px solid var(--mf-line);
  transition: transform 0.28s ease;
}
.mfh2-step:hover { transform: translateY(-4px); }
.mfh2-step::before {
  counter-increment: step;
  content: counter(step, decimal-leading-zero);
  position: absolute;
  top: -0.8rem;
  left: 0;
  background: #fff;
  padding-right: 0.6rem;
  font-family: var(--mf-font);
  font-size: 1.2rem;
  color: #399db7;
  font-weight: 600;
}
.mfh2-section--paper .mfh2-step::before { background: var(--mf-paper); }
.mfh2-step h3 {
  margin: 0 0 0.4rem;
  font-family: var(--mf-font);
  font-size: 1.15rem;
  font-weight: 600;
  color: #023c64;
}
.mfh2-step p {
  margin: 0;
  font-family: var(--mf-ui);
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  color: #5f6567;
}

/* Wholesale — modern quote band */
.mfh2-wholesale-section {
  --mf-wholesale-ease: cubic-bezier(0.22, 1, 0.36, 1);
  padding: 28px 0 72px;
  background: var(--mf-paper);
}
.mfh2-wholesale {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  align-items: end;
  min-height: 320px;
  padding: clamp(2rem, 4vw, 3.25rem);
  border-radius: 20px;
  color: #fff;
  box-shadow:
    0 22px 48px rgba(2, 60, 100, 0.18),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
  transition:
    transform 0.45s var(--mf-wholesale-ease),
    box-shadow 0.45s ease;
}
.mfh2-wholesale:hover {
  transform: translateY(-6px);
  box-shadow:
    0 28px 56px rgba(2, 60, 100, 0.24),
    0 0 0 1px rgba(57, 157, 183, 0.35) inset;
}
.mfh2-wholesale__media {
  position: absolute;
  inset: 0;
  z-index: -3;
}
.mfh2-wholesale__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  display: block;
  transform: scale(1.04);
  transition: transform 0.85s var(--mf-wholesale-ease), filter 0.5s ease;
}
.mfh2-wholesale:hover .mfh2-wholesale__media img {
  transform: scale(1.1);
  filter: saturate(1.06) contrast(1.03);
}
.mfh2-wholesale__wash {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(
      105deg,
      rgba(1, 40, 64, 0.96) 0%,
      rgba(2, 60, 100, 0.9) 42%,
      rgba(2, 60, 100, 0.55) 68%,
      rgba(57, 157, 183, 0.28) 100%
    );
  transition: opacity 0.45s ease;
}
.mfh2-wholesale__glow {
  position: absolute;
  inset: auto -10% -40% 40%;
  height: 70%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at center, rgba(57, 157, 183, 0.45), transparent 68%);
  filter: blur(8px);
  opacity: 0.85;
  transition: opacity 0.45s ease, transform 0.6s var(--mf-wholesale-ease);
}
.mfh2-wholesale:hover .mfh2-wholesale__glow {
  opacity: 1;
  transform: translate(-4%, -6%) scale(1.08);
}
.mfh2-wholesale__body {
  position: relative;
  z-index: 1;
  max-width: 38rem;
}
.mfh2-wholesale .mfh2-kicker {
  margin-bottom: 0.85rem;
}
.mfh2 .mfh2-wholesale h2.mfh2-title,
.mfh2-wholesale h2.mfh2-title,
.mfh2-wholesale .mfh2-title--light {
  color: #ffffff !important;
  font-family: "DM Sans", Sans-serif !important;
  font-weight: 500 !important;
  max-width: 16ch;
  margin: 0 0 0.85rem;
  text-shadow: 0 1px 18px rgba(1, 40, 64, 0.35);
}
.mfh2-wholesale .mfh2-lead--light {
  max-width: 46ch;
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
}
.mfh2-wholesale__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.35rem;
}
.mfh2-wholesale__chips span {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.85rem;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-family: var(--mf-ui);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.92);
}
.mfh2-wholesale__cta {
  margin-top: 1.6rem;
}
.mfh2-wholesale__cta .mfh2-btn--primary:hover {
  background-color: #fff;
  color: #023c64;
}
.mfh2-wholesale__cta .mfh2-btn--ghost {
  border-color: rgba(255, 255, 255, 0.55);
  color: #fff;
}
.mfh2-wholesale__cta .mfh2-btn--ghost:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: #fff;
  color: #fff;
}

/* NEW: Stats */
.mfh2-stats {
  background: #023c64;
  color: #fff;
  padding: 1.75rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.mfh2-stats__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.mfh2-stat {
  padding: 0.4rem 0.75rem;
  border-left: 2px solid #399db7;
  transition: transform 0.28s ease;
}
.mfh2-stat:hover { transform: translateY(-3px); }
.mfh2-stat strong {
  display: block;
  font-family: var(--mf-font);
  font-size: 1.65rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0.15rem;
}
.mfh2-stat span {
  font-family: var(--mf-ui);
  font-size: 13px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.72);
}

/* NEW: Industries */
.mfh2-industries {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 2rem;
}
.mfh2-industry {
  padding: 1.35rem 1.2rem;
  border: 1px solid var(--mf-line);
  background: #fff;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.mfh2-industry:hover {
  transform: translateY(-5px);
  border-color: rgba(57, 157, 183, 0.5);
  box-shadow: 0 14px 30px rgba(2, 60, 100, 0.08);
}
.mfh2-industry h3 {
  margin: 0 0 0.45rem;
  font-family: var(--mf-font);
  font-size: 1.05rem;
  font-weight: 600;
  color: #023c64;
}
.mfh2-industry p {
  margin: 0;
  font-family: var(--mf-ui);
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  color: #5f6567;
}

/* Compliance — premium cup path showcase */
.mfh2-compliance {
  --mf-comp-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  padding: var(--mf-section-y-lg) 0;
  background:
    radial-gradient(ellipse 60% 55% at 0% 0%, rgba(57, 157, 183, 0.12), transparent 62%),
    radial-gradient(ellipse 50% 45% at 100% 100%, rgba(2, 60, 100, 0.06), transparent 58%),
    var(--mf-paper);
}
.mfh2-head--compliance {
  align-items: flex-end;
  gap: 1.75rem;
  margin-bottom: 2.35rem;
}
.mfh2-head--compliance .mfh2-title {
  max-width: 16ch;
  color: #023c64;
}
.mfh2-head--compliance .mfh2-lead { max-width: 52ch; }
.mfh2-compliance__cta {
  flex-shrink: 0;
  margin-top: 0;
}
.mfh2-compliance__cta .mfh2-btn { border-radius: 0; }
.mfh2-compliance__gallery {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 16px;
  align-items: stretch;
}
.mfh2-compcard {
  --mf-comp-ease: cubic-bezier(0.22, 1, 0.36, 1);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
  border: 1px solid rgba(2, 60, 100, 0.1);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(2, 60, 100, 0.06);
  transition:
    transform 0.45s var(--mf-comp-ease),
    border-color 0.35s ease,
    box-shadow 0.45s ease;
}
.mfh2-compcard--featured {
  grid-row: 1 / span 2;
}
.mfh2-compcard.mfh2-reveal:nth-child(1) { transition-delay: 0.04s; }
.mfh2-compcard.mfh2-reveal:nth-child(2) { transition-delay: 0.12s; }
.mfh2-compcard.mfh2-reveal:nth-child(3) { transition-delay: 0.2s; }
.mfh2-compcard.mfh2-reveal:nth-child(4) { transition-delay: 0.28s; }
.mfh2-compcard.mfh2-reveal.is-in {
  transition:
    opacity 0.7s var(--mf-comp-ease),
    transform 0.45s var(--mf-comp-ease),
    border-color 0.35s ease,
    box-shadow 0.45s ease;
  transition-delay: 0s;
}
.mfh2-compcard:hover {
  transform: translateY(-8px);
  border-color: rgba(57, 157, 183, 0.5);
  box-shadow:
    0 22px 44px rgba(2, 60, 100, 0.12),
    0 0 0 1px rgba(57, 157, 183, 0.2);
}
.mfh2-compcard:focus-visible {
  outline: 2px solid #399db7;
  outline-offset: 3px;
}
.mfh2-compcard__media {
  position: relative;
  display: grid;
  place-items: center;
  padding: 1.5rem 1.25rem 0.75rem;
  background:
    radial-gradient(circle at 40% 30%, rgba(255, 255, 255, 0.98) 0%, rgba(238, 247, 250, 0.95) 48%, rgba(57, 157, 183, 0.14) 100%);
  overflow: hidden;
}
.mfh2-compcard--featured .mfh2-compcard__media {
  flex: 1 1 auto;
  min-height: 280px;
  padding: 2rem 1.5rem 1rem;
}
.mfh2-compcard:not(.mfh2-compcard--featured) .mfh2-compcard__media {
  min-height: 150px;
}
.mfh2-compcard__media::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 12%;
  height: 12px;
  border-radius: 50%;
  background: rgba(2, 60, 100, 0.08);
  filter: blur(7px);
  z-index: 0;
}
.mfh2-compcard__media img {
  position: relative;
  z-index: 1;
  width: 72%;
  max-width: 220px;
  height: auto;
  max-height: 190px;
  object-fit: contain;
  filter: drop-shadow(0 14px 26px rgba(2, 60, 100, 0.16));
  transition: transform 0.55s var(--mf-comp-ease), filter 0.45s ease;
}
.mfh2-compcard--featured .mfh2-compcard__media img {
  width: 78%;
  max-width: 280px;
  max-height: 280px;
}
.mfh2-compcard:hover .mfh2-compcard__media img {
  transform: scale(1.08) translateY(-6px);
  filter: drop-shadow(0 20px 32px rgba(2, 60, 100, 0.2));
}
.mfh2-compcard__body {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 1.15rem 1.3rem 1.35rem;
  margin-top: auto;
}
.mfh2-compcard__tag {
  font-family: var(--mf-ui);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #399db7;
}
.mfh2-compcard h3 {
  margin: 0;
  font-family: var(--mf-font);
  font-size: 1.12rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #023c64;
  text-transform: capitalize;
}
.mfh2-compcard--featured h3 { font-size: 1.28rem; }
.mfh2-compcard p {
  margin: 0;
  font-family: var(--mf-ui);
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  color: #5f6567;
  max-width: 34ch;
}
.mfh2-compcard__link {
  display: inline-flex;
  align-items: center;
  margin-top: 0.55rem;
  font-family: var(--mf-btn);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #399db7;
  transition: color 0.28s ease, letter-spacing 0.28s ease;
}
.mfh2-compcard__link::after {
  content: "";
  width: 14px;
  height: 1px;
  margin-left: 0.55rem;
  background: currentColor;
  transition: width 0.3s ease;
}
.mfh2-compcard:hover .mfh2-compcard__link {
  color: #023c64;
  letter-spacing: 0.1em;
}
.mfh2-compcard:hover .mfh2-compcard__link::after { width: 22px; }

/* NEW: Tiers */
.mfh2-tiers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 2rem;
}
.mfh2-tier {
  padding: 1.5rem 1.25rem;
  border: 1px solid var(--mf-line);
  background: #fff;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.mfh2-tier:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 34px rgba(2, 60, 100, 0.1);
}
.mfh2-tier--featured {
  border-color: #399db7;
  background: linear-gradient(180deg, #f3fafc 0%, #fff 55%);
}
.mfh2-tier__label {
  margin: 0 0 0.55rem;
  font-family: var(--mf-ui);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #399db7;
}
.mfh2-tier h3 {
  margin: 0 0 0.45rem;
  font-family: var(--mf-font);
  font-size: 1.15rem;
  font-weight: 600;
  color: #023c64;
}
.mfh2-tier > p {
  margin: 0 0 0.9rem;
  font-family: var(--mf-ui);
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  color: #5f6567;
}
.mfh2-tier ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mfh2-tier li {
  position: relative;
  padding: 0.4rem 0 0.4rem 1rem;
  font-family: var(--mf-ui);
  font-size: 13px;
  font-weight: 300;
  color: #5f6567;
  border-top: 1px solid var(--mf-line);
}
.mfh2-tier li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.85rem;
  width: 6px;
  height: 6px;
  background: #399db7;
}

/* NEW: FAQ */
.mfh2-faq {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 2rem;
  align-items: start;
}
.mfh2-faq__list { display: grid; gap: 10px; }
.mfh2-faq__item {
  background: #fff;
  border: 1px solid var(--mf-line);
  padding: 0.2rem 1rem;
  transition: border-color 0.28s ease, box-shadow 0.28s ease;
}
.mfh2-faq__item:hover,
.mfh2-faq__item[open] {
  border-color: rgba(57, 157, 183, 0.55);
  box-shadow: 0 8px 20px rgba(2, 60, 100, 0.06);
}
.mfh2-faq__item summary {
  cursor: pointer;
  list-style: none;
  padding: 0.95rem 0;
  font-family: var(--mf-font);
  font-size: 1rem;
  font-weight: 600;
  color: #023c64;
}
.mfh2-faq__item summary::-webkit-details-marker { display: none; }
.mfh2-faq__item p {
  margin: 0 0 1rem;
  font-family: var(--mf-ui);
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  color: #5f6567;
}

/* NEW: Final CTA */
.mfh2-final { padding: var(--mf-section-y-lg) 0; }
.mfh2-final__inner { text-align: center; }
.mfh2-final__inner .mfh2-title,
.mfh2-final__inner .mfh2-lead {
  margin-left: auto;
  margin-right: auto;
  max-width: 22ch;
}
.mfh2-final__inner .mfh2-lead { max-width: 48ch; }
.mfh2-final__inner .mfh2-cta { justify-content: center; }

/* Responsive — polished breakpoints */
@media (max-width: 1200px) {
  .mfh2-paths { grid-template-columns: 1.2fr 1fr 1fr; gap: 14px; }
  .mfh2-path { min-height: 320px; }
  .mfh2-compliance__gallery { gap: 14px; }
  .mfh2-products { gap: 14px; }
}

@media (max-width: 980px) {
  .mfh2 {
    --mf-section-y: 3.5rem;
    --mf-section-y-lg: 3.75rem;
    --mf-radius: 14px;
  }
  .mfh2-needs__grid {
    grid-template-columns: 1fr 1fr;
  }
  .mfh2-need {
    padding: 1.05rem 1rem;
  }
  .mfh2-paths,
  .mfh2-trust,
  .mfh2-steps,
  .mfh2-tiers,
  .mfh2-faq {
    grid-template-columns: 1fr;
  }
  .mfh2-products { grid-template-columns: 1fr; gap: 14px; }
  .mfh2-stats__grid,
  .mfh2-industries {
    grid-template-columns: 1fr 1fr;
  }
  .mfh2-wholesale-section { padding: 1.25rem 0 3.25rem; }
  .mfh2-wholesale {
    min-height: 280px;
    border-radius: var(--mf-radius);
    padding: 1.75rem 1.5rem;
  }
  .mfh2-trust { gap: 1.75rem; }
  .mfh2-trust__frame {
    aspect-ratio: 16 / 11;
    max-height: 420px;
  }
  .mfh2-trust__chip--top { right: 0.75rem; }
  .mfh2-trust__chip--bottom { left: 0.75rem; }
  .mfh2-head--paths,
  .mfh2-head--products,
  .mfh2-head--compliance {
    align-items: flex-start;
    margin-bottom: 1.75rem;
  }
  .mfh2-head--paths .mfh2-btn--outline,
  .mfh2-head--products .mfh2-btn--outline {
    align-self: flex-start;
  }
  .mfh2-paths { gap: 14px; }
  .mfh2-path { min-height: 280px; border-radius: var(--mf-radius); }
  .mfh2-path__body {
    min-height: 10rem;
    padding: 1.5rem 1.35rem 1.4rem;
  }
  .mfh2-spotlight__grid { grid-template-columns: 1fr 1fr; gap: 1.5rem 1.15rem; }
  .mfh2-spotlight { padding: 2.75rem 0 3rem; margin-top: 2.25rem; }
  .mfh2-spot__card { min-height: 7.5rem; padding: 1.3rem 0.9rem 1.25rem; }
  .mfh2-solutions__grid { grid-template-columns: 1fr 1fr; gap: 1rem; }
  .mfh2-product {
    grid-template-columns: 150px 1fr;
    min-height: 190px;
    border-radius: var(--mf-radius);
  }
  .mfh2-product__media img { max-height: 130px; }
  .mfh2-product__body { padding: 1.2rem 1.15rem; }
  .mfh2-product h3 { min-height: 0; }
  .mfh2-compliance__gallery {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .mfh2-compcard--featured {
    grid-column: 1 / -1;
    grid-row: auto;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
  }
  .mfh2-compcard--featured .mfh2-compcard__media { min-height: 220px; }
  .mfh2-hero h1 { max-width: 18ch; }
  .mfh2-cta { gap: 0.65rem; }
}

@media (max-width: 768px) {
  .mfh2-hero__inner { padding: 1.75rem 0 1.35rem; }
  .mfh2-hero h1 {
    font-size: clamp(1.55rem, 5.2vw, 2rem);
    max-width: 16ch;
  }
  .mfh2-hero p { font-size: 14px; max-width: 42ch; }
  .mfh2-brand { flex-wrap: wrap; gap: 0.45rem 0.65rem; }
  .mfh2-brand span { font-size: 10.5px; letter-spacing: 0.8px; }
  .mfh2-spotlight { margin-top: 1.75rem; padding: 2.35rem 0 2.65rem; }
  .mfh2-spot__visual { margin-bottom: -0.35rem; }
  .mfh2-title { max-width: 20ch; }
  .mfh2-lead { max-width: 48ch; }
  .mfh2-solutions__title { max-width: none; }
  .mfh2-compcard--featured {
    grid-template-columns: 1fr;
  }
  .mfh2-compcard--featured .mfh2-compcard__media { min-height: 200px; }
}

@media (max-width: 640px) {
  .mfh2 {
    --mf-section-y: 3.15rem;
    --mf-section-y-lg: 3.25rem;
    --mf-radius: 12px;
    --mf-wrap-gutter: 1.5rem;
  }
  .mfh2-needs {
    padding: 0.35rem 0 0.55rem;
  }
  .mfh2-needs__grid,
  .mfh2-industries,
  .mfh2-stats__grid {
    grid-template-columns: 1fr;
  }
  .mfh2-need {
    padding: 0.95rem 0.85rem;
    border-left-width: 2px;
  }
  .mfh2-need + .mfh2-need {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
  .mfh2-hero .mfh2-cta {
    flex-direction: column;
    align-items: stretch;
    width: min(100%, 22rem);
  }
  .mfh2-hero .mfh2-btn {
    width: 100%;
    min-height: 44px;
  }
  .mfh2-solutions__grid { grid-template-columns: 1fr; gap: 0.85rem; }
  .mfh2-solution { padding: 1.35rem 1.2rem 1.4rem; border-radius: var(--mf-radius); }
  .mfh2-path {
    min-height: 250px;
    border-radius: var(--mf-radius);
  }
  .mfh2-path__body {
    min-height: 9.25rem;
    padding: 1.3rem 1.15rem 1.2rem;
  }
  .mfh2-path h3 { font-size: 1.18rem; }
  .mfh2-path p { font-size: 13px; line-height: 20px; }
  .mfh2-spotlight { padding: 2.1rem 0 2.4rem; margin-top: 1.5rem; }
  .mfh2-spotlight__grid { grid-template-columns: 1fr 1fr; gap: 1.1rem 0.7rem; }
  .mfh2-spot__brand { font-size: 10.5px; padding: 0.34rem 0.72rem; left: 0; }
  .mfh2-spot__ribbon {
    font-size: 9.5px;
    padding: 0.36rem 0.6rem;
    min-width: 4.8rem;
    max-width: 6.1rem;
    min-height: 2rem;
    right: 0;
  }
  .mfh2-spot__ribbon--stack { min-height: 2.2rem; font-size: 9.5px; }
  .mfh2-spot__arrow { width: 36px; height: 36px; left: 2%; }
  .mfh2-spot__visual::before { width: 78%; }
  .mfh2-spot__visual img { width: 74%; height: 74%; max-width: 74%; max-height: 74%; }
  .mfh2-spot__card {
    min-height: 6.85rem;
    padding: 1rem 0.5rem 1.05rem;
    border-radius: var(--mf-radius);
  }
  .mfh2-spot__card h3 { font-size: 0.86rem; min-height: 2.5em; max-width: 15ch; }
  .mfh2-spot__price { font-size: 12px; }
  .mfh2-spot__price strong { font-size: 1.22rem; }
  .mfh2-spot__price span { font-size: 12px; }
  .mfh2-trust__frame {
    aspect-ratio: 5 / 4;
    max-height: 320px;
    border-radius: var(--mf-radius);
  }
  .mfh2-trust__chip {
    min-width: 118px;
    padding: 0.7rem 0.8rem;
    border-radius: 10px;
  }
  .mfh2-trust__chip strong { font-size: 0.98rem; }
  .mfh2-trust__chip--top { right: 0.5rem; top: 0.85rem; }
  .mfh2-trust__chip--bottom { left: 0.5rem; bottom: 0.85rem; }
  .mfh2-trust__item {
    padding: 0.9rem 0.95rem;
    border-radius: 10px;
  }
  .mfh2-trust__cta,
  .mfh2-wholesale__cta,
  .mfh2-compliance__cta,
  .mfh2-final__inner .mfh2-cta {
    width: 100%;
  }
  .mfh2-trust__cta .mfh2-btn,
  .mfh2-wholesale__cta .mfh2-btn,
  .mfh2-compliance__cta .mfh2-btn,
  .mfh2-final__inner .mfh2-btn {
    flex: 1 1 auto;
    min-width: 0;
  }
  .mfh2-compliance__gallery { grid-template-columns: 1fr; }
  .mfh2-compcard,
  .mfh2-compcard--featured { border-radius: var(--mf-radius); }
  .mfh2-compcard--featured .mfh2-compcard__media { min-height: 190px; }
  .mfh2-product {
    grid-template-columns: 1fr;
    min-height: 0;
    border-radius: var(--mf-radius);
  }
  .mfh2-product__media {
    min-height: 170px;
    padding: 1.2rem;
  }
  .mfh2-product__media img { max-height: 132px; width: 52%; }
  .mfh2-product__body { padding: 1.1rem 1.05rem 1.2rem; }
  .mfh2-product__meta {
    flex-direction: column;
    align-items: flex-start;
  }
  .mfh2-product .mfh2-btn--sm { align-self: stretch; width: 100%; }
  .mfh2-wholesale-section { padding: 0.75rem 0 2.75rem; }
  .mfh2-wholesale {
    min-height: 0;
    border-radius: var(--mf-radius);
    padding: 1.4rem 1.15rem 1.5rem;
  }
  .mfh2-wholesale__chips { margin-top: 1rem; }
  .mfh2-industry,
  .mfh2-tier,
  .mfh2-faq__item {
    border-radius: 10px;
  }
  .mfh2-steps { gap: 1.15rem; }
  .mfh2-kicker { margin-bottom: 0.55rem; }
  .mfh2-title { margin-bottom: 0.65rem; }
}

@media (max-width: 360px) {
  .mfh2-spotlight__grid { grid-template-columns: 1fr; gap: 1.35rem; max-width: 280px; margin-inline: auto; }
  .mfh2-spot__card { min-height: 0; }
  .mfh2-spot__card h3 { min-height: 0; max-width: none; font-size: 0.95rem; }
  .mfh2-trust__chip { display: none; }
  .mfh2-hero h1 { font-size: 1.45rem; }
  .mfh2-brand img { height: 26px; }
}

@media (prefers-reduced-motion: reduce) {
  .mfh2 .mfh2-rise,
  .mfh2-hero__media img,
  .mfh2-section--navy,
  .mfh2 .mfh2-reveal,
  .mfh2-spot,
  .mfh2-spot__visual img,
  .mfh2-spot__visual::before,
  .mfh2-spot__brand,
  .mfh2-spot__ribbon,
  .mfh2-spot__arrow,
  .mfh2-spot__card,
  .mfh2-path,
  .mfh2-path__bg img,
  .mfh2-path__cta,
  .mfh2-path__cta::after,
  .mfh2-product,
  .mfh2-product__media img,
  .mfh2-trust__frame img,
  .mfh2-trust__item,
  .mfh2-trust__chip,
  .mfh2-compcard,
  .mfh2-compcard__media img,
  .mfh2-wholesale,
  .mfh2-wholesale__media img,
  .mfh2-wholesale__glow,
  .mfh2-solution,
  .mfh2-solution__icon,
  .mfh2-btn,
  .mfh2-need {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

body.page-id-723 .page-title,
body.page-id-723 .entry-title,
body.page-id-16 .page-title,
body.page-id-16 .entry-title,
body.home .page-title,
body.home .entry-title { display: none !important; }

/* First-viewport fold: on short desktops, pull cups into the initial screen.
   Placed last so it wins over earlier .mfh2-spotlight / .mfh2-need padding. */
@media (min-width: 1025px) and (max-height: 920px) {
  .mfh2-needs .mfh2-need {
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
  }
  .mfh2-spotlight {
    /* Keep a clear gap under the navy bar; only bottom stays compact for fold */
    padding: 2.75rem 0 1.1rem;
  }
  .mfh2-spotlight__grid {
    gap: 0.85rem;
  }
  .mfh2-spot__visual {
    aspect-ratio: auto;
    height: 190px;
    max-height: 190px;
  }
  .mfh2-spot__visual img {
    width: 70%;
    height: 70%;
    max-width: 70%;
    max-height: 70%;
  }
  .mfh2-spot__card {
    min-height: 0;
    padding: 0.85rem 0.7rem 0.8rem;
  }
  .mfh2-spot__card h3 {
    font-size: 0.88rem;
    min-height: 0;
    margin-bottom: 0.25rem;
  }
  .mfh2-spot__price {
    font-size: 11px;
  }
  .mfh2-spot__price strong {
    font-size: 1.15rem;
  }
}

@media (min-width: 1025px) and (max-height: 800px) {
  .mfh2-hero__inner { padding: 1.25rem 0 0.9rem; }
  .mfh2-brand img { height: 24px; }
  .mfh2-hero h1 { font-size: clamp(1.35rem, 2.4vw, 1.85rem); }
  .mfh2-spotlight { padding: 2.25rem 0 0.75rem; }
  .mfh2-spot__visual {
    height: 160px;
    max-height: 160px;
  }
  .mfh2-spot__card { padding: 0.7rem 0.6rem 0.65rem; }
}


/* ===== FIX: Product content list markers =====
 * Root cause (Medibazar parent theme assets/css/main.css):
 *   li { list-style: none; }
 *   ul { margin: 0; padding: 0; }
 * That reset strips bullets from WooCommerce product rich-text content.
 *
 * Companion issues on product tabs:
 *   - Additional CSS uses overflow-x: hidden on .woocommerce-Tabs-panel
 *     (clips outside native markers)
 *   - Native ::marker glyphs do not paint reliably in this stack
 *
 * Fix: restore list semantics on product content only, indent items,
 * and paint disc/decimal markers via ::before (currentColor).
 * Scope excludes nav, footer, .wc-tabs, breadcrumbs, reviews.
 */
body.single-product .woocommerce-Tabs-panel > ul,
body.single-product .woocommerce-Tabs-panel ul,
body.single-product #tab-description ul,
body.single-product .woocommerce-tabs .panel ul,
body.single-product .woocommerce-product-details__short-description ul {
  list-style-type: disc !important;
  list-style-position: outside;
  list-style-image: none;
  padding-left: 0 !important;
  margin: 0.75rem 0 1rem;
}

body.single-product .woocommerce-Tabs-panel > ol,
body.single-product .woocommerce-Tabs-panel ol,
body.single-product #tab-description ol,
body.single-product .woocommerce-tabs .panel ol,
body.single-product .woocommerce-product-details__short-description ol {
  list-style-type: decimal !important;
  list-style-position: outside;
  list-style-image: none;
  padding-left: 0 !important;
  margin: 0.75rem 0 1rem;
  counter-reset: mf-prod-ol;
}

body.single-product .woocommerce-Tabs-panel ul > li,
body.single-product #tab-description ul > li,
body.single-product .woocommerce-tabs .panel ul > li,
body.single-product .woocommerce-product-details__short-description ul > li {
  position: relative;
  display: list-item;
  list-style: none !important; /* paint via ::before — native marker unreliable here */
  padding-left: 1.35rem; /* ~pl-5 */
  margin: 0.4em 0;
  color: inherit;
}

body.single-product .woocommerce-Tabs-panel ul > li::before,
body.single-product #tab-description ul > li::before,
body.single-product .woocommerce-tabs .panel ul > li::before,
body.single-product .woocommerce-product-details__short-description ul > li::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 0.7em;
  width: 0.35em;
  height: 0.35em;
  border-radius: 50%;
  background-color: currentColor;
  transform: translateY(-50%);
  pointer-events: none;
}

body.single-product .woocommerce-Tabs-panel ol > li,
body.single-product #tab-description ol > li,
body.single-product .woocommerce-tabs .panel ol > li,
body.single-product .woocommerce-product-details__short-description ol > li {
  position: relative;
  display: list-item;
  list-style: none !important;
  padding-left: 1.5rem; /* ~pl-6 */
  margin: 0.4em 0;
  color: inherit;
  counter-increment: mf-prod-ol;
}

body.single-product .woocommerce-Tabs-panel ol > li::before,
body.single-product #tab-description ol > li::before,
body.single-product .woocommerce-tabs .panel ol > li::before,
body.single-product .woocommerce-product-details__short-description ol > li::before {
  content: counter(mf-prod-ol) ".";
  position: absolute;
  left: 0;
  top: 0;
  min-width: 1.25rem;
  color: inherit;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}

/* Nested unordered lists — circle markers */
body.single-product .woocommerce-Tabs-panel ul ul,
body.single-product #tab-description ul ul,
body.single-product .woocommerce-tabs .panel ul ul,
body.single-product .woocommerce-product-details__short-description ul ul {
  list-style-type: circle !important;
  margin: 0.35em 0;
  padding-left: 0.25rem !important;
}

body.single-product .woocommerce-Tabs-panel ul ul > li::before,
body.single-product #tab-description ul ul > li::before,
body.single-product .woocommerce-tabs .panel ul ul > li::before,
body.single-product .woocommerce-product-details__short-description ul ul > li::before {
  background-color: transparent;
  box-shadow: inset 0 0 0 1.5px currentColor;
}









/* ===== FIX: Products mega menu hover gap (ElementsKit) =====
 * Root cause (vertical):
 *   nav-menu.js sets inline style top = .elementskit-menu-container.outerHeight()
 *   (e.g. 35px), but the panel is position:absolute relative to the shorter
 *   , so ~8px of dead space sits between the Products link and the panel.
 *   Leaving that gap ends :hover and closes the menu.
 *
 * Root cause (horizontal):
 *   Panel is full_width (100vw) on relative_position , while the Elementor
 *   mega template (999) uses a -600px stretch margin on .e-con.e-parent.
 *   Clamping the panel to 1200px and shifting left broke that stretch math,
 *   clipping the first product cards off the left edge of the viewport.
 *
 * Fix (desktop only): attach panel to li (top:100% + overlap), pin panel to
 * viewport left at 100vw, neutralize the Elementor stretch so the white card
 * centers in the viewport, and delay close via mf-mega-open (JS).
 * Mobile/tablet keep existing click/tap behavior.
 */

@media (min-width: 1025px) {
  /* Stretch Products item to the full nav row so the hover target is continuous */
  .ekit_menu_responsive_mobile .elementskit-navbar-nav-default.ekit-nav-dropdown-hover
    > .elementskit-navbar-nav
    > li.elementskit-megamenu-has {
    display: flex;
    align-items: center;
    align-self: stretch;
    min-height: 100%;
    height: auto;
  }

  .ekit_menu_responsive_mobile .elementskit-navbar-nav-default.ekit-nav-dropdown-hover
    > .elementskit-navbar-nav
    > li.elementskit-megamenu-has
    > a.ekit-menu-nav-link {
    display: inline-flex;
    align-items: center;
    height: 100%;
  }

  /* Absolute under Products : top attaches (no hover gap).
     --mf-mega-left is set by JS to -li.left so the panel pins to the viewport
     left edge at 100vw — required so the centered Elementor card is not clipped. */
  .ekit_menu_responsive_mobile .elementskit-navbar-nav-default.ekit-nav-dropdown-hover
    .elementskit-megamenu-has
    > .elementskit-megamenu-panel {
    position: absolute !important;
    top: 100% !important;
    margin-top: -4px !important; /* 4px overlap bridge — no dead zone */
    left: var(--mf-mega-left, 0px) !important;
    right: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    /* Smooth close animation; hold/delay is handled by mf-mega-open (JS) */
    transition:
      opacity 0.25s ease,
      visibility 0.25s ease,
      transform 0.25s ease !important;
  }

  /* Neutralize Elementor full-width stretch (-600px margin) inside mega panel.
     Center the white product card in the viewport instead. */
  .ekit_menu_responsive_mobile .elementskit-navbar-nav-default
    .elementskit-megamenu-has
    > .elementskit-megamenu-panel
    > .elementor
    > .e-con.e-parent,
  .ekit_menu_responsive_mobile .elementskit-navbar-nav-default
    .elementskit-megamenu-has
    > .elementskit-megamenu-panel
    .elementor-element-d646fc0 {
    margin: 0 auto !important;
    max-width: min(1224px, calc(100vw - 2rem)) !important;
    width: min(1224px, calc(100vw - 2rem)) !important;
    left: auto !important;
    position: relative !important;
  }

  /* Open immediately on hover / keyboard focus (no open delay) */
  .ekit_menu_responsive_mobile .elementskit-navbar-nav-default.ekit-nav-dropdown-hover
    .elementskit-megamenu-has:hover
    > .elementskit-megamenu-panel,
  .ekit_menu_responsive_mobile .elementskit-navbar-nav-default.ekit-nav-dropdown-hover
    .elementskit-megamenu-has:focus-within
    > .elementskit-megamenu-panel,
  .ekit_menu_responsive_mobile .elementskit-navbar-nav-default.ekit-nav-dropdown-hover
    .elementskit-megamenu-has.mf-mega-open
    > .elementskit-megamenu-panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  /* Invisible hover bridge above the panel (covers any remaining sub-pixel gap) */
  .ekit_menu_responsive_mobile .elementskit-navbar-nav-default.ekit-nav-dropdown-hover
    .elementskit-megamenu-has
    > .elementskit-megamenu-panel::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
    background: transparent;
    pointer-events: auto;
  }
}

/* ===== FIX: Sitewide overflow + a11y polish =====
 * Mega menu panel is position:absolute on the Products  with ~100vw width,
 * which expands document scrollWidth and causes horizontal scrolling on every page.
 * Also contain WooCommerce gallery wrappers that report extreme scroll widths.
 */

html {
  overflow-x: clip;
  max-width: 100%;
}

body {
  overflow-x: clip;
  max-width: 100%;
}

/* Gallery shell only — never cap __wrapper (Flexslider needs width: N*100%). */
.woocommerce-product-gallery {
  max-width: 100%;
  overflow: hidden;
}

.woocommerce div.product div.images {
  max-width: 100%;
}

/* Visible keyboard focus for theme/header links */
a:focus-visible,
button:focus-visible,
.elementor-button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #399db7;
  outline-offset: 3px;
}

/* Prefer reduced motion sitewide for Elementor/theme hover jank */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}


/* ===== FIX: Product image gallery (single-product) =====
 * Root cause:
 *   1) Additional CSS set max-width:100% on .woocommerce-product-gallery__wrapper,
 *      which capped Flexslider's inline width: N*100% and forced floated slides
 *      to wrap into a vertical stack (all images visible at once).
 *   2) Medibazar .flex-viewport { /*height:auto neutralized*/; } then expanded the
 *      viewport to the full stacked height (~1500px).
 *
 * Fix: restore horizontal Flexslider track, cap one-slide viewport, size images
 * with object-contain, and restyle thumbnail nav to match Mayflower brand.
 * Scoped to body.single-product only.
 */

body.single-product {
  --mf-gallery-teal: #399db7;
  --mf-gallery-navy: #023c64;
  --mf-gallery-line: rgba(2, 60, 100, 0.12);
  --mf-gallery-radius: 16px;
  --mf-gallery-max: min(420px, 58vh);
}

/* Flexslider track must be allowed to be wider than the gallery */
body.single-product .woocommerce-product-gallery__wrapper {
  max-width: none !important;
  overflow: visible !important;
}

body.single-product div.product div.images,
body.single-product .woocommerce-product-gallery {
  max-width: 100%;
  width: 100%;
}

body.single-product .woocommerce-product-gallery {
  opacity: 1 !important;
  position: relative;
}

/* One-slide viewport — beat theme /*height:auto neutralized*/ */
body.single-product .woocommerce-product-gallery .flex-viewport {
  height: var(--mf-gallery-max) !important;
  max-height: var(--mf-gallery-max) !important;
  min-height: 240px !important;
  overflow: hidden !important;
  border: 1px solid var(--mf-gallery-line) !important;
  border-radius: var(--mf-gallery-radius) !important;
  background: #f7fafb !important;
  box-shadow: 0 8px 28px rgba(2, 60, 100, 0.06);
  transition: height 0.25s ease;
}

body.single-product .woocommerce-product-gallery__wrapper {
  transition: transform 0.3s ease !important;
}

body.single-product .woocommerce-product-gallery__image {
  text-align: center;
  background: #f7fafb;
}

body.single-product .woocommerce-product-gallery__image a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: var(--mf-gallery-max);
  max-height: var(--mf-gallery-max);
  padding: 1rem;
  box-sizing: border-box;
}

body.single-product .woocommerce-product-gallery__image img {
  width: auto !important;
  /*height:auto neutralized*/;
  max-width: 100% !important;
  max-height: calc(var(--mf-gallery-max) - 2rem) !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  display: block !important;
  border-radius: 12px;
  transition: transform 0.35s ease, opacity 0.25s ease;
}

/* Desktop zoom on hover (main active slide only) */
@media (hover: hover) and (min-width: 1025px) {
  body.single-product .woocommerce-product-gallery__image.flex-active-slide:hover img {
    transform: scale(1.05);
  }
}

/* Zoom trigger — top-right, brand-aligned */
body.single-product .woocommerce-product-gallery__trigger {
  top: 14px !important;
  right: 14px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 6 !important;
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 4px 14px rgba(2, 60, 100, 0.12) !important;
  color: var(--mf-gallery-navy) !important;
}

/* Thumbnail row */
body.single-product .woocommerce-product-gallery .flex-control-thumbs,
body.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0.65rem;
  margin: 0.85rem 0 0 !important;
  padding: 0.35rem 0.15rem 0.15rem !important;
  list-style: none !important;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  background: transparent !important;
}

/* Undo Owl carousel chrome that fights the thumb row */
body.single-product .woocommerce-product-gallery .flex-control-thumbs.owl-carousel {
  display: flex !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs .owl-stage-outer,
body.single-product .woocommerce-product-gallery .flex-control-thumbs .owl-stage {
  display: contents !important;
  width: auto !important;
  transform: none !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs .owl-item {
  width: auto !important;
  float: none !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs .owl-nav,
body.single-product .woocommerce-product-gallery .flex-control-thumbs .owl-dots {
  display: none !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs li {
  flex: 0 0 auto;
  width: 72px !important;
  height: 72px !important;
  margin: 0 !important;
  float: none !important;
  cursor: pointer;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs li img,
body.single-product .woocommerce-product-gallery .flex-control-thumbs .owl-item img {
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
  padding: 6px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  border: 2px solid var(--mf-gallery-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  opacity: 1 !important;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs li img:hover,
body.single-product .woocommerce-product-gallery .flex-control-thumbs .owl-item img:hover {
  border-color: rgba(57, 157, 183, 0.55) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(2, 60, 100, 0.1);
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
body.single-product .woocommerce-product-gallery .flex-control-thumbs .flex-active img,
body.single-product .woocommerce-product-gallery .flex-control-thumbs li.flex-active img {
  border-color: var(--mf-gallery-teal) !important;
  box-shadow: 0 0 0 2px rgba(57, 157, 183, 0.2);
}

/* Sale badge stay readable on smaller frame */
body.single-product .woocommerce-product-gallery .onsale {
  z-index: 5;
}

/* Tablet */
@media (max-width: 1024px) {
  body.single-product {
    --mf-gallery-max: min(380px, 50vh);
  }

  body.single-product .woocommerce-product-gallery .flex-control-thumbs li,
  body.single-product .woocommerce-product-gallery .flex-control-thumbs li img,
  body.single-product .woocommerce-product-gallery .flex-control-thumbs .owl-item img {
    width: 64px !important;
    height: 64px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body.single-product {
    --mf-gallery-max: min(320px, 48vh);
  }

  body.single-product .woocommerce-product-gallery__image a {
    padding: 0.75rem;
  }

  body.single-product .woocommerce-product-gallery .flex-control-thumbs {
    gap: 0.5rem;
    padding-bottom: 0.35rem !important;
  }

  body.single-product .woocommerce-product-gallery .flex-control-thumbs li,
  body.single-product .woocommerce-product-gallery .flex-control-thumbs li img,
  body.single-product .woocommerce-product-gallery .flex-control-thumbs .owl-item img {
    width: 56px !important;
    height: 56px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.single-product .woocommerce-product-gallery__wrapper,
  body.single-product .woocommerce-product-gallery__image img,
  body.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
    transition: none !important;
  }
}

/* ===== FIX: Blog redesign (archive + single) ===== */
body.blog,
body.archive,
body.category,
body.tag,
body.search,
body.single-post,
body.single-format-standard {
  --mf-navy: #023c64;
  --mf-navy-deep: #012840;
  --mf-teal: #399db7;
  --mf-teal-hover: #2f8aa2;
  --mf-teal-soft: #9ed7e5;
  --mf-ink: #1a1a1a;
  --mf-muted: #5f6567;
  --mf-line: rgba(2, 60, 100, 0.12);
  --mf-paper: #f5f8fa;
  --mf-paper-deep: #eef4f7;
  --mf-white: #ffffff;
  --mf-font: "DM Sans", Sans-serif;
  --mf-ui: "Poppins", Sans-serif;
  --mf-btn: "Inter", Sans-serif;
  --mf-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --mf-radius: 16px;
  --mf-radius-sm: 12px;
}

/* ----- Blog / archive / single shared header (matches home mfh2-hero language) ----- */
body.blog .klb-blog-breadcrumb.breadcrumb-area,
body.archive .klb-blog-breadcrumb.breadcrumb-area,
body.category .klb-blog-breadcrumb.breadcrumb-area,
body.tag .klb-blog-breadcrumb.breadcrumb-area,
body.search .klb-blog-breadcrumb.breadcrumb-area,
body.single-post .klb-blog-breadcrumb.breadcrumb-area,
body.single-post .breadcrumb-area {
  --mf-blog-hero-img: url("https://mayflowerbioscience.com/wp-content/uploads/2026/04/Cover-003-May-Flower.webp");
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex !important;
  align-items: center;
  min-height: clamp(220px, 28vw, 320px);
  padding: clamp(3rem, 5.5vw, 4.5rem) 0 clamp(2.35rem, 4.2vw, 3.25rem) !important;
  background-color: #012840 !important;
  background-image: var(--mf-blog-hero-img) !important;
  background-size: cover !important;
  background-position: 68% 42% !important;
  background-repeat: no-repeat !important;
  color: #fff;
}
body.blog .klb-blog-breadcrumb.breadcrumb-area::before,
body.archive .klb-blog-breadcrumb.breadcrumb-area::before,
body.category .klb-blog-breadcrumb.breadcrumb-area::before,
body.tag .klb-blog-breadcrumb.breadcrumb-area::before,
body.search .klb-blog-breadcrumb.breadcrumb-area::before,
body.single-post .klb-blog-breadcrumb.breadcrumb-area::before,
body.single-post .breadcrumb-area::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  /* Same wash language as .mfh2-hero__wash */
  background:
    linear-gradient(180deg, rgba(1, 40, 64, 0.22) 0%, transparent 42%, rgba(1, 40, 64, 0.45) 100%),
    linear-gradient(122deg, rgba(2, 60, 100, 0.94) 18%, rgba(0, 158, 187, 0.7) 52%, rgba(2, 60, 100, 0.38) 100%);
}
body.blog .klb-blog-breadcrumb.breadcrumb-area::after,
body.archive .klb-blog-breadcrumb.breadcrumb-area::after,
body.category .klb-blog-breadcrumb.breadcrumb-area::after,
body.single-post .klb-blog-breadcrumb.breadcrumb-area::after,
body.single-post .breadcrumb-area::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: clamp(2.5rem, 5vw, 3.75rem);
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(245, 248, 250, 0.14));
}
body.blog .klb-blog-breadcrumb .container,
body.archive .klb-blog-breadcrumb .container,
body.category .klb-blog-breadcrumb .container,
body.single-post .breadcrumb-area .container,
body.blog .klb-breadcrumb-wrapper,
body.archive .klb-breadcrumb-wrapper,
body.single-post .klb-breadcrumb-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
}
body.blog .breadcrumb-text,
body.archive .breadcrumb-text,
body.category .breadcrumb-text,
body.single-post .breadcrumb-text {
  text-align: left;
  max-width: 34rem;
}
/* Eyebrow — mirrors home .mfh2-brand span */
body.blog .breadcrumb-text::before,
body.archive .breadcrumb-text::before,
body.category .breadcrumb-text::before,
body.single-post .breadcrumb-text::before {
  content: "Testing Today for a Better Tomorrow";
  display: block;
  margin: 0 0 0.7rem;
  font-family: var(--mf-ui) !important;
  font-size: 11.5px !important;
  font-weight: 300 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.2;
  color: rgba(245, 245, 245, 0.92) !important;
}
body.blog .breadcrumb-text h2,
body.archive .breadcrumb-text h2,
body.category .breadcrumb-text h2,
body.tag .breadcrumb-text h2,
body.search .breadcrumb-text h2,
body.single-post .breadcrumb-text h2,
body.single-post .breadcrumb-text h1 {
  position: relative;
  margin: 0 0 0.85rem !important;
  padding-bottom: 0.85rem;
  font-family: var(--mf-font) !important;
  font-size: clamp(1.75rem, 3.4vw, 2.45rem) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em;
  color: #fff !important;
  text-transform: capitalize;
  text-shadow: 0 1px 18px rgba(1, 40, 64, 0.28);
}
body.blog .breadcrumb-text h2::after,
body.archive .breadcrumb-text h2::after,
body.category .breadcrumb-text h2::after,
body.single-post .breadcrumb-text h2::after,
body.single-post .breadcrumb-text h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.75rem;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--mf-teal-soft), rgba(57, 157, 183, 0.15));
}
/* Supporting line when theme has no  */
body.blog .breadcrumb-text::after,
body.archive .breadcrumb-text::after,
body.category .breadcrumb-text::after {
  content: "Explore the latest insights in life science research, innovation, and discovery.";
  display: block;
  margin: 0 0 0.15rem;
  max-width: 46ch;
  font-family: var(--mf-ui) !important;
  font-size: 14.5px !important;
  font-weight: 300 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.2px;
  color: rgba(245, 245, 245, 0.9) !important;
}
body.single-post .breadcrumb-text::after {
  content: none;
  display: none;
}
body.blog .breadcrumb-text p,
body.archive .breadcrumb-text p,
body.category .breadcrumb-text p,
body.single-post .breadcrumb-text p {
  margin: 0 0 0.25rem;
  max-width: 46ch;
  font-family: var(--mf-ui) !important;
  font-size: 14.5px !important;
  font-weight: 300 !important;
  line-height: 1.45 !important;
  color: rgba(245, 245, 245, 0.9) !important;
}
/* Breadcrumb removed from layout (no empty space) */
body.blog .breadcrumb-menu,
body.archive .breadcrumb-menu,
body.category .breadcrumb-menu,
body.tag .breadcrumb-menu,
body.search .breadcrumb-menu,
body.single-post .breadcrumb-menu {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
}

/* ----- Content shell ----- */
body.blog .blog-area,
body.archive .blog-area,
body.category .blog-area,
body.tag .blog-area,
body.search .blog-area,
body.single-post .blog-area {
  padding: clamp(3rem, 5.5vw, 4.75rem) 0 clamp(3.25rem, 6vw, 5rem) !important;
  background:
    radial-gradient(ellipse 60% 40% at 0% 0%, rgba(57, 157, 183, 0.08), transparent 55%),
    radial-gradient(ellipse 45% 35% at 100% 100%, rgba(2, 60, 100, 0.05), transparent 50%),
    var(--mf-paper) !important;
}
body.blog .blog-standard,
body.archive .blog-standard,
body.category .blog-standard,
body.search .blog-standard {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  align-items: stretch;
}
body.blog .blog-standard > article,
body.archive .blog-standard > article,
body.category .blog-standard > article,
body.search .blog-standard > article {
  margin: 0 !important;
  height: 100%;
}
body.blog .blog-standard > .page-numbers,
body.blog .blog-standard > nav,
body.blog .blog-standard > .navigation,
body.archive .blog-standard > .navigation,
body.blog .blog-standard > ul.page-numbers,
body.archive .blog-standard > ul.page-numbers {
  grid-column: 1 / -1;
}

/* ----- Post cards ----- */
body.blog .blog-wrapper,
body.archive .blog-wrapper,
body.category .blog-wrapper,
body.search .blog-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
  border: 1px solid rgba(2, 60, 100, 0.1);
  border-radius: var(--mf-radius);
  overflow: hidden;
  box-shadow:
    0 10px 28px rgba(2, 60, 100, 0.05),
    0 1px 0 rgba(255, 255, 255, 0.9) inset;
  transition:
    transform 0.4s var(--mf-ease),
    box-shadow 0.4s ease,
    border-color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  body.blog .blog-wrapper:hover,
  body.archive .blog-wrapper:hover,
  body.category .blog-wrapper:hover,
  body.search .blog-wrapper:hover {
    transform: translateY(-7px);
    border-color: rgba(57, 157, 183, 0.45);
    box-shadow:
      0 20px 42px rgba(2, 60, 100, 0.12),
      0 0 0 1px rgba(57, 157, 183, 0.18);
  }
  body.blog .blog-wrapper:hover .blog-img img,
  body.archive .blog-wrapper:hover .blog-img img,
  body.category .blog-wrapper:hover .blog-img img {
    transform: scale(1.05);
  }
}
body.blog .blog-img,
body.archive .blog-img,
body.category .blog-img,
body.search .blog-img {
  position: relative;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background:
    radial-gradient(circle at 40% 30%, rgba(255, 255, 255, 0.95), rgba(238, 247, 250, 0.9) 55%, rgba(57, 157, 183, 0.12));
}
body.blog .blog-img a,
body.archive .blog-img a,
body.category .blog-img a {
  display: block;
  height: 100%;
}
body.blog .blog-img img,
body.archive .blog-img img,
body.category .blog-img img,
body.search .blog-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 0 !important;
  transition: transform 0.55s var(--mf-ease);
}
body.blog .blog-text,
body.archive .blog-text,
body.category .blog-text,
body.search .blog-text {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 1.25rem 1.3rem 1.4rem !important;
}
body.blog .blog-meta,
body.archive .blog-meta,
body.category .blog-meta,
body.search .blog-meta,
body.single-post .blog-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.85rem;
  margin: 0 0 0.75rem !important;
}
body.blog .blog-meta span,
body.archive .blog-meta span,
body.category .blog-meta span,
body.search .blog-meta span,
body.single-post .blog-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0 !important;
  font-family: var(--mf-ui) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em;
  color: var(--mf-muted) !important;
}
body.blog .blog-meta i,
body.archive .blog-meta i,
body.category .blog-meta i,
body.single-post .blog-meta i {
  color: var(--mf-teal) !important;
  font-size: 12px;
}
body.blog .blog-meta a,
body.archive .blog-meta a,
body.category .blog-meta a,
body.single-post .blog-meta a {
  color: var(--mf-muted) !important;
  text-decoration: none !important;
  transition: color 0.25s ease;
}
body.blog .blog-meta a:hover,
body.archive .blog-meta a:hover,
body.single-post .blog-meta a:hover {
  color: var(--mf-teal) !important;
}
body.blog .blog-text h4,
body.archive .blog-text h4,
body.category .blog-text h4,
body.search .blog-text h4 {
  margin: 0 0 0.65rem !important;
  font-family: var(--mf-font) !important;
  font-size: clamp(1.05rem, 1.5vw, 1.2rem) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.015em;
  color: var(--mf-navy) !important;
}
body.blog .blog-text h4 a,
body.archive .blog-text h4 a,
body.category .blog-text h4 a,
body.search .blog-text h4 a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 0.25s ease;
}
body.blog .blog-text h4 a:hover,
body.archive .blog-text h4 a:hover,
body.category .blog-text h4 a:hover {
  color: var(--mf-teal) !important;
}
body.blog .blog-text .klb-post,
body.archive .blog-text .klb-post,
body.category .blog-text .klb-post,
body.search .blog-text .klb-post {
  margin: 0;
}
body.blog .blog-text .klb-post p,
body.archive .blog-text .klb-post p,
body.category .blog-text .klb-post p,
body.search .blog-text .klb-post p {
  margin: 0 !important;
  font-family: var(--mf-ui) !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.6 !important;
  color: var(--mf-muted) !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ----- Sidebar ----- */
body.blog .col-xl-4 .widget,
body.archive .col-xl-4 .widget,
body.category .col-xl-4 .widget,
body.search .col-xl-4 .widget,
body.single-post .col-xl-4 .widget {
  margin: 0 0 1.15rem !important;
  padding: 1.25rem 1.2rem 1.3rem !important;
  background: #fff;
  border: 1px solid rgba(2, 60, 100, 0.1);
  border-radius: var(--mf-radius);
  box-shadow: 0 10px 28px rgba(2, 60, 100, 0.04);
}
body.blog .widget .widget-title,
body.archive .widget .widget-title,
body.category .widget .widget-title,
body.single-post .widget .widget-title {
  position: relative;
  margin: 0 0 1rem !important;
  padding: 0 0 0.75rem !important;
  font-family: var(--mf-font) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: var(--mf-navy) !important;
  border: none !important;
}
body.blog .widget .widget-title::after,
body.archive .widget .widget-title::after,
body.category .widget .widget-title::after,
body.single-post .widget .widget-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.25rem;
  height: 2px;
  background: linear-gradient(90deg, var(--mf-teal), var(--mf-navy));
  border-radius: 2px;
}
body.blog .widget_search,
body.archive .widget_search,
body.single-post .widget_search {
  padding: 0.85rem !important;
}
body.blog .search-form,
body.archive .search-form,
body.single-post .search-form {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin: 0;
  height: 42px;
  border: 1px solid rgba(2, 60, 100, 0.14);
  border-radius: 10px;
  overflow: hidden;
  background: var(--mf-paper);
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
body.blog .search-form:focus-within,
body.archive .search-form:focus-within,
body.single-post .search-form:focus-within {
  border-color: rgba(57, 157, 183, 0.55);
  box-shadow: 0 0 0 3px rgba(57, 157, 183, 0.12);
}
body.blog .search-form input[type="text"],
body.archive .search-form input[type="text"],
body.single-post .search-form input[type="text"],
body.blog .search-form input[type="search"],
body.archive .search-form input[type="search"],
body.single-post .search-form input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 0.9rem !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--mf-ui) !important;
  font-size: 13.5px !important;
  line-height: 1.2 !important;
  color: var(--mf-ink) !important;
}
body.blog .search-form .btn,
body.archive .search-form .btn,
body.single-post .search-form .btn,
body.blog .search-form button,
body.archive .search-form button,
body.single-post .search-form button,
body.blog .search-form .icon_search,
body.single-post .search-form .icon_search {
  position: relative;
  flex: 0 0 42px;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: var(--mf-navy) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  transition: background 0.25s ease;
}
/* Kill theme icon-font pseudo ("U") and use a clean SVG magnifier */
body.blog .search-form .btn::before,
body.archive .search-form .btn::before,
body.single-post .search-form .btn::before,
body.blog .search-form button::before,
body.archive .search-form button::before,
body.single-post .search-form button::before,
body.blog .search-form .icon_search::before,
body.single-post .search-form .icon_search::before,
body.blog .search-form .btn::after,
body.single-post .search-form .btn::after,
body.blog .search-form button::after,
body.single-post .search-form button::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  width: 16px !important;
  height: 16px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='6.25' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M16.2 16.2L20 20' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 16px 16px !important;
  text-indent: 0 !important;
  speak: never;
}
body.blog .search-form .btn::after,
body.single-post .search-form .btn::after,
body.blog .search-form button::after,
body.single-post .search-form button::after {
  display: none !important;
  content: none !important;
  background: none !important;
}
body.blog .search-form .btn i,
body.archive .search-form .btn i,
body.single-post .search-form .btn i,
body.blog .search-form button i,
body.single-post .search-form button i,
body.blog .search-form .fa-search,
body.single-post .search-form .fa-search {
  display: none !important;
  visibility: hidden !important;
  font-size: 0 !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}
body.blog .search-form .btn:hover,
body.single-post .search-form .btn:hover,
body.blog .search-form button:hover,
body.single-post .search-form button:hover {
  background: var(--mf-teal) !important;
}
body.blog .widget_categories ul,
body.archive .widget_categories ul,
body.category .widget_categories ul,
body.single-post .widget_categories ul {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  gap: 0 !important;
}
body.blog .widget_categories ul li,
body.archive .widget_categories ul li,
body.category .widget_categories ul li,
body.single-post .widget_categories ul li {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0 !important;
  padding: 0.7rem 0 !important;
  border: none !important;
  border-bottom: 1px solid var(--mf-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--mf-ui) !important;
  font-size: 14px !important;
  position: relative;
}
body.blog .widget_categories ul li::before,
body.archive .widget_categories ul li::before,
body.category .widget_categories ul li::before,
body.single-post .widget_categories ul li::before,
body.blog .widget_categories ul li::after,
body.archive .widget_categories ul li::after,
body.category .widget_categories ul li::after,
body.single-post .widget_categories ul li::after {
  display: none !important;
  content: none !important;
}
body.blog .widget_categories ul li:last-child,
body.category .widget_categories ul li:last-child,
body.single-post .widget_categories ul li:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
body.blog .widget_categories ul li a,
body.archive .widget_categories ul li a,
body.category .widget_categories ul li a,
body.single-post .widget_categories ul li a {
  display: inline !important;
  flex: 1 1 auto;
  align-items: unset !important;
  justify-content: unset !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  font-family: var(--mf-ui) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--mf-navy) !important;
  text-decoration: none !important;
  transition: color 0.25s ease;
}
body.blog .widget_categories ul li a::before,
body.archive .widget_categories ul li a::before,
body.category .widget_categories ul li a::before,
body.single-post .widget_categories ul li a::before,
body.blog .widget_categories ul li a::after,
body.category .widget_categories ul li a::after,
body.single-post .widget_categories ul li a::after {
  display: none !important;
  content: none !important;
}
body.blog .widget_categories ul li a:hover,
body.archive .widget_categories ul li a:hover,
body.category .widget_categories ul li a:hover,
body.single-post .widget_categories ul li a:hover {
  background: transparent !important;
  color: var(--mf-teal) !important;
  transform: none !important;
  box-shadow: none !important;
}
body.blog .widget_categories .catcount,
body.archive .widget_categories .catcount,
body.category .widget_categories .catcount,
body.single-post .widget_categories .catcount {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 1.75rem;
  margin: 0 !important;
  padding: 0.15rem 0.45rem !important;
  border-radius: 999px !important;
  background: rgba(57, 157, 183, 0.12) !important;
  color: var(--mf-teal) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
body.blog .widget_categories ul li a:hover .catcount,
body.category .widget_categories ul li a:hover .catcount,
body.single-post .widget_categories ul li a:hover .catcount {
  background: rgba(57, 157, 183, 0.12) !important;
  color: var(--mf-teal) !important;
}
body.blog .widget_popular_posts .recent-posts,
body.single-post .widget_popular_posts .recent-posts,
body.blog .widget_recent_post,
body.single-post .widget_recent_post {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.blog .widget_popular_posts li,
body.single-post .widget_popular_posts li,
body.blog .widget_recent_post li,
body.single-post .widget_recent_post li {
  display: grid;
  grid-template-columns: 68px 1fr;
  gap: 0.85rem;
  align-items: center;
  margin: 0 0 0.95rem !important;
  padding: 0 0 0.95rem !important;
  border-bottom: 1px solid var(--mf-line);
}
body.blog .widget_popular_posts li:last-child,
body.single-post .widget_popular_posts li:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none;
}
body.blog .widget-posts-image,
body.single-post .widget-posts-image {
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 1;
  background: var(--mf-paper-deep);
}
body.blog .widget-posts-image img,
body.single-post .widget-posts-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}
body.blog .widget_popular_posts .widget-posts-body a,
body.single-post .widget_popular_posts .widget-posts-body a,
body.blog .widget_popular_posts h4 a,
body.single-post .widget_popular_posts h4 a,
body.blog .widget_recent_post a,
body.single-post .widget_recent_post a {
  font-family: var(--mf-font) !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--mf-navy) !important;
  text-decoration: none !important;
}
body.blog .widget_popular_posts .widget-posts-body a:hover,
body.single-post .widget_popular_posts .widget-posts-body a:hover {
  color: var(--mf-teal) !important;
}

/* Cup promo sidebar widget */
body.blog .mf-cup-promo,
body.single-post .mf-cup-promo,
body.blog .mf-n95-promo,
body.single-post .mf-n95-promo {
  margin: 0;
}
body.blog .mf-cup-card,
body.single-post .mf-cup-card,
body.blog .mf-n95-card,
body.single-post .mf-n95-card {
  text-align: center;
}
body.blog .mf-cup-media,
body.single-post .mf-cup-media,
body.blog .mf-n95-media,
body.single-post .mf-n95-media {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 30%, #fff 0%, var(--mf-paper) 55%, rgba(57, 157, 183, 0.12) 100%);
  aspect-ratio: 1;
}
body.blog .mf-cup-media img,
body.single-post .mf-cup-media img,
body.blog .mf-n95-media img,
body.single-post .mf-n95-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  object-position: center;
  padding: 0.85rem;
  display: block;
}
body.blog .mf-cup-badge,
body.single-post .mf-cup-badge,
body.blog .mf-n95-badge,
body.single-post .mf-n95-badge {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 3.1rem;
  padding: 0.45rem 0.5rem;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--mf-navy), var(--mf-teal));
  color: #fff !important;
  font-family: var(--mf-ui) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  box-shadow: 0 8px 18px rgba(2, 60, 100, 0.22);
}
body.blog .mf-cup-badge small,
body.single-post .mf-cup-badge small,
body.blog .mf-n95-badge small,
body.single-post .mf-n95-badge small {
  font-size: 9px !important;
  font-weight: 400 !important;
  opacity: 0.9;
}
body.blog .mf-cup-title,
body.single-post .mf-cup-title,
body.blog .mf-n95-title,
body.single-post .mf-n95-title {
  margin: 0.85rem 0 0.25rem !important;
  font-family: var(--mf-font) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--mf-navy) !important;
}
body.blog .mf-cup-price,
body.single-post .mf-cup-price,
body.blog .mf-n95-price,
body.single-post .mf-n95-price {
  margin: 0 0 0.75rem !important;
  font-family: var(--mf-ui) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--mf-muted) !important;
}
body.blog .mf-cup-btn,
body.single-post .mf-cup-btn,
body.blog .mf-n95-btn,
body.single-post .mf-n95-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0.55rem 1rem !important;
  border-radius: 0 !important;
  background: var(--mf-navy) !important;
  color: #fff !important;
  font-family: var(--mf-btn) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: background 0.25s ease;
}
body.blog .mf-cup-btn:hover,
body.single-post .mf-cup-btn:hover,
body.blog .mf-n95-btn:hover,
body.single-post .mf-n95-btn:hover {
  background: var(--mf-teal) !important;
  color: #fff !important;
}
body.blog .col-xl-4 .widget_custom_html,
body.single-post .col-xl-4 .widget_custom_html {
  padding: 0.85rem !important;
  overflow: hidden;
}

/* Popular posts: normalize title casing */
body.blog .widget_popular_posts h4,
body.single-post .widget_popular_posts h4,
body.blog .widget_popular_posts .widget-posts-body a,
body.single-post .widget_popular_posts .widget-posts-body a {
  text-transform: none !important;
}

/* ----- Pagination ----- */
body.blog ul.page-numbers,
body.archive ul.page-numbers,
body.category ul.page-numbers,
body.search ul.page-numbers {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin: 1.75rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.blog ul.page-numbers li,
body.archive ul.page-numbers li {
  margin: 0 !important;
}
body.blog ul.page-numbers .page-numbers,
body.archive ul.page-numbers .page-numbers {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
  padding: 0.55rem 0.85rem !important;
  border: 1px solid rgba(2, 60, 100, 0.14) !important;
  border-radius: 0 !important;
  background: #fff !important;
  font-family: var(--mf-btn) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--mf-navy) !important;
  text-decoration: none !important;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
body.blog ul.page-numbers .page-numbers:hover,
body.archive ul.page-numbers .page-numbers:hover {
  background: var(--mf-navy) !important;
  border-color: var(--mf-navy) !important;
  color: var(--mf-teal) !important;
}
body.blog ul.page-numbers .page-numbers.current,
body.archive ul.page-numbers .page-numbers.current {
  background: var(--mf-teal) !important;
  border-color: var(--mf-teal) !important;
  color: #fff !important;
}

/* ----- Single article template (reusable for all posts) ----- */
body.single-post,
body.single-format-standard {
  --mf-article-pad-x: clamp(1.25rem, 3vw, 2.35rem);
  --mf-article-pad-y: clamp(1.35rem, 2.8vw, 2rem);
  --mf-article-measure: 40.5rem;
}

/* Hide legacy page-title / breadcrumb banners on singles if present */
body.single-post .klb-blog-breadcrumb,
body.single-post .breadcrumb-area,
body.single-format-standard .klb-blog-breadcrumb,
body.single-format-standard .breadcrumb-area {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.single-post .blog-area,
body.single-format-standard .blog-area {
  padding: clamp(2.25rem, 4vw, 3.5rem) 0 clamp(3rem, 5.5vw, 4.75rem) !important;
}

body.single-post .blog-standard,
body.single-format-standard .blog-standard {
  display: block;
}

/*
  Editorial stack via display:contents so we can order:
  meta → title → featured image → body
*/
body.single-post .blog-wrapper,
body.single-format-standard .blog-wrapper {
  display: flex !important;
  flex-direction: column;
  margin: 0 !important;
  background: #fff;
  border: 1px solid rgba(2, 60, 100, 0.1);
  border-radius: var(--mf-radius);
  overflow: hidden;
  box-shadow:
    0 14px 36px rgba(2, 60, 100, 0.06),
    0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

body.single-post .blog-text,
body.single-format-standard .blog-text {
  display: contents !important;
  padding: 0 !important;
}

/* Article header: meta */
body.single-post .blog-meta,
body.single-format-standard .blog-meta {
  order: 1;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 1rem;
  margin: 0 !important;
  padding: var(--mf-article-pad-y) var(--mf-article-pad-x) 0.65rem !important;
  border: none !important;
  border-bottom: none !important;
}

body.single-post .blog-meta span,
body.single-format-standard .blog-meta span {
  display: inline-flex !important;
  align-items: center;
  gap: 0.4rem;
  margin: 0 !important;
  padding: 0.28rem 0.7rem !important;
  border-radius: 999px;
  background: rgba(57, 157, 183, 0.1);
  font-family: var(--mf-ui) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em;
  line-height: 1.2 !important;
  color: var(--mf-muted) !important;
}

body.single-post .blog-meta i,
body.single-format-standard .blog-meta i {
  color: var(--mf-teal) !important;
  font-size: 11.5px !important;
}

body.single-post .blog-meta a,
body.single-format-standard .blog-meta a {
  color: var(--mf-navy) !important;
  text-decoration: none !important;
  transition: color 0.25s ease;
}

body.single-post .blog-meta a:hover,
body.single-format-standard .blog-meta a:hover {
  color: var(--mf-teal) !important;
}

/* Article header: title */
body.single-post .blog-text > h4,
body.single-post .blog-text > h1,
body.single-post .blog-text > .entry-title,
body.single-format-standard .blog-text > h4,
body.single-format-standard .blog-text > h1 {
  order: 2;
  margin: 0 !important;
  padding: 0.15rem var(--mf-article-pad-x) 1.15rem !important;
  max-width: none;
  font-family: var(--mf-font) !important;
  font-size: clamp(1.45rem, 2.6vw, 2.05rem) !important;
  font-weight: 500 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.022em;
  color: var(--mf-navy) !important;
  text-transform: none !important;
}

body.single-post .blog-text > h4 a,
body.single-post .blog-text > h1 a,
body.single-format-standard .blog-text > h4 a {
  color: inherit !important;
  pointer-events: none;
  text-decoration: none !important;
  cursor: default;
}

/* Featured media — contained, no theme blob / z-index stack */
body.single-post .blog-img,
body.single-format-standard .blog-img {
  order: 3;
  position: relative !important;
  z-index: 0 !important;
  margin: 0 var(--mf-article-pad-x) 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 9;
  max-height: min(420px, 52vw);
  border-radius: var(--mf-radius-sm);
  background: var(--mf-paper-deep);
  box-shadow: 0 8px 24px rgba(2, 60, 100, 0.08);
}

body.single-post .blog-img::before,
body.single-post .blog-img::after,
body.single-format-standard .blog-img::before,
body.single-format-standard .blog-img::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
}

body.single-post .blog-img a,
body.single-format-standard .blog-img a {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none; /* already on the article page */
}

body.single-post .blog-img img,
body.single-post .blog-img a img,
body.single-format-standard .blog-img img,
body.single-format-standard .blog-img a img {
  position: static !important;
  z-index: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  transform: none !important;
  transition: none !important;
}

/* Article body */
body.single-post .klb-post,
body.single-format-standard .klb-post {
  order: 4;
  width: 100%;
  max-width: var(--mf-article-measure);
  margin: 0 !important;
  padding: 1.45rem var(--mf-article-pad-x) clamp(1.85rem, 3.5vw, 2.75rem) !important;
  color: var(--mf-ink);
  font-family: var(--mf-ui) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
}

body.single-post .klb-post > *:first-child,
body.single-format-standard .klb-post > *:first-child {
  margin-top: 0 !important;
}

body.single-post .klb-post p,
body.single-format-standard .klb-post p {
  margin: 0 0 1.15rem !important;
  font-family: var(--mf-ui) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
  color: #3a4248 !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
}

body.single-post .klb-post h1,
body.single-post .klb-post h2,
body.single-post .klb-post h3,
body.single-post .klb-post h4,
body.single-post .klb-post h5,
body.single-post .klb-post h6,
body.single-format-standard .klb-post h1,
body.single-format-standard .klb-post h2,
body.single-format-standard .klb-post h3,
body.single-format-standard .klb-post h4 {
  margin: 2.1rem 0 0.8rem !important;
  font-family: var(--mf-font) !important;
  font-weight: 600 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.015em;
  color: var(--mf-navy) !important;
  text-transform: none !important;
}

body.single-post .klb-post h1 {
  font-size: clamp(1.4rem, 2.2vw, 1.7rem) !important;
  font-weight: 500 !important;
}

body.single-post .klb-post h2,
body.single-format-standard .klb-post h2 {
  font-size: clamp(1.28rem, 2vw, 1.5rem) !important;
  padding-top: 0.85rem;
  border-top: 1px solid var(--mf-line);
}

body.single-post .klb-post h2:first-child,
body.single-format-standard .klb-post h2:first-child {
  border-top: none;
  padding-top: 0;
  margin-top: 0.35rem !important;
}

body.single-post .klb-post h3,
body.single-format-standard .klb-post h3 {
  font-size: clamp(1.1rem, 1.6vw, 1.28rem) !important;
  margin-top: 1.65rem !important;
}

body.single-post .klb-post h4,
body.single-format-standard .klb-post h4 {
  font-size: 1.05rem !important;
  margin-top: 1.4rem !important;
}

body.single-post .klb-post a,
body.single-format-standard .klb-post a {
  color: var(--mf-teal) !important;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  transition: color 0.25s ease;
}

body.single-post .klb-post a:hover,
body.single-format-standard .klb-post a:hover {
  color: var(--mf-navy) !important;
}

body.single-post .klb-post ul,
body.single-post .klb-post ol,
body.single-format-standard .klb-post ul,
body.single-format-standard .klb-post ol {
  margin: 0 0 1.25rem !important;
  padding: 0 0 0 1.2rem !important;
}

body.single-post .klb-post li,
body.single-format-standard .klb-post li {
  margin: 0 0 0.55rem;
  padding-left: 0.15rem;
  font-family: var(--mf-ui) !important;
  font-size: 15.5px !important;
  font-weight: 300 !important;
  line-height: 1.65 !important;
  color: #3a4248 !important;
}

body.single-post .klb-post li::marker,
body.single-format-standard .klb-post li::marker {
  color: var(--mf-teal);
}

body.single-post .klb-post strong,
body.single-post .klb-post b {
  font-weight: 600;
  color: var(--mf-navy);
}

body.single-post .klb-post em,
body.single-post .klb-post i {
  font-style: italic;
}

body.single-post .klb-post blockquote,
body.single-format-standard .klb-post blockquote {
  margin: 1.6rem 0 !important;
  padding: 1.1rem 1.2rem 1.1rem 1.3rem !important;
  border: none !important;
  border-left: 3px solid var(--mf-teal) !important;
  background: linear-gradient(90deg, rgba(57, 157, 183, 0.1), rgba(245, 248, 250, 0.35));
  border-radius: 0 12px 12px 0;
  font-family: var(--mf-font) !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  color: var(--mf-navy) !important;
}

body.single-post .klb-post blockquote p {
  margin: 0 !important;
  color: inherit !important;
  font: inherit !important;
}

body.single-post .klb-post hr {
  margin: 2rem 0 !important;
  border: none !important;
  border-top: 1px solid var(--mf-line) !important;
  height: 0 !important;
  background: none !important;
}

body.single-post .klb-post img,
body.single-post .klb-post figure img,
body.single-format-standard .klb-post img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1.35rem 0;
  border-radius: var(--mf-radius-sm);
  box-shadow: 0 10px 28px rgba(2, 60, 100, 0.08);
}

body.single-post .klb-post figure,
body.single-format-standard .klb-post figure {
  margin: 1.35rem 0 !important;
}

body.single-post .klb-post figcaption,
body.single-post .klb-post .wp-caption-text,
body.single-format-standard .klb-post figcaption {
  margin-top: 0.55rem;
  font-family: var(--mf-ui) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1.45 !important;
  color: var(--mf-muted) !important;
  text-align: left;
}

body.single-post .klb-post table {
  width: 100%;
  margin: 0 0 1.35rem;
  border-collapse: collapse;
  font-size: 14.5px;
  overflow-x: auto;
  display: block;
}

body.single-post .klb-post th,
body.single-post .klb-post td {
  padding: 0.7rem 0.85rem;
  border: 1px solid var(--mf-line);
  text-align: left;
}

body.single-post .klb-post th {
  background: var(--mf-paper);
  color: var(--mf-navy);
  font-family: var(--mf-font);
  font-weight: 600;
}

body.single-post .klb-post code {
  padding: 0.12rem 0.4rem;
  border-radius: 4px;
  background: var(--mf-paper-deep);
  font-size: 0.9em;
  color: var(--mf-navy);
}

body.single-post .klb-post pre {
  margin: 0 0 1.25rem;
  padding: 1rem 1.15rem;
  overflow-x: auto;
  border-radius: var(--mf-radius-sm);
  background: #012840;
  color: #e8f4f8;
}

body.single-post .klb-post pre code {
  padding: 0;
  background: transparent;
  color: inherit;
}

/* Soften / hide outdated theme chrome under articles */
body.single-post .blog-wrapper > .social-share,
body.single-post .post-tags > span:empty,
body.single-post .empty-klb {
  display: none !important;
}

body.single-post .post-tags,
body.single-post .blog-details-bottom {
  margin: 0;
  padding: 0 var(--mf-article-pad-x) 1.5rem;
}

body.single-post .post-tags a {
  display: inline-flex;
  margin: 0 0.35rem 0.35rem 0;
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  background: rgba(57, 157, 183, 0.1);
  color: var(--mf-navy) !important;
  font-family: var(--mf-ui);
  font-size: 12px;
  text-decoration: none !important;
}

/* Responsive */
@media (max-width: 991px) {
  body.blog .blog-standard,
  body.archive .blog-standard,
  body.category .blog-standard,
  body.search .blog-standard {
    grid-template-columns: 1fr;
    gap: 1.1rem;
  }
  body.blog .col-xl-4 .widget,
  body.single-post .col-xl-4 .widget {
    margin-bottom: 1rem !important;
  }
  body.single-post .blog-img,
  body.single-format-standard .blog-img {
    max-height: min(360px, 48vw);
  }
}
@media (max-width: 767px) {
  body.blog .klb-blog-breadcrumb.breadcrumb-area,
  body.archive .klb-blog-breadcrumb.breadcrumb-area,
  body.category .klb-blog-breadcrumb.breadcrumb-area,
  body.single-post .klb-blog-breadcrumb.breadcrumb-area,
  body.single-post .breadcrumb-area {
    min-height: 200px;
    padding: 2.4rem 0 2rem !important;
    background-position: 72% 38% !important;
  }
  body.blog .klb-blog-breadcrumb.breadcrumb-area::before,
  body.archive .klb-blog-breadcrumb.breadcrumb-area::before,
  body.single-post .breadcrumb-area::before {
    background:
      linear-gradient(180deg, rgba(1, 40, 64, 0.28) 0%, transparent 48%, rgba(1, 40, 64, 0.5) 100%),
      linear-gradient(122deg, rgba(2, 60, 100, 0.96) 12%, rgba(0, 158, 187, 0.72) 58%, rgba(2, 60, 100, 0.48) 100%);
  }
  body.blog .breadcrumb-text::before,
  body.single-post .breadcrumb-text::before {
    font-size: 10.5px !important;
    letter-spacing: 0.85px;
    margin-bottom: 0.55rem;
  }
  body.blog .breadcrumb-text::after,
  body.archive .breadcrumb-text::after,
  body.category .breadcrumb-text::after {
    font-size: 13.5px !important;
    max-width: 34ch;
  }
  body.blog .breadcrumb-text,
  body.single-post .breadcrumb-text {
    text-align: left;
    max-width: 100%;
  }
  body.blog .blog-text,
  body.archive .blog-text,
  body.search .blog-text {
    padding: 1.1rem 1.1rem 1.25rem !important;
  }
  body.single-post,
  body.single-format-standard {
    --mf-article-pad-x: 1.1rem;
    --mf-article-pad-y: 1.15rem;
  }
  body.single-post .blog-area,
  body.single-format-standard .blog-area {
    padding: 1.5rem 0 2.75rem !important;
  }
  body.single-post .blog-text > h4,
  body.single-post .blog-text > h1,
  body.single-format-standard .blog-text > h4 {
    font-size: clamp(1.35rem, 6.2vw, 1.7rem) !important;
    padding-bottom: 1rem !important;
  }
  body.single-post .blog-img,
  body.single-format-standard .blog-img {
    margin: 0 var(--mf-article-pad-x) !important;
    aspect-ratio: 16 / 10;
    max-height: 240px;
    border-radius: 10px;
  }
  body.single-post .klb-post,
  body.single-post .klb-post p,
  body.single-format-standard .klb-post,
  body.single-format-standard .klb-post p {
    font-size: 15.5px !important;
  }
  body.single-post .klb-post {
    padding-top: 1.2rem !important;
  }
  body.single-post .klb-post h2 {
    font-size: 1.25rem !important;
  }
  body.single-post .klb-post h3 {
    font-size: 1.1rem !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.blog .blog-wrapper,
  body.blog .blog-img img,
  body.archive .blog-wrapper,
  body.archive .blog-img img,
  body.category .blog-wrapper,
  body.search .blog-wrapper {
    transition: none !important;
    transform: none !important;
  }
}


/* MAYFLOWER COLLECTIONS PAGE v6 */
body.page-id-2343 .breadcrumb,
body.page-id-2343 .breadcrumbs,
body.page-id-2343 .page-title,
body.page-id-2343 .page-title-wrapper,
body.page-id-2343 .klb-shop-breadcrumb,
body.page-id-2343 .klb-blog-breadcrumb,
body.page-id-2343 #page-title,
body.page-id-2343 .entry-title,
body.page-id-2343 .content-area > .container > .row > .col-12 > h1,
body.page-id-2343 .site-main > .container > h1 {
  display: none !important;
}
body.page-id-2343 .site-main,
body.page-id-2343 .content-area,
body.page-id-2343 #primary {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}
body.page-id-2343 .site-main .container,
body.page-id-2343 .content-area .container,
body.page-id-2343 #primary .container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}
body.page-id-2343 .content-area .row,
body.page-id-2343 .site-main .row {
  margin: 0 !important;
}
body.page-id-2343 .content-area [class*="col-"] {
  padding: 0 !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  width: 100% !important;
}

#mf-col{
  --navy:#023c64;
  --teal:#399db7;
  --ink:#0f2433;
  --muted:#5b6f7c;
  --paper:#f3f7fa;
  --line:rgba(2,60,100,.12);
  --radius:10px;
  color:var(--ink);
  font-family:Inter,system-ui,sans-serif;
  line-height:1.55;
  background:#fff;
}
#mf-col *{box-sizing:border-box}
#mf-col img{max-width:100%;height:auto;display:block}
#mf-col a{color:var(--teal);text-decoration-thickness:1px;text-underline-offset:3px}
#mf-col a:hover{color:var(--navy)}
#mf-col .mf-wrap{width:min(1320px,calc(100% - 48px));margin:0 auto}
#mf-col .mf-brand{
  margin:0 0 12px;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--teal);
}
#mf-col .mf-head{max-width:40rem;margin:0 0 36px}
#mf-col .mf-head h2{
  margin:0 0 12px;
  font-size:clamp(1.7rem,2.4vw,2.25rem);
  line-height:1.15;
  letter-spacing:-.02em;
  color:var(--navy);
  font-weight:700;
}
#mf-col .mf-head p{margin:0;color:var(--muted);font-size:1.05rem}
#mf-col .mf-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 20px;border-radius:8px;font-size:.9rem;font-weight:600;
  text-decoration:none!important;border:1px solid transparent;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
#mf-col .mf-btn:active{transform:scale(.98)}
#mf-col .mf-btn-primary{background:var(--teal);color:#fff!important}
#mf-col .mf-btn-primary:hover{background:var(--navy);color:#fff!important}
#mf-col .mf-btn-ghost{background:transparent;border-color:rgba(255,255,255,.55);color:#fff!important}
#mf-col .mf-btn-ghost:hover{background:#fff;color:var(--navy)!important;border-color:#fff}
#mf-col .mf-btn-block{width:100%}
#mf-col .mf-sec{padding:72px 0}
#mf-col .mf-hero{
  position:relative;min-height:0;
  display:grid;align-items:end;overflow:hidden;
  color:#fff;isolation:isolate;background:#012840;
}






#mf-col .mf-strip{
  display:flex;gap:10px;overflow:auto;padding:14px 20px;
  background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08);
  scrollbar-width:none;
}
#mf-col .mf-strip::-webkit-scrollbar{display:none}
#mf-col .mf-strip span{
  flex:0 0 auto;padding:6px 10px;border:1px solid rgba(57,157,183,.45);
  color:#d7eef4;font-size:.72rem;font-weight:600;letter-spacing:.08em;
  animation:mfChip .7s ease both;
}
#mf-col .mf-strip span:nth-child(2){animation-delay:.04s}
#mf-col .mf-strip span:nth-child(3){animation-delay:.08s}
#mf-col .mf-strip span:nth-child(4){animation-delay:.12s}
#mf-col .mf-strip span:nth-child(5){animation-delay:.16s}
#mf-col .mf-grid-sec{background:var(--paper)}
#mf-col .mf-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
}
#mf-col .mf-card{
  background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
#mf-col .mf-card:hover{
  transform:translateY(-5px);
  border-color:rgba(57,157,183,.4);
  box-shadow:0 18px 36px rgba(2,60,100,.1);
}
#mf-col .mf-card-img{position:relative;display:block;background:linear-gradient(180deg,#f8fbfd,#eef4f7);padding:24px 18px 12px;text-decoration:none}
#mf-col .mf-card-img img{margin:0 auto;max-height:190px;width:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s ease}
#mf-col .mf-card:hover .mf-card-img img{transform:scale(1.04)}
#mf-col .mf-badge{
  position:absolute;top:12px;left:12px;margin:0;padding:5px 9px;
  background:var(--navy);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em;
  border-radius:6px;font-style:normal;
}
#mf-col .mf-badge-ok{background:var(--teal)}
#mf-col .mf-card-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
#mf-col .mf-card-body h3{margin:0;font-size:.98rem;line-height:1.35}
#mf-col .mf-card-body h3 a{color:var(--navy);text-decoration:none}
#mf-col .mf-card-body h3 a:hover{color:var(--teal)}
#mf-col .mf-sku{margin:0;font-size:.75rem;color:var(--muted)}
#mf-col .mf-chips{margin:0;font-size:.78rem;color:#466274;line-height:1.45}
#mf-col .mf-price{margin:4px 0 8px;color:var(--teal);font-size:1.05rem}
#mf-col .mf-price del{color:#8a9aa5;font-size:.86rem;margin-right:6px}
#mf-col .mf-price span{display:block;color:var(--muted);font-size:.75rem;font-weight:500;margin-top:2px}
#mf-col .mf-card-body .mf-btn{margin-top:auto}
#mf-col .mf-grid-note{margin:28px 0 0;color:var(--muted);font-size:.95rem}
#mf-col .mf-split-grid{
  display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;
}
#mf-col .mf-photo{
  margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);
  background:#eef4f7;
}
#mf-col .mf-photo img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;background:linear-gradient(180deg,#f8fbfd,#e8f0f4)}
#mf-col .mf-feat{list-style:none;margin:0;padding:0;display:grid;gap:16px}
#mf-col .mf-feat li{
  padding:0 0 16px 18px;border-bottom:1px solid var(--line);
  position:relative;color:var(--muted);
}
#mf-col .mf-feat li:last-child{border-bottom:0;padding-bottom:0}
#mf-col .mf-feat li::before{
  content:"-";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:var(--teal);
}
#mf-col .mf-feat strong{color:var(--navy);font-weight:600}
#mf-col .mf-method{background:#fff}
#mf-col .mf-steps{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
}
#mf-col .mf-steps li{
  padding:28px 24px;border:1px solid var(--line);border-radius:16px;background:var(--paper);
}
#mf-col .mf-steps span{
  display:block;font-size:.78rem;font-weight:700;letter-spacing:.12em;color:var(--teal);margin-bottom:12px;
}
#mf-col .mf-steps h3{margin:0 0 8px;color:var(--navy);font-size:1.15rem}
#mf-col .mf-steps p{margin:0;color:var(--muted)}
#mf-col .mf-table-sec{background:var(--paper)}
#mf-col .mf-scroll{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:28px}
#mf-col .mf-table{width:100%;border-collapse:collapse;min-width:760px;font-size:.9rem}
#mf-col .mf-table caption{position:absolute;clip:rect(0 0 0 0)}
#mf-col .mf-table th,#mf-col .mf-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
#mf-col .mf-table th{background:var(--navy);color:#fff;font-weight:600;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}
#mf-col .mf-table tbody tr:hover{background:#f7fbfd}
#mf-col .mf-table small{color:var(--muted);font-weight:500}
#mf-col .mf-table-tight td:nth-child(3){white-space:nowrap;font-weight:600;color:var(--navy)}
#mf-col .mf-subh{margin:8px 0 14px;color:var(--navy);font-size:1.15rem}
#mf-col .mf-read-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start}
#mf-col .mf-results{display:grid;gap:14px}
#mf-col .mf-res{
  display:grid;grid-template-columns:88px 1fr;gap:16px;align-items:center;
  padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;
}
#mf-col .mf-res h3{margin:0 0 6px;color:var(--navy);font-size:1.05rem}
#mf-col .mf-res p{margin:0;color:var(--muted);font-size:.95rem}
#mf-col .mf-strip-demo{
  height:56px;border-radius:8px;background:linear-gradient(180deg,#f4f8fa,#e4eef2);
  border:1px solid var(--line);position:relative;overflow:hidden;
}
#mf-col .mf-strip-demo i{
  position:absolute;left:50%;width:34px;height:4px;border-radius:2px;background:var(--navy);
  transform:translateX(-50%);
}
#mf-col .mf-strip-demo i.c{top:16px}
#mf-col .mf-strip-demo i.t{top:34px;background:var(--teal)}
#mf-col .mf-strip-demo.mf-invalid i.c{display:none}
#mf-col .mf-cite{margin:24px 0 0;color:var(--muted);font-size:.9rem}
#mf-col .mf-prose{background:#fff}
#mf-col .mf-prose-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}
#mf-col .mf-copy p{margin:0 0 16px;color:var(--muted);font-size:1.02rem}
#mf-col .mf-used{background:var(--paper)}
#mf-col .mf-used-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
#mf-col .mf-used-grid article{
  padding:24px;border-radius:14px;background:#fff;border:1px solid var(--line);
}
#mf-col .mf-used-grid h3{margin:0 0 8px;color:var(--navy);font-size:1.05rem}
#mf-col .mf-used-grid p{margin:0;color:var(--muted)}
#mf-col .mf-choose-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px}
#mf-col .mf-choose-grid > div{
  padding:24px;border-left:3px solid var(--teal);background:var(--paper);border-radius:0 12px 12px 0;
}
#mf-col .mf-choose-grid h3{margin:0 0 8px;color:var(--navy);font-size:1.05rem}
#mf-col .mf-choose-grid p{margin:0;color:var(--muted)}
#mf-col .mf-faq{background:var(--paper)}
#mf-col .mf-faqs{display:grid;gap:10px}
#mf-col details{
  background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px 18px;
}
#mf-col summary{
  cursor:pointer;list-style:none;padding:16px 0;font-weight:600;color:var(--navy);
}
#mf-col summary::-webkit-details-marker{display:none}
#mf-col summary::after{content:"-";float:right;color:var(--teal);font-weight:700}
#mf-col details[open] summary::after{content:"-"}
#mf-col details p{margin:0 0 16px;color:var(--muted)}
#mf-col .mf-cta{
  padding:80px 0;background:linear-gradient(135deg,var(--navy),#05507a 55%,var(--teal));
  color:#fff;text-align:left;
}
#mf-col .mf-cta .mf-brand{color:#b9e3ee}
#mf-col .mf-cta h2{margin:0 0 12px;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.02em}
#mf-col .mf-cta p{margin:0 0 26px;max-width:34rem;color:rgba(255,255,255,.88)}
#mf-col .mf-cta .mf-btn-ghost{border-color:rgba(255,255,255,.6)}
@keyframes mfHeroIn{from{transform:scale(1.04);opacity:.7}to{transform:scale(1);opacity:1}}
@keyframes mfRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes mfChip{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:1100px){
  #mf-col .mf-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  #mf-col .mf-split-grid,
  #mf-col .mf-read-grid,
  #mf-col .mf-prose-grid{grid-template-columns:1fr;gap:28px}
  #mf-col .mf-steps{grid-template-columns:1fr}
  #mf-col .mf-used-grid,
  #mf-col .mf-choose-grid{grid-template-columns:1fr}
  #mf-col .mf-hero-media{
    background:
      url("https://mayflowerbioscience.com/wp-content/uploads/2026/04/mayflower-5.png") 85% 20% / min(70vw,420px) auto no-repeat,
      linear-gradient(180deg,#e8f1f5,#d7e6ec);
  }
  #mf-col .mf-hero-shade{
    background:linear-gradient(180deg,rgba(2,60,100,.88) 0%,rgba(2,60,100,.72) 55%,rgba(2,60,100,.55) 100%);
  }
  #mf-col .mf-hero-inner{padding:88px 0 56px;max-width:100%}
}
@media (max-width:640px){
  #mf-col .mf-grid{grid-template-columns:1fr}
  #mf-col .mf-res{grid-template-columns:64px 1fr}
  #mf-col .mf-wrap{width:min(1320px,calc(100% - 28px))}
}
@media (prefers-reduced-motion:reduce){
  #mf-col .mf-hero-media,#mf-col .mf-hero-inner,#mf-col .mf-strip span,#mf-col .mf-card,#mf-col .mf-card-img img{animation:none!important;transition:none!important}
}


/* END MAYFLOWER COLLECTIONS PAGE */




/* ELEMENTOR FULL WIDTH FIX 2343 v3 - scoped to page content only (do not touch header) */
body.elementor-page-2343 .elementor-2343,
body.page-id-2343 .elementor-2343 {
  max-width: 100% !important;
  width: 100% !important;
}
body.elementor-page-2343 .elementor-2343 > .e-con,
body.page-id-2343 .elementor-2343 > .e-con,
body.elementor-page-2343 .elementor-2343 > .e-con-full,
body.page-id-2343 .elementor-2343 > .e-con-full {
  --width: 100%;
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.elementor-page-2343 .elementor-2343 .elementor-widget-html,
body.page-id-2343 .elementor-2343 .elementor-widget-html,
body.elementor-page-2343 .elementor-2343 .elementor-widget-container,
body.page-id-2343 .elementor-2343 .elementor-widget-container {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
#mf-col .mf-wrap{width:min(1320px,calc(100% - 48px))!important;margin:0 auto}

@media (max-width:1024px){#mf-col .mf-wrap{width:min(1320px,calc(100% - 32px))!important}}
@media (max-width:767px){#mf-col .mf-wrap{width:calc(100% - 28px)!important}}

/* COLLECTIONS HERO MATCH HOME - fixed */
#mf-col .mf-hero{
  position:relative !important;
  min-height:0 !important;
  /*height:auto neutralized*/;
  display:grid !important;
  align-items:end !important;
  color:#fff !important;
  isolation:isolate;
  overflow:hidden !important;
  background:#012840 !important;
}
#mf-col .mf-hero__media{
  position:absolute; inset:0; z-index:-2;
  background:#012840;
}
#mf-col .mf-hero__media::before{ display:none !important; content:none !important; }
#mf-col .mf-hero__media img,
#mf-col .mf-hero__media .mf-hero__bg{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center 28% !important;
  transform:none !important;
  right:auto !important;
  top:auto !important;
  filter:saturate(1.05) contrast(1.02) brightness(0.9);
  animation:mfColHeroDrift 14s ease-in-out infinite alternate;
}
@keyframes mfColHeroDrift{
  from { transform:scale(1.0) translate3d(0,0,0); }
  to { transform:scale(1.05) translate3d(-1%, 0.5%, 0); }
}
#mf-col .mf-hero__media .mf-hero__cup{
  position:absolute !important;
  inset:auto !important;
  right:max(1.5vw, .75rem) !important;
  top:50% !important;
  left:auto !important;
  bottom:auto !important;
  width:auto !important;
  height:min(108%, 390px) !important;
  max-width:min(42vw, 460px) !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:translateY(-50%) !important;
  filter:drop-shadow(0 22px 36px rgba(1,20,36,.5)) saturate(1.08) contrast(1.05) !important;
  animation:mfColHeroFloat 7s ease-in-out infinite alternate !important;
  mix-blend-mode:normal;
  z-index:1;
  /* knock out light studio backdrop */
  -webkit-mask-image: radial-gradient(ellipse 62% 72% at 50% 48%, #000 48%, transparent 78%);
  mask-image: radial-gradient(ellipse 62% 72% at 50% 48%, #000 48%, transparent 78%);
}
@keyframes mfColHeroFloat{
  from { transform:translateY(-50%) translateX(0) !important; }
  to { transform:translateY(calc(-50% - 7px)) translateX(-5px) !important; }
}
#mf-col .mf-hero__wash{
  position:absolute; inset:0; z-index:-1;
  background:linear-gradient(122deg, rgba(2, 60, 100, 0.92) 22%, rgba(0, 158, 187, 0.72) 53%, rgba(2, 60, 100, 0.35) 100%);
}

#mf-col .mf-hero__inner{
  position:relative; z-index:2;
  width:min(1140px, calc(100% - clamp(1.25rem, 3.2vw, 2.5rem))) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:clamp(1.6rem, 3.5vw, 2.35rem) 0 clamp(1.15rem, 2.4vw, 1.55rem) !important;
  animation:none !important;
}
#mf-col .mf-hero .mf-brand{
  display:inline-flex !important;
  align-items:center;
  gap:0.7rem;
  margin:0 0 0.5rem !important;
  padding:0 !important;
  background:transparent !important;
  color:inherit !important;
  font-size:inherit !important;
  letter-spacing:normal !important;
  text-transform:none !important;
}
#mf-col .mf-hero .mf-brand img{
  height:30px; width:auto;
  filter:brightness(0) invert(1);
}
#mf-col .mf-hero .mf-brand span{
  font-family:Poppins, Sans-serif;
  font-size:11.5px; font-weight:300;
  letter-spacing:1px; text-transform:uppercase;
  line-height:12px; color:#f5f5f5;
}
#mf-col .mf-hero h1{
  font-family:"DM Sans", Sans-serif !important;
  font-weight:500 !important;
  font-size:clamp(1.65rem, 3.2vw, 2.35rem) !important;
  line-height:1.12 !important;
  text-transform:capitalize;
  max-width:16ch;
  margin:0 0 0.45rem !important;
  letter-spacing:normal !important;
  color:#fff !important;
}
#mf-col .mf-hero__inner > p{
  margin:0 !important;
  max-width:46ch;
  font-family:Poppins, Sans-serif;
  font-size:14px !important;
  font-weight:300;
  line-height:1.35;
  letter-spacing:-0.5px;
  color:#f5f5f5 !important;
  background:transparent !important;
}
#mf-col .mf-hero .mf-cta,
#mf-col .mf-hero__cta{
  display:flex !important;
  flex-wrap:wrap;
  gap:0.5rem;
  margin:0.85rem 0 0 !important;
  padding:0 !important;
  width:auto !important;
  max-width:none !important;
  background:transparent !important;
  background-image:none !important;
  text-align:left !important;
  color:inherit !important;
}
#mf-col .mf-hero .mf-btn{
  display:inline-flex !important;
  align-items:center; justify-content:center;
  min-height:40px; padding:10px 12px;
  border:1px solid transparent;
  border-radius:0 !important;
  font-family:Inter, Sans-serif;
  font-size:13px; font-weight:400;
  text-transform:capitalize; line-height:1.2;
  text-decoration:none; box-shadow:none !important;
  transition:background-color .28s cubic-bezier(.22,1,.36,1), color .28s ease, border-color .28s ease, transform .28s cubic-bezier(.22,1,.36,1);
}
#mf-col .mf-hero .mf-btn--primary{
  background-color:#399db7 !important; color:#fff !important;
}
#mf-col .mf-hero .mf-btn--primary:hover{
  background-color:#023c64 !important; color:#399db7 !important;
}
#mf-col .mf-hero .mf-btn--ghost{
  background:transparent !important;
  border-color:rgba(255,255,255,.55) !important;
  color:#fff !important;
}
#mf-col .mf-hero .mf-btn--ghost:hover{
  background:rgba(255,255,255,.12) !important;
  border-color:#fff !important; color:#fff !important;
}
@media (hover:hover) and (pointer:fine){
  #mf-col .mf-hero .mf-btn:hover{ transform:translateY(-3px); }
}
@media (min-width:1025px) and (max-height:920px){
  #mf-col .mf-hero__inner{ padding:1.6rem 0 1.15rem !important; }
  #mf-col .mf-hero .mf-brand{ margin-bottom:0.35rem !important; }
  #mf-col .mf-hero .mf-brand img{ height:26px; }
  #mf-col .mf-hero h1{ font-size:clamp(1.45rem, 2.6vw, 2rem) !important; margin-bottom:0.35rem !important; }
  #mf-col .mf-hero__inner > p{ font-size:13.5px !important; line-height:1.3; }
  #mf-col .mf-hero .mf-cta, #mf-col .mf-hero__cta{ margin-top:0.65rem !important; }
  #mf-col .mf-hero .mf-btn{ min-height:38px; padding:9px 11px; }
  #mf-col .mf-hero__media img{ height:min(118%, 380px); }
}
@media (max-width:1024px){
  #mf-col .mf-hero__media img{
    max-width:min(42vw, 360px);
    height:min(110%, 340px);
    right:0.5rem;
  }
}
@media (max-width:767px){
  #mf-col .mf-hero__media::before{ opacity:.3; }
  #mf-col .mf-hero__media img{
    right:50%;
    transform:translate(50%, -42%);
    max-width:min(70vw, 280px);
    height:auto; max-height:200px;
    opacity:.5; animation:none;
  }
  #mf-col .mf-hero__wash{
    background:linear-gradient(180deg, rgba(2,60,100,.9) 20%, rgba(2,60,100,.94) 58%, rgba(0,158,187,.72) 100%);
  }
  #mf-col .mf-hero h1{ max-width:18ch; }
}
@media (prefers-reduced-motion:reduce){
  #mf-col .mf-hero__media img{ animation:none; }
}

/* COLLECTIONS CUP POLISH */
#mf-col .mf-hero__cup{
  -webkit-mask-image: radial-gradient(ellipse 58% 68% at 50% 46%, #000 42%, rgba(0,0,0,.85) 58%, transparent 76%) !important;
  mask-image: radial-gradient(ellipse 58% 68% at 50% 46%, #000 42%, rgba(0,0,0,.85) 58%, transparent 76%) !important;
  filter: drop-shadow(0 18px 28px rgba(1,20,36,.55)) saturate(1.1) contrast(1.06) !important;
}
@media (max-width:767px){
  #mf-col .mf-hero__cup{ opacity:.42; max-height:180px !important; }
}


/* COLLECTIONS HERO REDESIGN v4 */
#mf-col .mf-hero{
  position:relative;
  height:600px;
  min-height:600px;
  max-height:600px;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
  isolation:isolate;
  background:#012840;
}
#mf-col .mf-hero__stage{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
#mf-col .mf-hero__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center right;
  transform:scale(1.02);
  filter:saturate(1.05) contrast(1.04);
  animation:mfHeroBg 1.1s cubic-bezier(.22,1,.36,1) both;
}
#mf-col .mf-hero__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(105deg, rgba(1,30,48,.96) 0%, rgba(2,60,100,.88) 38%, rgba(2,60,100,.55) 58%, rgba(57,157,183,.22) 78%, rgba(232,241,245,.12) 100%),
    linear-gradient(180deg, rgba(1,24,40,.35) 0%, transparent 28%, rgba(1,24,40,.45) 100%);
}
#mf-col .mf-hero__glow{
  position:absolute;
  right:8%;
  top:50%;
  width:min(520px,46vw);
  height:min(520px,46vw);
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(57,157,183,.35) 0%, rgba(57,157,183,.08) 42%, transparent 70%);
  filter:blur(8px);
  animation:mfGlow 3.2s ease-in-out infinite alternate;
}
#mf-col .mf-hero__cup-wrap{
  position:absolute;
  right:clamp(1.5rem, 6vw, 5.5rem);
  top:50%;
  transform:translateY(-50%);
  width:min(420px, 38vw);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  animation:mfCupIn 1s .15s cubic-bezier(.22,1,.36,1) both;
}
#mf-col .mf-hero__cup-wrap::before{
  content:"";
  position:absolute;
  inset:8%;
  border-radius:28px;
  background:linear-gradient(145deg, rgba(255,255,255,.22), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 30px 60px rgba(1,24,40,.35), inset 0 1px 0 rgba(255,255,255,.25);
  backdrop-filter:blur(6px);
}
#mf-col .mf-hero__cup{
  position:relative;
  z-index:1;
  width:78%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 24px 36px rgba(1,24,40,.45));
  animation:mfCupFloat 5s ease-in-out infinite;
}
#mf-col .mf-hero__inner{
  position:relative;
  z-index:2;
  width:min(1320px, calc(100% - 48px));
  margin:0 auto;
  max-width:36rem;
  margin-left:max(24px, calc((100% - 1320px) / 2 + 24px));
  margin-right:auto;
  padding:0;
}
#mf-col .mf-hero__eyebrow{
  margin:0 0 .85rem;
  color:#9ed7e5;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#mf-col .mf-hero h1{
  margin:0 0 1rem;
  font-size:clamp(2.4rem, 4.2vw, 3.55rem);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.02em;
  color:#fff;
  text-shadow:0 10px 30px rgba(1,24,40,.35);
}
#mf-col .mf-hero__lead{
  margin:0 0 1.25rem;
  color:rgba(255,255,255,.9);
  font-size:clamp(1rem, 1.15vw, 1.12rem);
  line-height:1.65;
  max-width:34rem;
}
#mf-col .mf-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem .9rem;
  list-style:none;
  margin:0 0 1.6rem;
  padding:0;
}
#mf-col .mf-hero__meta li{
  position:relative;
  padding-left:1rem;
  color:#d7eef4;
  font-size:.84rem;
  font-weight:600;
  letter-spacing:.02em;
}
#mf-col .mf-hero__meta li::before{
  content:"";
  position:absolute;
  left:0; top:50%;
  width:6px; height:6px;
  border-radius:50%;
  background:#399db7;
  transform:translateY(-50%);
  box-shadow:0 0 0 3px rgba(57,157,183,.22);
}
#mf-col .mf-hero__cta{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}
#mf-col .mf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:.85rem 1.35rem;
  border-radius:10px;
  font-size:.92rem;
  font-weight:700;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
#mf-col .mf-btn--primary{
  background:#399db7;
  color:#fff;
  border:1px solid #399db7;
  box-shadow:0 12px 28px rgba(57,157,183,.35);
}
#mf-col .mf-btn--primary:hover{
  background:#2f8aa2;
  border-color:#2f8aa2;
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(57,157,183,.42);
}
#mf-col .mf-btn--ghost{
  background:rgba(255,255,255,.06);
  color:#fff;
  border:1px solid rgba(255,255,255,.55);
  backdrop-filter:blur(4px);
}
#mf-col .mf-btn--ghost:hover{
  background:rgba(255,255,255,.14);
  border-color:#fff;
  color:#fff;
  transform:translateY(-2px);
}
#mf-col .mf-rise{animation:mfRise .75s cubic-bezier(.22,1,.36,1) both}
#mf-col .mf-rise-2{animation-delay:.1s}
#mf-col .mf-rise-3{animation-delay:.18s}
#mf-col .mf-rise-4{animation-delay:.26s}
@keyframes mfRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes mfHeroBg{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1.02)}}
@keyframes mfCupIn{from{opacity:0;transform:translateY(-46%) translateX(24px) scale(.94)}to{opacity:1;transform:translateY(-50%)}}
@keyframes mfCupFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes mfGlow{from{opacity:.7;transform:translateY(-50%) scale(.96)}to{opacity:1;transform:translateY(-50%) scale(1.04)}}

/* Filter navigation (replaces AMPOPI plain text) */
#mf-col .mf-strip{display:none!important}
#mf-col .mf-filters{
  position:relative;
  z-index:3;
  margin-top:-28px;
  padding:0 0 8px;
}
#mf-col .mf-filters__bar{
  width:min(1320px, calc(100% - 48px));
  margin:0 auto;
  padding:18px 20px 16px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(2,60,100,.1);
  border-radius:16px;
  box-shadow:0 18px 40px rgba(2,60,100,.1);
  backdrop-filter:blur(10px);
}
#mf-col .mf-filters__tabs{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom:.85rem;
}
#mf-col .mf-tab{
  appearance:none;
  border:1px solid rgba(2,60,100,.14);
  background:#f3f7fa;
  color:#023c64;
  min-height:40px;
  padding:.55rem 1rem;
  border-radius:999px;
  font-size:.84rem;
  font-weight:700;
  letter-spacing:.01em;
  cursor:pointer;
  transition:all .18s ease;
}
#mf-col .mf-tab:hover{
  border-color:#399db7;
  color:#023c64;
  background:#e8f5f8;
}
#mf-col .mf-tab.is-active{
  background:#023c64;
  border-color:#023c64;
  color:#fff;
  box-shadow:0 8px 18px rgba(2,60,100,.22);
}
#mf-col .mf-filters__pills{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
}
#mf-col .mf-pill{
  appearance:none;
  border:1px solid rgba(57,157,183,.4);
  background:transparent;
  color:#023c64;
  min-height:32px;
  padding:.35rem .7rem;
  border-radius:8px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
  cursor:pointer;
  transition:all .18s ease;
}
#mf-col .mf-pill:hover{
  background:rgba(57,157,183,.12);
  border-color:#399db7;
}
#mf-col .mf-pill.is-active{
  background:#399db7;
  border-color:#399db7;
  color:#fff;
}
#mf-col .mf-filters__status{
  width:min(1320px, calc(100% - 48px));
  margin:10px auto 0;
  color:#5b6f7c;
  font-size:.82rem;
}
#mf-col .mf-card.is-filtered-out,
#mf-col .mf-card[hidden]{display:none!important}

@media (max-width:1100px){
  #mf-col .mf-hero__inner{max-width:30rem}
  #mf-col .mf-hero__cup-wrap{width:min(340px,34vw)}
}
@media (max-width:900px){
  #mf-col .mf-hero{
    height:auto;
    min-height:520px;
    max-height:none;
    align-items:flex-end;
    padding:48px 0 36px;
  }
  #mf-col .mf-hero__cup-wrap{
    width:min(280px,42vw);
    right:12px;
    top:auto;
    bottom:18px;
    transform:none;
    opacity:.95;
  }
  #mf-col .mf-hero__cup{animation:none}
  #mf-col .mf-hero__inner{
    margin:0 auto;
    width:min(1320px, calc(100% - 32px));
    max-width:100%;
    padding-right:min(46vw, 220px);
  }
  #mf-col .mf-filters{margin-top:-18px}
}
@media (max-width:640px){
  #mf-col .mf-hero{
    min-height:0;
    padding:36px 0 28px;
  }
  #mf-col .mf-hero__cup-wrap{display:none}
  #mf-col .mf-hero__bg{object-position:center center; filter:saturate(1.05) brightness(.85)}
  #mf-col .mf-hero__overlay{
    background:linear-gradient(180deg, rgba(1,30,48,.92) 0%, rgba(2,60,100,.88) 55%, rgba(2,60,100,.9) 100%);
  }
  #mf-col .mf-hero__inner{padding-right:0; width:calc(100% - 28px)}
  #mf-col .mf-hero h1{font-size:2.15rem}
  #mf-col .mf-hero__cta{flex-direction:column; align-items:stretch}
  #mf-col .mf-btn{width:100%}
  #mf-col .mf-filters__bar{width:calc(100% - 28px); padding:14px}
  #mf-col .mf-filters__status{width:calc(100% - 28px)}
  #mf-col .mf-tab{min-height:36px; font-size:.78rem; padding:.45rem .8rem}
}


/* COLLECTIONS HERO HEIGHT LOCK v5 */
@media (min-width:901px){
  #mf-col .mf-hero{
    height:600px!important;
    min-height:600px!important;
    max-height:600px!important;
    display:flex!important;
    align-items:center!important;
  }
}


/* COLLECTIONS HERO RESPONSIVE LOCK v6 */
@media (max-width:900px) and (min-width:641px){
  #mf-col .mf-hero{
    height:auto!important;
    min-height:520px!important;
    max-height:none!important;
    padding:56px 0 40px!important;
  }
}
@media (max-width:640px){
  #mf-col .mf-hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:36px 0 28px!important;
  }
}


/* COLLECTIONS HERO TYPE SCALE v7 */
#mf-col .mf-hero__inner{
  max-width:40rem!important;
}
#mf-col .mf-hero__eyebrow{
  margin:0 0 1.15rem!important;
  font-size:.92rem!important;
  letter-spacing:.18em!important;
}
#mf-col .mf-hero h1{
  margin:0 0 1.35rem!important;
  font-size:clamp(3rem, 4.8vw, 4.25rem)!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
}
#mf-col .mf-hero__lead{
  margin:0 0 1.65rem!important;
  font-size:clamp(1.12rem, 1.35vw, 1.28rem)!important;
  line-height:1.7!important;
  max-width:38rem!important;
}
#mf-col .mf-hero__meta{
  gap:.75rem 1.35rem!important;
  margin:0 0 2rem!important;
}
#mf-col .mf-hero__meta li{
  font-size:.98rem!important;
  padding-left:1.15rem!important;
}
#mf-col .mf-hero__meta li::before{
  width:8px!important;
  height:8px!important;
}
#mf-col .mf-hero__cta{
  gap:.9rem!important;
}
#mf-col .mf-hero .mf-btn{
  min-height:54px!important;
  padding:1rem 1.65rem!important;
  font-size:1.02rem!important;
  border-radius:12px!important;
}
@media (max-width:900px){
  #mf-col .mf-hero h1{font-size:clamp(2.55rem, 5.5vw, 3.4rem)!important}
  #mf-col .mf-hero__lead{font-size:1.08rem!important; margin-bottom:1.35rem!important}
  #mf-col .mf-hero__meta{margin-bottom:1.55rem!important}
  #mf-col .mf-hero .mf-btn{min-height:48px!important; padding:.9rem 1.35rem!important; font-size:.95rem!important}
}
@media (max-width:640px){
  #mf-col .mf-hero__eyebrow{font-size:.82rem!important; margin-bottom:.9rem!important}
  #mf-col .mf-hero h1{font-size:2.45rem!important; margin-bottom:1rem!important}
  #mf-col .mf-hero__lead{font-size:1.02rem!important; line-height:1.65!important; margin-bottom:1.2rem!important}
  #mf-col .mf-hero__meta{gap:.55rem .9rem!important; margin-bottom:1.35rem!important}
  #mf-col .mf-hero__meta li{font-size:.88rem!important}
  #mf-col .mf-hero .mf-btn{min-height:48px!important; font-size:.95rem!important}
}


/* COLLECTIONS HERO TYPE SCALE v8 */
#mf-col .mf-hero__inner > p.mf-hero__eyebrow{
  margin:0 0 1.2rem!important;
  font-size:.95rem!important;
  letter-spacing:.18em!important;
  line-height:1.4!important;
}
#mf-col .mf-hero__inner > h1{
  margin:0 0 1.4rem!important;
  font-size:clamp(3.1rem, 5vw, 4.35rem)!important;
  line-height:1.02!important;
}
#mf-col .mf-hero__inner > p.mf-hero__lead{
  margin:0 0 1.75rem!important;
  font-size:clamp(1.15rem, 1.4vw, 1.32rem)!important;
  line-height:1.72!important;
  max-width:38rem!important;
}
#mf-col .mf-hero__inner > .mf-hero__meta{
  gap:.8rem 1.4rem!important;
  margin:0 0 2.1rem!important;
}
#mf-col .mf-hero__inner > .mf-hero__meta li{
  font-size:1.02rem!important;
  padding-left:1.2rem!important;
}
#mf-col .mf-hero__inner > .mf-hero__cta{
  gap:1rem!important;
}
#mf-col .mf-hero__inner > .mf-hero__cta .mf-btn{
  min-height:56px!important;
  padding:1.05rem 1.75rem!important;
  font-size:1.05rem!important;
  border-radius:12px!important;
}
@media (max-width:900px){
  #mf-col .mf-hero__inner > h1{font-size:clamp(2.6rem,5.5vw,3.45rem)!important}
  #mf-col .mf-hero__inner > p.mf-hero__lead{font-size:1.1rem!important;margin-bottom:1.4rem!important}
  #mf-col .mf-hero__inner > .mf-hero__meta{margin-bottom:1.6rem!important}
  #mf-col .mf-hero__inner > .mf-hero__cta .mf-btn{min-height:50px!important;font-size:.98rem!important;padding:.95rem 1.4rem!important}
}
@media (max-width:640px){
  #mf-col .mf-hero__inner > p.mf-hero__eyebrow{font-size:.84rem!important;margin-bottom:.95rem!important}
  #mf-col .mf-hero__inner > h1{font-size:2.5rem!important;margin-bottom:1.05rem!important}
  #mf-col .mf-hero__inner > p.mf-hero__lead{font-size:1.05rem!important;margin-bottom:1.25rem!important}
  #mf-col .mf-hero__inner > .mf-hero__meta{margin-bottom:1.4rem!important}
  #mf-col .mf-hero__inner > .mf-hero__meta li{font-size:.9rem!important}
}




/* COLLECTIONS HERO ALIGN v10 */
/* Left-align under logo; keep cup clear on the right */
#mf-col .mf-hero__inner{
  width:min(1295px, calc(100% - 48px))!important;
  max-width:none!important;
  margin-left:max(24px, calc((100% - 1320px) / 2 + 25px))!important;
  margin-right:auto!important;
  padding-right:min(500px, 38vw)!important;
  box-sizing:border-box!important;
  text-align:left!important;
}
#mf-col .mf-hero__inner > p.mf-hero__lead{
  max-width:36rem!important;
}
#mf-col .mf-hero__cup-wrap{
  right:max(24px, calc((100% - 1320px) / 2))!important;
  left:auto!important;
  width:min(380px, 30vw)!important;
}
#mf-col .mf-hero__glow{
  right:max(36px, calc((100% - 1320px) / 2 + 12px))!important;
  width:min(460px, 32vw)!important;
  height:min(460px, 32vw)!important;
}
@media (max-width:1400px){
  #mf-col .mf-hero__inner{padding-right:min(440px, 36vw)!important}
  #mf-col .mf-hero__cup-wrap{width:min(340px, 28vw)!important}
}
@media (max-width:1100px){
  #mf-col .mf-hero__inner{
    margin-left:max(16px, calc((100% - 1320px) / 2 + 16px))!important;
    padding-right:min(320px, 34vw)!important;
  }
  #mf-col .mf-hero__cup-wrap{width:min(280px, 30vw)!important; right:16px!important}
}
@media (max-width:900px){
  #mf-col .mf-hero__inner{
    width:min(1320px, calc(100% - 32px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-right:min(250px, 40vw)!important;
  }
  #mf-col .mf-hero__cup-wrap{right:12px!important; width:min(230px, 36vw)!important}
}
@media (max-width:640px){
  #mf-col .mf-hero__inner{
    width:calc(100% - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-right:0!important;
  }
}


/* COLLECTIONS READ RESULTS v1 */
#mf-col .mf-read{
  background:#fff;
}
#mf-col .mf-read__head{
  max-width:46rem;
  margin-bottom:2rem;
}
#mf-col .mf-read__eyebrow{
  margin:0 0 .7rem;
  color:#399db7;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
#mf-col .mf-read .mf-head h2{
  margin:0 0 .9rem;
  font-size:clamp(1.7rem, 2.4vw, 2.15rem);
  line-height:1.2;
  color:#023c64;
}
#mf-col .mf-read .mf-head p{
  margin:0;
  color:#5b6f7c;
  font-size:1.05rem;
  line-height:1.7;
}
#mf-col .mf-read-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;
  gap:clamp(1.5rem, 3vw, 2.75rem)!important;
  align-items:stretch!important;
}
#mf-col .mf-read .mf-photo{
  margin:0!important;
  height:100%;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  border:1px solid rgba(2,60,100,.1);
  background:linear-gradient(180deg,#f7fafc 0%,#eef4f7 100%);
  overflow:hidden;
}
#mf-col .mf-read .mf-photo img{
  width:100%;
  height:auto;
  object-fit:contain;
  display:block;
}
#mf-col .mf-results{
  display:flex!important;
  flex-direction:column;
  gap:14px;
  height:100%;
  min-height:100%;
}
#mf-col .mf-res{
  position:relative;
  flex:1 1 0;
  display:grid;
  grid-template-columns:56px 1fr;
  gap:16px;
  align-items:start;
  padding:1.15rem 1.2rem 1.15rem 1.1rem;
  border-radius:16px;
  border:1px solid rgba(2,60,100,.1);
  background:#fff;
  box-shadow:0 10px 28px rgba(2,60,100,.04);
  overflow:hidden;
  transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease, border-color .28s ease;
}
#mf-col .mf-res::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:3px;
  background:#399db7;
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}
#mf-col .mf-res--pos::before{background:#dc2626}
#mf-col .mf-res--neg::before{background:#16a34a}
#mf-col .mf-res--inv::before{background:#d97706}
#mf-col .mf-res:hover{
  transform:translateY(-3px);
  border-color:rgba(57,157,183,.28);
  box-shadow:0 16px 36px rgba(2,60,100,.09);
}
#mf-col .mf-res:hover::before{transform:scaleY(1)}
#mf-col .mf-res__icon{
  width:56px;
  height:56px;
  flex:0 0 56px;
}
#mf-col .mf-res__icon svg{
  width:56px;
  height:56px;
  display:block;
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}
#mf-col .mf-res:hover .mf-res__icon svg{transform:scale(1.05) rotate(-2deg)}
#mf-col .mf-res__body{min-width:0}
#mf-col .mf-res__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:.45rem;
}
#mf-col .mf-res h3{
  margin:0;
  color:#023c64;
  font-size:1.12rem;
  line-height:1.25;
  font-weight:750;
}
#mf-col .mf-res__chip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:.2rem .55rem;
  border-radius:999px;
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.04em;
  text-transform:uppercase;
}
#mf-col .mf-res__chip--pos{background:#fee2e2;color:#b91c1c}
#mf-col .mf-res__chip--neg{background:#dcfce7;color:#15803d}
#mf-col .mf-res__chip--inv{background:#fef3c7;color:#b45309}
#mf-col .mf-res p{
  margin:0 0 .7rem;
  color:#5b6f7c;
  font-size:.95rem;
  line-height:1.6;
}
#mf-col .mf-res p a{color:#399db7;font-weight:650;text-decoration:none}
#mf-col .mf-res p a:hover{text-decoration:underline}
#mf-col .mf-res__points{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.35rem;
}
#mf-col .mf-res__points li{
  position:relative;
  padding-left:1rem;
  color:#466274;
  font-size:.82rem;
  line-height:1.45;
  font-weight:600;
}
#mf-col .mf-res__points li::before{
  content:"";
  position:absolute;
  left:0; top:.55em;
  width:6px; height:6px;
  border-radius:50%;
  background:#399db7;
}
#mf-col .mf-res--pos .mf-res__points li::before{background:#dc2626}
#mf-col .mf-res--neg .mf-res__points li::before{background:#16a34a}
#mf-col .mf-res--inv .mf-res__points li::before{background:#d97706}
#mf-col .mf-read .mf-cite{
  margin:1.5rem 0 0;
  padding-top:1rem;
  border-top:1px solid rgba(2,60,100,.08);
  color:#8a9aa5;
  font-size:.86rem;
  line-height:1.55;
}
#mf-col .mf-read .mf-cite a{color:#399db7}

/* entrance */
#mf-col .mf-res{
  animation:mfResIn .7s cubic-bezier(.22,1,.36,1) both;
}
#mf-col .mf-res--pos{animation-delay:.05s}
#mf-col .mf-res--neg{animation-delay:.14s}
#mf-col .mf-res--inv{animation-delay:.23s}
@keyframes mfResIn{
  from{opacity:0; transform:translateY(14px)}
  to{opacity:1; transform:none}
}

@media (max-width:900px){
  #mf-col .mf-read-grid{
    grid-template-columns:1fr!important;
    gap:1.35rem!important;
  }
  #mf-col .mf-results{min-height:0}
  #mf-col .mf-res{flex:0 0 auto}
}
@media (max-width:640px){
  #mf-col .mf-res{
    grid-template-columns:48px 1fr;
    gap:12px;
    padding:1rem;
  }
  #mf-col .mf-res__icon,
  #mf-col .mf-res__icon svg{width:48px;height:48px}
  #mf-col .mf-res__top{flex-wrap:wrap}
  #mf-col .mf-res h3{font-size:1.02rem}
}


/* COLLECTIONS STANDARD SECTION v1 */
#mf-col .mf-standard{
  position:relative;
  background:
    radial-gradient(900px 420px at 8% 0%, rgba(57,157,183,.10), transparent 60%),
    linear-gradient(180deg, #f5f8fa 0%, #ffffff 48%, #ffffff 100%);
  overflow:hidden;
}
#mf-col .mf-standard__grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);
  gap:clamp(1.75rem, 3.5vw, 3.25rem);
  align-items:start;
}
#mf-col .mf-standard__intro{
  position:sticky;
  top:110px;
}
#mf-col .mf-standard__eyebrow{
  margin:0 0 .85rem;
  color:#399db7;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
#mf-col .mf-standard__intro h2{
  margin:0 0 1rem;
  color:#023c64;
  font-size:clamp(1.75rem, 2.6vw, 2.35rem);
  line-height:1.18;
  letter-spacing:-.02em;
}
#mf-col .mf-standard__lead{
  margin:0 0 1.4rem;
  color:#5b6f7c;
  font-size:1.06rem;
  line-height:1.7;
}
#mf-col .mf-standard__tags{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
#mf-col .mf-standard__tags li{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:.35rem .8rem;
  border-radius:999px;
  background:rgba(2,60,100,.06);
  border:1px solid rgba(2,60,100,.1);
  color:#023c64;
  font-size:.78rem;
  font-weight:700;
}
#mf-col .mf-standard__cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
#mf-col .mf-std-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:1.25rem 1.2rem 1.3rem;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(2,60,100,.1);
  box-shadow:0 12px 30px rgba(2,60,100,.045);
  overflow:hidden;
  transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease, border-color .28s ease;
  animation:mfStdIn .7s cubic-bezier(.22,1,.36,1) both;
}
#mf-col .mf-std-card--1{animation-delay:.04s}
#mf-col .mf-std-card--2{animation-delay:.12s}
#mf-col .mf-std-card--3{animation-delay:.2s}
#mf-col .mf-std-card--4{animation-delay:.28s}
@keyframes mfStdIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
#mf-col .mf-std-card::after{
  content:"";
  position:absolute;
  inset:auto -20% -40% auto;
  width:140px; height:140px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(57,157,183,.12), transparent 70%);
  pointer-events:none;
  transition:transform .4s ease;
}
#mf-col .mf-std-card:hover{
  transform:translateY(-4px);
  border-color:rgba(57,157,183,.3);
  box-shadow:0 18px 40px rgba(2,60,100,.09);
}
#mf-col .mf-std-card:hover::after{transform:scale(1.2)}
#mf-col .mf-std-card__icon{
  width:48px; height:48px;
}
#mf-col .mf-std-card__icon svg{
  width:48px; height:48px; display:block;
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}
#mf-col .mf-std-card:hover .mf-std-card__icon svg{transform:scale(1.06)}
#mf-col .mf-std-card__body{position:relative; z-index:1}
#mf-col .mf-std-card__num{
  display:inline-block;
  margin-bottom:.45rem;
  color:#399db7;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
}
#mf-col .mf-std-card h3{
  margin:0 0 .55rem;
  color:#023c64;
  font-size:1.08rem;
  line-height:1.3;
  font-weight:750;
}
#mf-col .mf-std-card p{
  margin:0;
  color:#5b6f7c;
  font-size:.92rem;
  line-height:1.65;
}
#mf-col .mf-std-card a{
  color:#399db7;
  font-weight:650;
  text-decoration:none;
  border-bottom:1px solid rgba(57,157,183,.35);
  transition:border-color .2s ease, color .2s ease;
}
#mf-col .mf-std-card a:hover{
  color:#023c64;
  border-bottom-color:#023c64;
}
@media (max-width:980px){
  #mf-col .mf-standard__grid{grid-template-columns:1fr; gap:1.5rem}
  #mf-col .mf-standard__intro{position:static}
}
@media (max-width:700px){
  #mf-col .mf-standard__cards{grid-template-columns:1fr}
  #mf-col .mf-std-card{padding:1.15rem}
}


/* COLLECTIONS CTA REDESIGN v1 */
#mf-col .mf-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff!important;
  padding:clamp(4rem, 7vw, 5.75rem) 0!important;
  background:#012840;
}
#mf-col .mf-cta__media{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
#mf-col .mf-cta__bg{
  position:absolute;
  inset:-4%;
  width:108%;
  height:108%;
  object-fit:cover;
  object-position:center right;
  transform-origin:60% 40%;
  animation:mfCtaKen 22s ease-in-out infinite alternate;
  filter:saturate(1.05) contrast(1.05);
}
#mf-col .mf-cta__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(105deg, rgba(1,28,44,.94) 0%, rgba(2,60,100,.82) 42%, rgba(2,60,100,.55) 68%, rgba(57,157,183,.28) 100%),
    linear-gradient(180deg, rgba(1,24,40,.25) 0%, rgba(1,24,40,.35) 100%);
}
#mf-col .mf-cta__orb{
  position:absolute;
  border-radius:50%;
  filter:blur(8px);
  opacity:.7;
}
#mf-col .mf-cta__orb--1{
  width:min(420px,45vw);
  height:min(420px,45vw);
  right:8%;
  top:50%;
  transform:translateY(-50%);
  background:radial-gradient(circle, rgba(57,157,183,.45) 0%, rgba(57,157,183,.08) 45%, transparent 70%);
  animation:mfCtaOrb 8s ease-in-out infinite alternate;
}
#mf-col .mf-cta__orb--2{
  width:min(280px,35vw);
  height:min(280px,35vw);
  left:12%;
  bottom:-18%;
  background:radial-gradient(circle, rgba(157,215,229,.28) 0%, transparent 70%);
  animation:mfCtaOrb2 10s ease-in-out infinite alternate;
}
#mf-col .mf-cta__shine{
  position:absolute;
  inset:0;
  background:linear-gradient(115deg, transparent 35%, rgba(255,255,255,.08) 48%, transparent 62%);
  background-size:220% 100%;
  animation:mfCtaShine 7s ease-in-out infinite;
}
#mf-col .mf-cta__inner{
  position:relative;
  z-index:2;
  max-width:42rem;
  margin-left:max(24px, calc((100% - 1320px) / 2 + 25px))!important;
  margin-right:auto!important;
  width:min(1295px, calc(100% - 48px))!important;
}
#mf-col .mf-cta__eyebrow,
#mf-col .mf-cta .mf-brand{
  margin:0 0 .9rem!important;
  color:#9ed7e5!important;
  font-size:.82rem!important;
  font-weight:700!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
#mf-col .mf-cta h2{
  margin:0 0 1rem!important;
  color:#ffffff!important;
  font-size:clamp(2rem, 3.6vw, 3rem)!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  font-weight:800!important;
  text-shadow:0 10px 28px rgba(1,24,40,.35);
}
#mf-col .mf-cta__lead,
#mf-col .mf-cta .mf-wrap > p:not(.mf-brand):not(.mf-cta__eyebrow){
  margin:0 0 1.6rem!important;
  color:rgba(255,255,255,.9)!important;
  font-size:clamp(1.02rem, 1.2vw, 1.15rem)!important;
  line-height:1.7!important;
  max-width:36rem;
}
#mf-col .mf-cta__actions,
#mf-col .mf-cta .mf-hero-cta{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
}
#mf-col .mf-cta .mf-btn{
  min-height:52px!important;
  padding:.95rem 1.5rem!important;
  border-radius:12px!important;
  font-size:1rem!important;
  font-weight:700!important;
}
#mf-col .mf-cta .mf-btn--primary,
#mf-col .mf-cta .mf-btn-primary{
  background:#399db7!important;
  border:1px solid #399db7!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(57,157,183,.35);
}
#mf-col .mf-cta .mf-btn--primary:hover,
#mf-col .mf-cta .mf-btn-primary:hover{
  background:#2f8aa2!important;
  transform:translateY(-2px);
}
#mf-col .mf-cta .mf-btn--ghost,
#mf-col .mf-cta .mf-btn-ghost{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.65)!important;
  color:#fff!important;
  backdrop-filter:blur(4px);
}
#mf-col .mf-cta .mf-btn--ghost:hover,
#mf-col .mf-cta .mf-btn-ghost:hover{
  background:rgba(255,255,255,.16)!important;
  border-color:#fff!important;
  color:#fff!important;
  transform:translateY(-2px);
}
@keyframes mfCtaKen{
  from{transform:scale(1) translate3d(0,0,0)}
  to{transform:scale(1.08) translate3d(-1.5%, 1%, 0)}
}
@keyframes mfCtaOrb{
  from{transform:translateY(-50%) scale(.92); opacity:.55}
  to{transform:translateY(-46%) scale(1.08); opacity:.85}
}
@keyframes mfCtaOrb2{
  from{transform:translate3d(0,0,0); opacity:.4}
  to{transform:translate3d(8%, -10%, 0); opacity:.75}
}
@keyframes mfCtaShine{
  0%{background-position:120% 0}
  100%{background-position:-40% 0}
}
@media (prefers-reduced-motion:reduce){
  #mf-col .mf-cta__bg,
  #mf-col .mf-cta__orb,
  #mf-col .mf-cta__shine{animation:none!important}
}
@media (max-width:900px){
  #mf-col .mf-cta__inner{
    margin-left:auto!important;
    margin-right:auto!important;
    width:min(1320px, calc(100% - 32px))!important;
  }
}
@media (max-width:640px){
  #mf-col .mf-cta{padding:3.25rem 0!important}
  #mf-col .mf-cta__inner{width:calc(100% - 28px)!important}
  #mf-col .mf-cta__actions,
  #mf-col .mf-cta .mf-hero-cta{flex-direction:column; align-items:stretch}
  #mf-col .mf-cta .mf-btn{width:100%; justify-content:center}
}


/* COLLECTIONS CTA EDGE FIX v2 */
/* Remove light side strip + keep full-bleed navy treatment */
#mf-col .mf-cta{
  background:#012840!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
#mf-col .mf-cta__media{
  inset:0!important;
  overflow:hidden!important;
  background:#012840!important;
}
#mf-col .mf-cta__bg{
  inset:-12%!important;
  width:124%!important;
  height:124%!important;
  left:-12%!important;
  top:-12%!important;
  object-fit:cover!important;
  object-position:center center!important;
  animation:mfCtaKenSafe 24s ease-in-out infinite alternate!important;
}
#mf-col .mf-cta__overlay{
  background:
    linear-gradient(90deg, rgba(1,24,40,.96) 0%, rgba(2,48,80,.9) 38%, rgba(2,60,100,.86) 70%, rgba(2,52,86,.9) 100%),
    linear-gradient(180deg, rgba(1,24,40,.35) 0%, rgba(1,24,40,.45) 100%)!important;
}
#mf-col .mf-cta__orb--1{
  right:6%!important;
  background:radial-gradient(circle, rgba(57,157,183,.28) 0%, rgba(57,157,183,.06) 42%, transparent 70%)!important;
}
#mf-col .mf-cta__orb--2{
  background:radial-gradient(circle, rgba(57,157,183,.16) 0%, transparent 70%)!important;
}
#mf-col .mf-cta__shine{
  background:linear-gradient(115deg, transparent 40%, rgba(255,255,255,.05) 50%, transparent 60%)!important;
}
@keyframes mfCtaKenSafe{
  from{transform:scale(1.02)}
  to{transform:scale(1.1)}
}


/* COLLECTIONS CTA FULL BLEED v3 */
/* Root cause: theme img{max-width:100%} capped bg width, left offset created right gap */
#mf-col .mf-cta,
#mf-col #mf-cta{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  left:auto!important;
  right:auto!important;
  overflow:hidden!important;
  background:#012840!important;
}
#mf-col .mf-cta__media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
#mf-col .mf-cta__bg{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-width:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform-origin:center center!important;
  animation:mfCtaKenCover 24s ease-in-out infinite alternate!important;
}
#mf-col .mf-cta__overlay{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:
    linear-gradient(90deg, rgba(1,24,40,.95) 0%, rgba(2,52,86,.88) 45%, rgba(2,60,100,.84) 100%)!important;
}
@keyframes mfCtaKenCover{
  from{transform:scale(1)}
  to{transform:scale(1.08)}
}

/* COLLECTIONS RESPONSIVE PASS v1 */
/* Full-page responsive polish for Collections (#mf-col) */
#mf-col{
  overflow-x:clip;
  max-width:100%;
}
#mf-col .mf-scroll{
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}

/* Prefer content-box full bleed over 100vw (avoids scrollbar gutter gaps) */
#mf-col .mf-cta,
#mf-col #mf-cta{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  left:0!important;
  right:0!important;
}

/* Desktop density: 3 cols before collapsing to 2 */
@media (max-width:1280px) and (min-width:1101px){
  #mf-col .mf-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Large tablet / small laptop */
@media (max-width:1100px){
  #mf-col .mf-sec{padding:64px 0}
  #mf-col .mf-filters__bar,
  #mf-col .mf-filters__status{
    width:min(1320px, calc(100% - 32px))!important;
  }
  #mf-col .mf-wrap{width:min(1320px, calc(100% - 32px))}
}

/* Tablet */
@media (max-width:900px){
  #mf-col .mf-sec{padding:56px 0}
  #mf-col .mf-filters{margin-top:-20px}
  #mf-col .mf-filters__bar{
    padding:14px 14px 12px!important;
    border-radius:14px!important;
  }
  #mf-col .mf-tab{
    min-height:38px!important;
    padding:.5rem .85rem!important;
    font-size:.8rem!important;
  }
  #mf-col .mf-pill{
    min-height:30px!important;
    padding:.3rem .6rem!important;
    font-size:.68rem!important;
  }
  #mf-col .mf-hero__cta{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:.7rem!important;
  }
  #mf-col .mf-hero .mf-btn{
    width:100%!important;
    justify-content:center!important;
  }
  #mf-col .mf-card-img{padding:20px 14px 10px}
  #mf-col .mf-card-img img{max-height:170px}
  #mf-col .mf-card-body{padding:14px 14px 16px}
  #mf-col .mf-faqs{
    grid-template-columns:1fr 1fr!important;
    gap:10px 14px!important;
  }
  #mf-col .mf-cta__inner{
    margin-left:auto!important;
    margin-right:auto!important;
    width:min(1320px, calc(100% - 32px))!important;
  }
  #mf-col .mf-table{
    font-size:.82rem;
  }
  #mf-col .mf-table th,
  #mf-col .mf-table td{
    padding:.55rem .65rem!important;
    white-space:nowrap;
  }
}

/* Mobile */
@media (max-width:640px){
  #mf-col .mf-sec{padding:44px 0!important}
  #mf-col .mf-wrap{width:min(1320px, calc(100% - 24px))!important}
  #mf-col .mf-filters{margin-top:-16px;padding-bottom:4px}
  #mf-col .mf-filters__bar,
  #mf-col .mf-filters__status{
    width:min(1320px, calc(100% - 24px))!important;
  }
  #mf-col .mf-filters__bar{
    padding:12px!important;
    border-radius:12px!important;
  }
  #mf-col .mf-filters__tabs{
    gap:.4rem!important;
    margin-bottom:.7rem!important;
  }
  #mf-col .mf-tab{
    min-height:36px!important;
    padding:.45rem .72rem!important;
    font-size:.76rem!important;
  }
  #mf-col .mf-pill{
    min-height:28px!important;
    padding:.28rem .55rem!important;
    font-size:.64rem!important;
    letter-spacing:.04em!important;
  }
  #mf-col .mf-filters__status{font-size:.78rem!important;margin-top:8px!important}

  /* Hero: tighter type + stacked CTAs; cup stays hidden for clarity */
  #mf-col .mf-hero{
    padding:28px 0 22px!important;
    min-height:0!important;
  }
  #mf-col .mf-hero__inner{
    width:calc(100% - 24px)!important;
    padding-right:0!important;
  }
  #mf-col .mf-hero h1{
    font-size:clamp(2rem, 8.2vw, 2.35rem)!important;
    line-height:1.08!important;
  }
  #mf-col .mf-hero__lead{
    font-size:.98rem!important;
    line-height:1.6!important;
  }
  #mf-col .mf-hero__meta{
    gap:.45rem .75rem!important;
  }
  #mf-col .mf-hero__meta li{font-size:.82rem!important}
  #mf-col .mf-hero__cta{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:.65rem!important;
  }
  #mf-col .mf-hero .mf-btn{
    width:100%!important;
    min-height:46px!important;
  }

  /* Product cards */
  #mf-col .mf-grid{gap:16px!important}
  #mf-col .mf-card-img{padding:16px 12px 8px}
  #mf-col .mf-card-img img{max-height:150px}
  #mf-col .mf-card-body{padding:12px 12px 14px;gap:6px}
  #mf-col .mf-card-body h3{font-size:.95rem!important}
  #mf-col .mf-chips{font-size:.72rem;line-height:1.45}

  /* Read results */
  #mf-col .mf-read .mf-head h2{font-size:1.55rem!important}
  #mf-col .mf-read .mf-head p{font-size:.98rem!important}
  #mf-col .mf-res{
    grid-template-columns:44px 1fr!important;
    gap:10px!important;
    padding:.9rem!important;
  }
  #mf-col .mf-res__icon,
  #mf-col .mf-res__icon svg{width:44px!important;height:44px!important}
  #mf-col .mf-res h3{font-size:1rem!important}
  #mf-col .mf-res p{font-size:.9rem!important}

  /* Standard */
  #mf-col .mf-standard__intro h2{font-size:1.55rem!important}
  #mf-col .mf-standard__lead{font-size:.98rem!important;margin-bottom:1.1rem!important}
  #mf-col .mf-standard__cards{gap:12px!important}
  #mf-col .mf-std-card{padding:1rem!important;gap:12px!important}
  #mf-col .mf-std-card h3{font-size:1.02rem!important}
  #mf-col .mf-std-card p{font-size:.88rem!important}

  /* Choose / Used / FAQ / tables */
  #mf-col .mf-choose-grid,
  #mf-col .mf-used-grid{gap:16px!important}
  #mf-col .mf-faqs{grid-template-columns:1fr!important;gap:8px!important}
  #mf-col .mf-faqs details{
    padding:.85rem 1rem!important;
  }
  #mf-col .mf-faqs summary{
    font-size:.95rem!important;
    line-height:1.35!important;
  }
  #mf-col .mf-scroll{
    margin-inline:-4px;
    padding-inline:4px;
  }
  #mf-col .mf-table{
    font-size:.78rem!important;
  }

  /* CTA */
  #mf-col .mf-cta,
  #mf-col #mf-cta{
    padding:2.75rem 0!important;
  }
  #mf-col .mf-cta__inner{
    width:calc(100% - 24px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #mf-col .mf-cta h2{
    font-size:clamp(1.55rem, 7vw, 1.9rem)!important;
  }
  #mf-col .mf-cta__lead{
    font-size:.98rem!important;
    margin-bottom:1.25rem!important;
  }
  #mf-col .mf-cta__actions,
  #mf-col .mf-cta .mf-hero-cta{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:.65rem!important;
  }
  #mf-col .mf-cta .mf-btn{
    width:100%!important;
    justify-content:center!important;
    min-height:48px!important;
  }
}

/* Very small phones */
@media (max-width:380px){
  #mf-col .mf-hero h1{font-size:1.85rem!important}
  #mf-col .mf-tab{padding:.4rem .62rem!important;font-size:.72rem!important}
  #mf-col .mf-wrap,
  #mf-col .mf-filters__bar,
  #mf-col .mf-filters__status,
  #mf-col .mf-hero__inner,
  #mf-col .mf-cta__inner{width:calc(100% - 20px)!important}
}

/* Reduce motion already handled elsewhere; keep hover transforms off on coarse pointers */
@media (hover:none){
  #mf-col .mf-card:hover,
  #mf-col .mf-res:hover,
  #mf-col .mf-std-card:hover,
  #mf-col .mf-btn:hover{
    transform:none!important;
  }
}
/* END COLLECTIONS RESPONSIVE PASS v1 */