/** Shopify CDN: Minification failed

Line 1012:0 Unexpected "}"

**/
/* 
   EN LA BRUMA - MASTER CART SYSTEM CSS
   Centralized Design tokens for Drawers & Pages
*/

:root {
    --brand-bg: #FFFFFF;
    --brand-dark-green: #3D442D;
    --font-heading: 'Playfair Display', serif;
}

/* Global Section Resets */
.section-background.editorial-bg,
.cart-drawer__dialog,
.cart-drawer__inner,
.cart-editorial-page {
    background-color: var(--brand-bg) !important;
}

/* Universal Typography */
.cart-title,
.cart-drawer__heading,
.cart-editorial-card__title,
.cart-items__title-serif {
    font-family: var(--font-heading) !important;
    color: var(--brand-dark-green) !important;
    text-transform: none !important;
    font-weight: 400 !important;
}

/* Width & Alignment Enforcement */
.cart-items__stable-list,
.cart-items__editorial-container {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.cart-item__editorial-item {
    width: 100% !important;
    max-width: 1100px !important;
    transition: all var(--animation-speed-slow) var(--animation-easing) !important;
}

.cart-item__editorial-item.removing {
    opacity: 0 !important;
    transform: scale(0.95) !important;
    filter: blur(8px) !important;
    pointer-events: none !important;
}

.cart-items-disabled {
    opacity: 0.6 !important;
    filter: grayscale(0.5) !important;
    transition: opacity 0.4s ease, filter 0.4s ease !important;
}

/* Neutralize all theme "red" or "scheme" backgrounds in cart context */
.cart-page__summary,
.cart-totals,
.cart-totals__container,
.cart-actions {
    background-color: transparent !important;
    background: transparent !important;
    border-color: rgba(61, 68, 45, 0.1) !important;
}

/* Checkout Button Consistency */
.cart-summary-editorial__checkout-btn {
    transition: all 0.3s ease;
}

.cart-summary-editorial__checkout-btn:hover {
    background-color: #2D3322 !important;
    transform: translateY(-1px);
}

/* Drawer Specifics */
.cart-drawer__header {
    background-color: var(--brand-bg) !important;
    padding: 2.5rem 2rem !important;
    border-bottom: none !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.cart-drawer__heading {
    font-size: 1.8rem !important;
    padding-right: 3.5rem !important; /* Safety zone for the X button */
    line-height: 1.1 !important;
    margin: 0 !important;
}

.cart-drawer__close-button {
    position: absolute !important;
    top: 50% !important;
    right: 2rem !important;
    transform: translateY(-50%) !important;
    z-index: 100 !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    color: var(--brand-dark-green) !important;
    background: transparent !important;
    border: none !important;
}

.cart-drawer__close-button span.svg-wrapper {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
}

.cart-drawer__close-button svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

@media screen and (max-width: 749px) {
    .cart-drawer__header {
        padding: 1.5rem 1.5rem !important;
        min-height: 60px !important;
    }
    
    .cart-drawer__close-button {
        right: 1rem !important;
    }

    .cart-drawer__heading {
        font-size: 1.5rem !important;
        padding-right: 2.5rem !important;
    }
}

/* Editorial Recommendations (/cart page & drawer) */
.product-list,
.cart-drawer__recommendations {
    background-color: var(--brand-bg) !important;
    padding: 8rem 0 !important;
}

.product-list h3,
.cart-drawer__recommendations-title {
    font-family: var(--font-heading) !important;
    font-size: 1.8rem !important;
    text-align: center !important;
    width: 100% !important;
    margin-bottom: 4rem !important;
    color: var(--brand-dark-green) !important;
    letter-spacing: -0.01em;
    text-transform: none !important;
}

.product-list .group-block-content {
    justify-content: center !important;
    text-align: center !important;
}

/* Product Items List */
.cart-item__editorial-item {
    padding: 8rem 0 !important;
    border-bottom: 0.5px solid rgba(61, 68, 45, 0.1) !important;
}

.cart-item__editorial-item:last-child {
    border-bottom: none !important;
}

/* Luxury Quantity Selector Refinement */
.luxury-qty-selector {
    border: none !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    gap: 1.5rem !important;
}

/* Global Architectural Constraint (1950px) */
:root {
    --narrow-page-width: 121.875rem !important;
    --normal-page-width: 121.875rem !important;
    --wide-page-width: 121.875rem !important;
}

/* Fallback Safety Layer for universal content containment */
.page-width,
.section-wrapper,
[class*="container"].page-width {
    max-width: 1950px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    width: 100% !important;
}

/* Ensure section backgrounds and full-bleed headers remain full-width */
.shopify-section,
.section-background {
    width: 100% !important;
    margin: 0 !important;
    max-width: none !important;
}

.luxury-qty-selector button {
    background: transparent !important;
    border: none !important;
    padding: 0.5rem !important;
    color: var(--brand-dark-green) !important;
    opacity: 0.8;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

.luxury-qty-selector button:hover {
    opacity: 1;
}

.luxury-qty-selector input {
    width: 30px !important;
    background: transparent !important;
    border: none !important;
    text-align: center !important;
    font-size: 1.1rem !important;
    font-family: var(--font-body--family) !important;
    color: var(--brand-dark-green) !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Hide spin buttons */
.luxury-qty-selector input::-webkit-outer-spin-button,
.luxury-qty-selector input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Global Product Card & List Refinements - Mixed Case & Center */
.resource-list__item .product-card__content,
.section-resource-list .product-card__content,
.main-collection .product-card__content {
    /* Relaxing root flexbox to prevent image collapse */
    text-align: center !important;
    padding-bottom: 1.5rem !important;
    display: block !important;
    /* Allow normal block flow for images */
    position: relative !important;
    /* For absolute button positioning */
}

/* Specific centering for the info blocks inside cards */
.product-card__content [class*="group"],
.product-card__content .product-grid-view-zoom-out--details,
.product-card__content .product-card__add-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    justify-content: center !important;
}

.resource-list__item .product-card__content *,
.section-resource-list .product-card__content *,
.main-collection .product-card__content * {
    text-transform: none !important;
    text-align: center !important;
}

/* Hide duplicate/unstyled titles from theme zoom-out view */
.product-grid-view-zoom-out--details {
    display: none !important;
}

.product-card__add-container {
    position: absolute !important;
    top: 35% !important;
    /* Centered over the image area */
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 50 !important;
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.product-card:hover .product-card__add-container {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate(-50%, -40%) !important;
}

/* Specific targeting for titles within card content and section headers */
.product-card [class*="title"],
.product-card h1,
.product-card h2,
.product-card h3,
.product-card h4,
.product-card h5,
.product-card h6,
.product-card p[role="heading"],
.section-resource-list__content .text-block h3,
.section-resource-list__content .text-block p {
    font-family: var(--font-heading--family) !important;
    font-size: 1.1rem !important;
    letter-spacing: -0.01em !important;
    margin: 0.5rem auto !important;
    color: var(--brand-dark-green) !important;
    text-transform: lowercase !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
}

/* Specific hide for redundant zoom-out details */
.product-card .product-grid-view-zoom-out--details {
    display: none !important;
}

/* Larger title style for section headers */
.section-resource-list__content .text-block h3 {
    font-size: 1.8rem !important;
    margin-bottom: 1.5rem !important;
}

.product-card__content .price,
.product-card__content product-price {
    font-size: 0.9rem !important;
    opacity: 0.7 !important;
    display: block !important;
    margin-top: 2px !important;
    text-align: center !important;
}

/* Force centering for section content (headers etc) */
.section-resource-list__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

.section-resource-list__header {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* Luxury 'Sold Out' Badge - High Specificity */
.product-badges__badge,
.product-badges div.product-badges__badge {
    background: #FFFFFF !important;
    color: var(--brand-dark-green) !important;
    border: 0.5px solid rgba(61, 68, 45, 0.4) !important;
    text-transform: lowercase !important;
    font-size: 0.7rem !important;
    font-style: italic !important;
    padding: 0.3rem 0.8rem !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    display: inline-block !important;
    width: auto !important;
    line-height: 1 !important;
}

/* Minimalist Add Button as Hover Pill */
.cart-recommendation-add-btn {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(4px) !important;
    color: var(--brand-dark-green) !important;
    padding: 0.6rem 2rem !important;
    border-radius: 40px !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: 0.5px solid rgba(61, 68, 45, 0.2) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    font-weight: 500 !important;
}

.cart-recommendation-add-btn:hover {
    background: #FFFFFF !important;
    transform: scale(1.05) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
    border-color: var(--brand-dark-green) !important;
}

/* ==========================================================================
   CART DRAWER - EMPTY STATE EDITORIAL DESIGN
   ========================================================================== */

/* REFINED WHITE ENFORCEMENT for DRAWER DIALOG ONLY */
/* We target the dialog and its inner contents, NOT the wrapper/trigger */
.cart-drawer__dialog,
.cart-drawer__dialog.dialog-drawer,
.cart-drawer__dialog.cart-drawer--empty {
    --cart-drawer-padding: 0;
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--brand-dark-green) !important;
    --color-background: 255 255 255 !important;
    --color-foreground: 61 68 45 !important;
    z-index: 9999 !important; /* Safety z-index to keep drawer above navigation */
}

.cart-drawer__inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important; /* Fixed: Prevents top clipping on tall content */
    height: 100% !important;
    width: 100% !important;
    background-color: #FFFFFF !important;
}

/* Eliminate theme's dark border/padding/pseudo leakage without breaking backdrop */
.cart-drawer__dialog::before,
.cart-drawer__dialog::after,
.cart-drawer__dialog[open] {
    background: #FFFFFF !important;
}

/* Restore semi-transparent backdrop for site visibility */
.cart-drawer__dialog:modal::backdrop {
    background: rgba(0, 0, 0, 0.4) !important;
}

.cart-drawer__content--empty {
    padding: 1rem 1.5rem !important; /* Reduced top padding as header exists */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    overflow-y: auto !important;
    max-height: 100vh !important;
}

.cart-drawer__empty-main {
    padding: 2rem 0 !important;
    width: 100% !important;
}

.cart-drawer__heading--empty {
    font-family: var(--font-heading) !important;
    font-size: 2.2rem !important;
    color: var(--brand-dark-green) !important;
    margin-bottom: 1rem !important;
    text-transform: none !important;
    letter-spacing: -0.02em !important;
    font-weight: 300 !important;
}

.cart-editorial-card__header {
    margin-bottom: 2.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.2rem !important;
}

.cart-editorial-card__breadcrumb {
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 0.5rem !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    opacity: 0.4 !important;
    color: var(--brand-dark-green) !important;
    display: block !important;
}

.cart-editorial-card__title {
    font-family: var(--font-heading) !important;
    font-size: 2.2rem !important;
    /* Slightly smaller for drawer stability */
    color: var(--brand-dark-green) !important;
    text-decoration: none !important;
    line-height: 1.1 !important;
    letter-spacing: -0.01em !important;
    margin: 0 !important;
    display: block !important;
}

.cart-editorial-card__subtitle {
    font-family: var(--font-heading) !important;
    font-style: normal !important;
    font-size: 1.8rem !important;
    color: var(--brand-dark-green) !important;
    opacity: 0.9 !important;
    margin-bottom: 0.5rem !important;
}

.cart-editorial-card__subtitle i {
    font-style: normal !important;
}

.cart-drawer__subtext--empty {
    font-family: var(--font-body--family) !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    color: rgba(61, 68, 45, 0.7) !important;
    max-width: 320px !important;
    margin: 0 auto 2.5rem !important;
}

/* Empty State Buttons */
.cart-drawer__actions--empty {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.8rem !important;
    width: 100% !important;
    padding: 0 1rem !important;
}

.cart-drawer__button-continue,
.cart-drawer__button-login {
    display: block !important;
    width: 100% !important;
    padding: 1.2rem !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-align: center !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.cart-drawer__button-continue {
    background: var(--brand-dark-green) !important;
    color: #FFFFFF !important;
    border: none !important;
}

.cart-drawer__button-continue:hover {
    background: #2a3020 !important;
    letter-spacing: 0.18em !important;
}

.cart-drawer__button-login {
    background: transparent !important;
    color: var(--brand-dark-green) !important;
    border: 1px solid rgba(61, 68, 45, 0.2) !important;
}

.cart-drawer__button-login:hover {
    border-color: var(--brand-dark-green) !important;
    background: rgba(61, 68, 45, 0.02) !important;
}

/* Horizontal Recommendations in Drawer */
.cart-drawer__recommendations {
    width: 100% !important;
    margin-top: 3rem !important;
    text-align: left !important;
}

.cart-drawer__recommendations-title {
    font-family: var(--font-heading) !important;
    font-size: 1.2rem !important;
    color: var(--brand-dark-green) !important;
    margin-bottom: 1.5rem !important;
    font-weight: 300 !important;
}

.cart-recommendation-card {
    display: grid !important;
    grid-template-columns: 80px 1fr 40px !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 1rem 0 !important;
    /* Removed side padding, only vertical */
    background: #FFFFFF !important;
    margin-bottom: 0 !important;
    border-bottom: 0.5px solid rgba(61, 68, 45, 0.08) !important;
    /* Subtle separator instead of bg */
    border-radius: 0 !important;
    transition: background 0.3s ease !important;
}

.cart-recommendation-card:hover {
    background: #fafafa !important;
}

.cart-recommendation-card__image {
    width: 100% !important;
    height: auto !important;
    mix-blend-mode: multiply !important;
}

.cart-recommendation-card__title {
    font-size: 0.85rem !important;
    margin: 0 !important;
    font-weight: 500 !important;
    color: var(--brand-dark-green) !important;
}

.cart-recommendation-card__meta {
    font-size: 0.75rem !important;
    opacity: 0.6 !important;
    margin: 2px 0 !important;
}

.cart-recommendation-card__price {
    font-size: 0.8rem !important;
    font-weight: 500 !important;
}

.cart-recommendation-card__add {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid rgba(61, 68, 45, 0.2) !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.cart-recommendation-card__add:hover {
    border-color: var(--brand-dark-green) !important;
    background: var(--brand-dark-green) !important;
    color: #FFFFFF !important;
}

/* Maison Brand Banner */
.cart-drawer__maison-banner {
    width: 100% !important;
    padding: 2.5rem 0 !important;
    background: #FFFFFF !important;
    margin: 2.5rem 0 1rem !important;
    position: relative !important;
    text-align: left !important;
    border-top: 0.5px solid rgba(61, 68, 45, 0.1) !important;
}

.maison-title {
    font-family: var(--font-heading) !important;
    font-style: normal !important;
    font-size: 1.6rem !important;
    color: #2b3a4a !important;
    /* Slightly more blueish-signature feel */
    margin-bottom: 1rem !important;
    letter-spacing: -0.01em !important;
    text-align: left !important;
}

.maison-text {
    font-size: 0.8rem !important;
    line-height: 1.6 !important;
    color: rgba(61, 68, 45, 0.7) !important;
    margin-bottom: 1rem !important;
    text-align: left !important;
}

.maison-link {
    font-size: 0.75rem !important;
    text-transform: none !important;
    color: var(--brand-dark-green) !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-align: left !important;
}

.maison-logo {
    position: absolute !important;
    right: 1.5rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 45px !important;
    height: 45px !important;
    border: 1px solid #c9a572 !important;
    /* Goldish logo color */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0.8 !important;
}

.maison-initials {
    color: #c9a572 !important;
    font-size: 1.2rem !important;
    font-weight: 300 !important;
}

/* Benefits Box Refinement */
.cart-drawer--empty .cart-benefits {
    margin: 1rem 0 !important;
    padding: 1.5rem !important;
    border: 1px solid #EAEAEA !important;
    background: #FFFFFF !important;
    width: 100% !important;
}

.cart-drawer--empty .cart-benefits__item {
    gap: 1rem !important;
}

.cart-drawer--empty .cart-benefits__text {
    text-align: left !important;
}

/* ==========================================================================
   CART DRAWER - WITH ITEMS EDITORIAL DESIGN
   ========================================================================== */

.cart-summary-editorial__status {
    width: 100% !important;
    max-width: 450px !important;
    margin-bottom: 3rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}


/* Summary Refinement */
.cart-summary-editorial {
    padding: 2rem 1.5rem !important;
    /* Slightly reduced padding */
}

.cart-summary-editorial__totals {
    margin-bottom: 2.5rem !important;
}

.cart-summary-editorial__checkout-btn {
    padding: 1.6rem !important;
    font-size: 0.9rem !important;
}

.cart-summary-editorial .cart-benefits {
    margin-top: 4rem !important;
    width: 100% !important;
    border: none !important;
    border-top: 1px solid #EAEAEA !important;
    padding: 2.5rem 0 0 0 !important;
}

/* Loyalty Popup Styles */
.loyalty-popup__dialog {
    width: 95%;
    max-width: 550px;
    background: #FAF9F6 !important; /* Signature Cream */
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    box-shadow: 0 20px 50px rgba(0,0,0,0.1) !important;
}

.loyalty-popup__inner {
    padding: 5rem 3rem;
    position: relative;
    text-align: center;
}

.loyalty-popup__header {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 10;
}

.loyalty-popup__close-button {
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    border: none !important;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.loyalty-popup__close-button:hover {
    opacity: 1;
}

.loyalty-popup__label-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 2rem;
    width: 100%;
}

.loyalty-popup__label-wrapper::before,
.loyalty-popup__label-wrapper::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: rgba(61, 68, 45, 0.1);
}

.loyalty-popup__label {
    font-family: var(--font-heading--family);
    font-size: 0.8rem;
    letter-spacing: 0.15em;
    color: var(--brand-dark-green);
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0.6;
}

.loyalty-popup__signature {
    font-family: var(--font-heading--family) !important;
    font-style: normal !important;
    font-size: clamp(2.2rem, 6vw, 3.2rem) !important;
    color: var(--brand-dark-green);
    line-height: 1.1;
    margin-bottom: 1.5rem;
    letter-spacing: -0.01em;
}

.loyalty-popup__dot {
    width: 6px;
    height: 6px;
    background: var(--brand-dark-green);
    border-radius: 50%;
    margin: 1.5rem auto 2.5rem;
    opacity: 0.3;
}

.loyalty-popup__description {
    font-family: var(--font-body--family);
    font-size: 1rem;
    line-height: 1.6;
    max-width: 400px;
    margin: 0 auto 3rem;
    color: var(--brand-dark-green);
    opacity: 0.8;
}

.loyalty-popup__actions {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 320px;
    margin: 0 auto;
}

.loyalty-popup__btn {
    display: block;
    width: 100%;
    padding: 1.2rem;
    font-size: 0.75rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    transition: all 0.3s ease;
}

.loyalty-popup__btn--primary {
    background: var(--brand-dark-green) !important;
    color: #FFFFFF !important;
    border: none !important;
}

.loyalty-popup__btn--primary:hover {
    background: #2a3020 !important;
    letter-spacing: 0.18em;
}

.loyalty-popup__btn--secondary {
    background: transparent !important;
    color: var(--brand-dark-green) !important;
    border: 1px solid rgba(61, 68, 45, 0.2) !important;
}

.loyalty-popup__btn--secondary:hover {
    border-color: var(--brand-dark-green) !important;
    background: rgba(61, 68, 45, 0.02) !important;
}

.loyalty-popup__dialog:modal::backdrop {
    background: rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(8px) !important;
}

@media screen and (max-width: 749px) {
    .loyalty-popup__inner {
        padding: 4rem 1.5rem;
    }

    .loyalty-popup__label-wrapper {
        gap: 1rem;
    }

    .loyalty-popup__actions {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

/* Superimposed Product Info Layout */
.product-card__content {
    position: relative !important;
}

/* Target the info block when it's at the top of the card structure */
.product-card__content>[class*="group"]:first-child {
    position: absolute !important;
    bottom: 3.5rem !important; /* Positioned elegantly at the bottom base */
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    max-width: calc(100% - 2rem) !important;
    z-index: 50 !important;
    text-align: center !important;
    padding: 0.4rem 1.2rem !important;
    background: rgba(255, 255, 255, 0.5) !important; /* Slightly more opaque glass feel */
    backdrop-filter: blur(4px) !important;
    pointer-events: none !important;
    transition: all 0.4s ease !important;
    border-bottom: 1.5px solid #000000 !important; /* Horizontal anchor line */
}

.product-card:hover .product-card__content>[class*="group"]:first-child {
    transform: translate(-50%, -5px) !important;
    background: rgba(255, 255, 255, 0.9) !important;
}

.product-card__content>[class*="group"]:first-child * {
    color: #000000 !important;
    margin: 0 !important;
    text-align: center !important;
    justify-content: center !important;
    font-size: 0.85rem !important;
    font-style: italic !important;
    text-transform: lowercase !important;
    letter-spacing: 0.04em !important;
}

.product-card__content>[class*="group"]:first-child .price {
    opacity: 0.8 !important;
    margin-top: -2px !important;
    font-size: 0.75rem !important;
}

/* Adjust the Add button to be permanent and below when placed in group_info */
.product-card__content>[class*="group"]:last-child .product-card__add-container {
    position: static !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    margin-top: 1rem !important;
    padding: 0 !important;
}

.product-card__content>[class*="group"]:last-child .product-card__add-container button,
.product-card__content>[class*="group"]:last-child .product-card__add-container a,
.product-card__content>[class*="group"]:last-child .product-card__add-container span.cart-recommendation-add-btn {
    margin: 0 !important;
    padding: 0.2rem 0 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    background: transparent !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    min-height: 0 !important;
    width: auto !important;
    font-weight: 500 !important;
    display: inline-block !important;
}

.product-card__content>[class*="group"]:last-child .product-card__add-container span.is-disabled {
    opacity: 0.4 !important;
    text-decoration: none !important;
    font-style: italic !important;
    text-transform: lowercase !important;
    letter-spacing: 0.05em !important;
}
}

.product-card__content>[class*="group"]:last-child .product-card__add-container span.is-disabled {
    opacity: 0.4 !important;
    text-decoration: none !important;
    font-style: italic !important;
    text-transform: lowercase !important;
    letter-spacing: 0.05em !important;
}