/** Shopify CDN: Minification failed

Line 2017:0 Comments in CSS use "/* ... */" instead of "//"
Line 2024:0 Comments in CSS use "/* ... */" instead of "//"
Line 2027:0 Comments in CSS use "/* ... */" instead of "//"
Line 2075:0 Comments in CSS use "/* ... */" instead of "//"
Line 2077:0 Comments in CSS use "/* ... */" instead of "//"
Line 2257:0 Comments in CSS use "/* ... */" instead of "//"
Line 2604:0 Unexpected "}"
Line 2615:0 Comments in CSS use "/* ... */" instead of "//"

**/


/* ======================================================
   product page
   ====================================================== */

   /* 1. Hide the X bars by default, even if the item is added */
.wishlist-container .card-wishlist .wishlist-icon::before,
.wishlist-container .card-wishlist .wishlist-icon::after {
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* 2. When hovering, show the X bars and hide the heart icon */
.wishlist-container .card-wishlist:hover .wishlist-icon::before,
.wishlist-container .card-wishlist:hover .wishlist-icon::after {
    opacity: 1 !important;
    z-index: 2;
}

.wishlist-container .card-wishlist:hover .wishlist-icon svg {
    opacity: 0 !important;
}

/* 3. Make sure the heart is visible when NOT hovering */
.wishlist-container .card-wishlist .wishlist-icon svg {
    opacity: 1 !important;
    transition: opacity 0.2s ease;
}
/* ✨ Forces the Perks row to align perfectly ✨ */
    .productView-perks {
        display: flex !important;
        flex-wrap: wrap!important;
        align-items: center!important;
        gap: 25px!important; /* Space between the two buttons */
        margin-top: 15px!important; /* Adjust if you need more breathing room above */
    }

    /* Makes the button and the link behave exactly the same */
    .productView-perks .link {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important; /* Space between the icon and the text */
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1 !important;
        text-transform: inherit; /* Keeps your font styles intact */
    }

    /* Forces BOTH icons to be exactly 24px so they match */
    .productView-perks .link svg {
        width: 24px !important;
        height: 24px !important;
        flex-shrink: 0; /* Prevents the icons from squishing */
        display: block !important;
    }
    
    /* Optional: Fixes the text alignment so it sits perfectly centered next to the icon */
    .productView-perks .text {
        display: inline-block;
        transform: translateY(1px); /* Nudges text down slightly to align with icons */
    }

.halo-ask-an-expert-popup input[type=radio]+.form-label--radio:after {
    border: 4px solid #a8872a !important;
}
.product-form__input .form__label, .form__label-combined {
    font-weight: var(--font-weight-normal) !important;
}
.image-upload-field-filepond-container.field-698866e966f19bc27becb11b {    
    display: none !important;
}
/* ✨ Match Native Variant Labels to Customizer Labels ✨ */
.product-form__input .form__label {
  font-family: 'Thicccboi', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  margin-bottom: 10px !important;
  display: block !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #232323 !important;
}

/* ✨ Make the Selected Value Pop (Less Subtle) ✨ */
.product-form__input .form__label [data-header-option] {
  font-family: 'Thicccboi', sans-serif !important;
  font-weight: 400 !important; /* Makes it extra bold */
  font-size: 12px !important; /* Slightly larger than the 13px label */
  color: #a8872a !important; /* Dark Antique Gold */
  text-transform: none !important; /* Turns off ALL CAPS so it stands out */
  margin-left: 8px !important;
  letter-spacing: normal !important; /* Removes the wide spacing for readability */
  text-transform: uppercase !important;

}

/* ============================================================
   FINAL RESPONSIVE Sellio Product Options Variant SHOPYMATE POPUP
   ============================================================ */
@media (max-width: 767px) {
    .shopymate_variant_options {
        padding: 0px !important;
        padding-right:10px!important;
        /* This calculates 100% of the screen width minus 10px */
        width: calc(100vw - 10px) !important;
        max-width: calc(100vw - 10px) !important;
        
        /* This keeps it perfectly centered */
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        
        /* Optional: ensures no weird horizontal scrolling on the page */
        box-sizing: border-box !important;
    }
}
.des-detail > h2 {
    background-color: #F9F5ED!important; /* Cream background */
    color: #a8872a;            /* Deep charcoal for high contrast/readability */
    text-align: center!important;       /* Centers the text */
    padding: 15px 20px!important;       /* Adds space around the text so it doesn't touch the background edges */
    margin: 0!important;                 /* Removes default spacing if needed */
    width: 100%!important;               /* Ensures the background spans the full width */
    box-sizing: border-box!important;    /* Ensures padding doesn't break the width */
}
.des-detail > h3 {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    
    /* Ensuring clean rendering at small sizes */
    line-height: 1.4!important;
    margin: 5px 0!important;
    letter-spacing: 0.2px!important;
}
/* 1. GRID ESCAPE - Allow the popup to spill out of the narrow column */
.productView-moreItem, 
.productView-buttons, 
.productView-group, 
.productView-action {
    transform: none !important;
    perspective: none !important;
    filter: none !important;
    overflow: visible !important; /* This is key to ignoring the grid width */
    position: relative !important;
    z-index: 1 !important;
}

/* 2. CORE MODAL STYLES (Centering & Shape) */
#recommended_detail,
.shopy_form_modal,
.popup_detail {
    position: fixed !important;
    top: 50% !important;
    left: 61%!important;
    transform: translate(-50%, -50%) !important;
    z-index: 2147483647 !important;
    background: #ffffff !important;
    display: none; /* App toggles this */
    flex-direction: column !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 50px rgba(0,0,0,0.4) !important;
    overflow: hidden !important;
}

/* 3. RESPONSIVE SIZING (Width & Height) */

/* --- Desktop (Wide Landscape/Square-ish) --- */
@media screen and (min-width: 1025px) {
    #recommended_detail, .shopy_form_modal, .popup_detail {
        width: 800px !important;      /* Wide look */
        max-width: 90vw !important;   /* Responsive cap against screen edges */
        height: 480px !important;     /* Shorter height for square feel */
        max-height: 70vh !important;
        padding: 30px 15px 15px 15px !important;
    }
}

/* --- Tablet (Balanced) --- */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    #recommended_detail, .shopy_form_modal, .popup_detail {
        width: 85vw !important;
        height: 550px !important;
        max-height: 80vh !important;
        padding: 30px 15px 15px 15px !important;
    }
}

/* --- Mobile (Full Screen View) --- */
@media screen and (max-width: 767px) {
    #recommended_detail, .shopy_form_modal, .popup_detail {
        width: 95vw !important;
        height: 80vh !important;      /* Taller on mobile to fit all buttons */
        max-height: 90vh !important;
        padding: 40px 10px 10px 10px !important;
    }
}

/* 4. INTERNAL CONTENT SCROLLING */
/* Keeps the box a fixed height while letting the products scroll */
.shopy_form_modal .shopy-modal-body,
#recommended_detail .recommended-content,
.popup_detail > div:not(.shopy-modal-header) {
    overflow-y: auto !important;
    flex-grow: 1 !important;
    width: 100% !important;
    padding: 10px !important;
}

/* 5. TIGHT CLOSE BUTTON (Pinned to top-right corner) */
.smpoEditPopup-close, 
.shopycloseBtn, 
.shopymate-popup_close_link, 
.shopyapp_close {
    position: absolute !important;
    top: 8px !important;
    right: 12px !important;
    font-size: 26px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    z-index: 999999 !important;
    color: #000 !important;
    line-height: 1 !important;
}
/* ======================================================
   HISTOGRAM TYPOGRAPHY (5-STAR BREAKDOWN)
   ====================================================== */

/* 1. The Numbers on the Left (5, 4, 3...) */
.jm-histogram-row__rating {
    font-family: var(--jm-font-body) !important;
    font-size: 12px !important;
    font-weight: 600 !important;  /* Slightly bolder */
    color: var(--jm-charcoal) !important;
    line-height: 1 !important;
    min-width: 15px !important;   /* Aligns them neatly */
}

/* 2. The Count Numbers on the Right (e.g. "8", "3") */
.jm-histogram-row__frequency {
    font-family: var(--jm-font-body) !important;
    font-size: 12px !important;
    font-weight: 400 !important;  /* Normal weight */
    color: #666666 !important;    /* Softer grey */
    line-height: 1 !important;
}

/* 3. General Row Spacing */
.jm-histogram-row {
    margin-bottom: 3px !important; /* Tights up the vertical space */
}
/* ======================================================
   SORT DROPDOWN ONLY (MINIMAL GENTLE GRAY)
   Status: Soft Grey Border/Text, Original Width
   ====================================================== */


/* ======================================================
   SORT DROPDOWN FIX (CLEAN & MINIMAL GRAY)
   Status: Hides default icons, rebuilds as clean grey button
   ====================================================== */

/* 1. HIDE THE HTML ICONS (Crucial Step) */
/* This removes the clutter (Sort arrows & default chevron) so they don't break the border */
#judgeme_product_reviews .jm-sort-filter__icon {
    display: none !important;
}

/* 2. STYLE THE DROPDOWN ITSELF */
#judgeme_product_reviews select.jdgm-sort-dropdown, 
#judgeme_product_reviews .jm-sort-filter__select {
    /* RESET: Strip default browser appearance */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    
    /* COLORS: Gentle Minimal Gray */
    background-color: #ffffff !important;
    border: 1px solid #E0E0E0 !important;  /* Soft Grey Border */
    color: #757575 !important;             /* Gentle Grey Text */
    
    /* SHAPE: Rounded 8px */
    border-radius: 8px !important;
    
    /* TYPOGRAPHY */
    font-family: 'Outfit', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    font-weight: 500 !important;
    text-align: center !important;
    
    /* SPACING & SIZE */
    padding: 8px 30px 8px 12px !important; /* Extra padding on right for the arrow */
    margin: 0 !important;
    cursor: pointer !important;
    
    /* CUSTOM GREY ARROW (Replaces the one we hid) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23757575' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 10px !important;
}

/* HOVER STATE */
#judgeme_product_reviews select.jdgm-sort-dropdown:hover, 
#judgeme_product_reviews .jm-sort-filter__select:hover {
    border-color: #B0B0B0 !important;     /* Slightly darker grey */
    color: #333333 !important;            /* Darker text */
}

/* ======================================================
   STAR SIZE CONTROL (Font Icons)
   ====================================================== */
.jm-star-rating__font-icon {
    /* Current default is 1.5em (too big). */
    /* Change the px value below to resize them. */
    font-size: 13px !important; 
    
    /* Optional: Adjust line-height if they look too high or low */
    line-height: 1 !important; 
}
/* ======================================================
   BEJEWELED MUSE: MASTER REVIEW CSS (FINAL + MISSING PARTS)
   Status: Gap Fix + Verified Fix + Custom Questions Styled
   ====================================================== */

/* 1. VARIABLES & MAIN CONTAINER */
p.jm-text.jm-review-widget-sidebar-header__title{
    padding-left: 15px !important;
}

.jdgm-widget, .jm-review-widget, .jdgm-rev-widg {
    /* FONTS */
    --jm-font-heading: 'Eb Garamond', serif !important;
    --jm-font-body: 'Outfit', sans-serif !important;
    
    /* COLORS */
    --jm-gold: #C5A059 !important;
    --jm-gold-stars: #FABD05 !important;
    --jm-charcoal: #1a1a1a !important;
    --jm-grey: #666666 !important;
    --jm-light-grey: #F4F4F4 !important;

    /* CONTAINER LAYOUT */
    max-width: 1100px !important; 
    margin: 0 auto !important;
    color: var(--jm-charcoal) !important;
    display: block !important;
}

/* Mobile: Strictly kept at 370px */
div#judgeme_product_reviews {
    max-width: 370px !important;
    margin: 0 auto !important;
}

/* Tablet: Comfortable mid-range */
@media screen and (min-width: 768px) {
    div#judgeme_product_reviews {
        max-width: auto !important; /* Uses 90% of the screen width */
    }
}

/* Desktop: Real Estate for 1080p Screens */
@media screen and (min-width: 1024px) {
    div#judgeme_product_reviews {
        max-width: 1600px !important; 
    }
}

/* Ultra-Wide Desktop: Your 1900px Request */
@media screen and (min-width: 1920px) {
    div#judgeme_product_reviews {
        max-width: 1900px !important; 
        width: 100%;
    }
}

/* 2. HEADER TITLE */
.jm-review-widget-sidebar-header__title {
    font-family: var(--jm-font-heading) !important;
    font-size: 26px !important; 
    font-weight: 400 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    color: var(--jm-charcoal) !important;
    margin-bottom: 5px !important;
}

/* 3. STRUCTURAL FIXES */
.jm-review-item {
    padding: 15px 0 !important; 
    border-bottom: 1px solid #eeeeee !important; 
}

.jm-review-item .jm-stack, 
.jm-review-item .jm-cluster {
    gap: 4px !important; 
}

.jm-star-rating {
    display: flex !important;
    margin-bottom: 2px !important;
}

/* ======================================================
   4. REVIEWER INFO & FORCE VERIFIED BADGE (MOBILE FIX)
   Status: Fixes badge cut-off by allowing wrapping
   ====================================================== */

.jm-reviewer-avatar, 
.jm-reviewer-avatar__initial,
.jm-reviewer-avatar--with-initial {
    display: none !important;
}

.jm-reviewer-info {
    display: flex !important;
    align-items: center !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 5px !important;
    /* Allow the whole container to wrap if needed */
    flex-wrap: wrap !important; 
}

/* NAME CONTAINER */
.jm-reviewer-info__name {
    font-family: var(--jm-font-heading) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    line-height: 1.3 !important;
    margin-bottom: 0 !important;
    
    /* FLEXBOX FIX FOR BADGE */
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important; /* CRITICAL: Allows badge to drop to next line */
    gap: 8px !important;        /* Replaces margin-left for better spacing */
}

/* DATE STYLING */
.jm-reviewer-info .jm-text[style*="lighter-text-color"] {
    font-family: var(--jm-font-body) !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #999999 !important;
    line-height: 1 !important;
    margin-top: 2px !important;
    width: 100% !important; /* Force date to its own line below name */
    display: block !important;
}

/* FORCE BADGE (The "After" Element) */
.jm-verified-buyer-badge { display: none !important; }

.jm-reviewer-info__name::after {
    content: "Verified" !important;
    
    /* Box Styling */
    display: inline-block !important;
    visibility: visible !important;
    background-color: #ffffff !important;
    border: 1px solid var(--jm-gold) !important;
    color: var(--jm-gold) !important;
    border-radius: 4px !important;
    
    /* Text Styling */
    font-family: var(--jm-font-body) !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    padding: 3px 8px !important;
    
    /* Flexbox properties to prevent squishing */
    flex-shrink: 0 !important; 
    white-space: nowrap !important; /* Keeps "Verified Buyer" on one line */
    
    /* Reset margins since we used gap on the parent */
    margin-left: 0 !important; 
}

/* 5. REVIEW CONTENT */

/* --- NEW: Review Title Styling --- */
.jm-review-content__title {
    font-family: var(--jm-font-heading) !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    margin-bottom: 4px !important;
    color: #000 !important;
    line-height: 1.3 !important;
}

.jm-review-content__body {
    border-left: none !important;     
    padding-left: 0 !important;       
    margin-top: 2px !important;    
 /*   margin-bottom: 10px !important;*/
    display: block !important;
}

.jm-review-content__body p,
.jdgm-review-content__body-content p {
    font-family: var(--jm-font-body) !important; 
    font-style: normal !important;               
    font-size: 13px !important;                  
    line-height: 1.5 !important;                 
    color: #333333 !important;
    margin: 0 !important; 
}

/* 6. IMAGES & EXTRAS */
.jm-star-rating svg, .jdgm-star svg, .jm-box svg {
    stroke: none !important;
    fill: var(--jm-gold) !important;
    color: var(--jm-gold) !important;
    width: 11px !important;
    height: 11px !important;
}

.jm-media-thumbnail-list__thumbnail {
    margin-top: 5px !important;
    border-radius: 4px !important; 
    width: 70px !important;
    height: 70px !important;
    border: 1px solid #eee !important;
}

.jm-button, button[data-testid="write-review-button"], .jdgm-submit-rev {
    font-family: var(--jm-font-body) !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    font-weight: 600 !important;
    background-color: var(--jm-gold) !important;
    color: #ffffff !important;
    border: 1px solid var(--jm-gold) !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    transition: all 0.2s ease !important;
}

.jm-button:hover, button[data-testid="write-review-button"]:hover {
    background-color: #ffffff !important;
    color: var(--jm-charcoal) !important;
}

/* 7. HIDE TRANSPARENCY TEXT */
.jm-transparency-badge-list {
    display: none !important;
}

/* ======================================================
   8. NEW: CUSTOM QUESTIONS & SHOP REPLY (THE MISSING PARTS)
   ====================================================== */

/* Custom Questions Container (Comfort, Fit, etc.) */
.jm-custom-answer-list {
    margin-top: 10px !important;
    padding: 12px !important;
    background-color: #FAFAFA !important; /* Subtle box */
    border-radius: 4px !important;
}

/* Labels */
.jm-custom-answer-list p, .jm-multi-choice-answer p {
    font-family: var(--jm-font-body) !important;
    font-size: 11px !important;
    color: #555 !important;
    margin-bottom: 2px !important;
}

/* Progress Bars (Make them GOLD) */
.jm-progress-bar__fill, 
.jm-progress-bar__indicator {
    background-color: var(--jm-gold-stars) !important;
}

/* Shop Reply Box */
.jm-shop-reply {
    margin-top: 12px !important;
    background: #FAFAFA !important;
    padding: 12px !important;
    border-left: 2px solid var(--jm-gold) !important; /* Nice editorial touch */
}

.jm-shop-reply__author {
    font-family: var(--jm-font-body) !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    color: #999 !important;
    margin-bottom: 4px !important;
}

.jm-shop-reply__text, .jm-shop-reply__text p {
    font-family: var(--jm-font-heading) !important;
    font-size: 12px !important;
    font-style: italic !important;
    color: #333 !important;
}
/* ======================================================
   STAR SIZE CONTROL (Font Icons)
   ====================================================== */
   span.jdgm-prev-badge__stars {
    font-size: 11px !important;
}
.jm-star-rating__font-icon {
    /* Current default is 1.5em (too big). */
    /* Change the px value below to resize them. */
    font-size: 13px !important; 
    
    /* Optional: Adjust line-height if they look too high or low */
    line-height: 1 !important; 
}

/* ======================================================
   Bejeweled Muse – default paroduct page
====================================================== */
.productView-title, .productView-title span, h1.productView-title {
        font-family: 'Eb Garamond', serif !important;
            font-size: 16px !important;
                font-weight: 700 !important;
                    text-transform: capitalize !important;
                        line-height: 1.2 !important;
                            margin-bottom: 5px !important;
                                color: #1a1a1a !important;
                                }
                                @media (min-width: 1025px) {
                                    .productView-title, .productView-title span, h1.productView-title {
                                            font-size: 18px !important;
                                                }
                                                }
/* 1. Base Vendor Badge Style */
.product__vendor a {
    display: inline-block !important;
    background-color: #faf4dd !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease !important;
    font-size: 10px !important;
    /* Optional: Ensure text color inherits correctly or set a default */
    color: #333 !important; 
     line-height: 1 !important;
}

/* 2. Specific Style for "Personalizable" Vendor */
.product__vendor a[title="Personalizable"] {
  display: inline-block !important;

  font-family: 'EB Garamond', Garamond, 'Times New Roman', serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-style: italic !important;

  color: #A07F2A !important;

  padding: 2px 6px !important;
  border-radius: 4px !important;

  background: transparent !important;
  text-transform: none !important;
    color: #A07F2A !important;
  background: transparent !important;
}

/* 3. Hide "Non-Personalized" Vendor */
.product__vendor a[title="Non-Personalized"] {
    display: none !important;
}


#halo-quickshop-popup-option-3 .productView-action .button {
    background-color: var(--btn-1-bg) !important;
    color: var(--btn-1-color)!important;
    border-color: var(--btn-1-border)!important;
}

.productView-image .productView-img-container img:not(.zoomImg) {
    object-fit: cover !important;
}

.productView-thumbnail-wrapper {
    margin: 0px!important;
}

.jdgm-prev-badge__text {
    padding-left: 6px !important;
    font-weight: 400 !important;
    color: #727272 !important;
}
.productView-title {
    line-height: max(140%) !important;
}
/* ======================================================
   SAVE BADGE (MINIMAL LUXURY STYLE)
   Status: Soft Sage Green, Uppercase, 11px
   ====================================================== */

/* 1. The Container (Positions it next to price) */
.price__saved {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 10px !important; /* Adds breathing room from the main price */
    line-height: 1 !important;
}

/* 2. The Badge Style (REFINED "GHOST" LUXURY VERSION) */
.price-item--saved {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    /* COLORS: Ghost Style (Transparent + Dark Green) */
    background-color: transparent !important;   /* Removed the mint block */
    color: #1F3A2E !important;                  /* Deep luxurious teal/green */
    border: 1px solid #1F3A2E !important;       /* Solid border matches text */

    /* TYPOGRAPHY */
    font-family: var(--font-body-family) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    
    /* SHAPE */
    padding: 4px 8px !important;  /* Slightly tighter for elegance */
    border-radius: 4px !important; /* Matches Variant Buttons & FOMO */
    white-space: nowrap !important;
    line-height: 1 !important;
}

.productView-price .price__saved {
    padding: 0px !important;
    margin-left: 8px !important; /* Ensures gap from the main price */
}
.productView-price .price__saved {
    background-color: transparent !important;   /* Removed the mint block */
}
/* 3. The Money Amount inside the badge */
.price-item--saved .cvc-money {
    margin-left: 3px !important; 
}
.productView-nav .slick-arrow svg {
        color: #000000 !important;
        fill: #000000 !important;
}
.productView-thumbnail-wrapper .slick-arrow svg {
        color: #000000 !important;
        fill: #000000 !important;
}
.productView-iconZoom {
    display: inline-block!important;
    position: absolute!important;
    bottom: 5px!important;
    left: 5px!important;
    background-color: #fff!important;
    padding-bottom: 10px !important;
    padding-top: 8px !important;
    border-radius: 50%!important;
}
.productView-thumbnail {
    padding: 4px!important;
    }
/* ======================================================
   Bejeweled Muse – default paroduct page
====================================================== */


.product-card-layout-08 .halo-productBadges .badge.sale-badge {
    border: 1px solid var(--sale-badge-bg) !important;
}

/* ======================================================
   GLOBAL PRICE TYPOGRAPHY (Grid + Product Page)
   Status: Unifies colors everywhere, cleans up grid
   ====================================================== */

/* 1. THE SALE PRICE (Deep Red Hero) */
/* Applies to both Product Page AND Collection Grid */
.price-item--sale,
.price.price--on-sale .price-item--sale .money {
    font-weight: 700 !important;         /* Bold */
    letter-spacing: -0.02em !important;  /* Tight & Premium */
}

/* 2. THE OLD PRICE (Ghost Grey) */
/* Applies to both Product Page AND Collection Grid */
.price__compare .price-item,
s.price-item,
s.price-item--regular {
    color: #a5a5a5 !important;           /* Soft Grey */
    text-decoration-color: #d6d6d6 !important; /* Faint strike line */
    font-weight: 400 !important;         /* Thin */
    opacity: 0.9 !important;
}

/* 3. SAFETY LOCK: HIDE "SAVE" TEXT ON GRID */
/* This fixes the broken layout on your collection cards */
.card .price__saved,
.card-information .price__saved,
.grid-product__price .price__saved {
    display: none !important;
}

/* 4. ENABLE "SAVE" TEXT ONLY ON MAIN PAGE */
/* We force it back on ONLY for the main product view */
.productView-price .price__saved,
.product-single__meta .price__saved {
    display: inline-block !important;
}

/* ======================================================
   Bejeweled Muse – Main Cart Page (Full Luxury Override)
   Modern • Elegant • Perfectly Aligned
====================================================== */


/* ---- Global Cart Container ---- */
.cart-container {
    background-color: #ffffff !important;
}

.cart-header {
    background-color: #fafafa !important;
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
    padding: 15px 0 !important;
}

.cart-header-item {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    color: rgba(0, 0, 0, 0.55) !important;
    text-transform: uppercase !important;
    border: none !important;
}

/* ---- Cart Items (Rows) ---- */
.cart-item {
    border: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    padding: 30px 0 !important;
    transition: background-color 0.3s ease !important;
}

.cart-item:hover {
    background-color: #fcfcfc !important;
}

/* ---- Product Images (Luxury Fill) ---- */
.cart-item-image {
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important;
}

.cart-item-image img {
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
    width: 100% !important;
    height: 100% !important;
}

.cart-item-image:hover img {
    transform: scale(1.05) !important;
}

/* ---- Product Info & Typography ---- */
.cart-item-name {
    font-family: 'Outfit', sans-serif !important; 
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    color: #111 !important;
    margin-bottom: 8px !important;
    transition: color 0.25s ease !important;
    display: block !important;
    text-transform: inherit !important;
}

.cart-item-name:hover {
    color: #C19A34 !important;
}

.cart-item-name a {
    text-decoration: none !important;
    color: inherit !important;
}



/* ---- Personalization / Properties ---- */
.cart-item-properties {
    background-color: #f8f6f2 !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 6px !important;
    padding: 12px 14px !important;
    margin-top: 10px !important;
    max-width: 100% !important;
   /* width: fit-content !important;*/
}

.cart-item-properties .product-option {
    margin-bottom: 6px !important;
    display: block !important;
}

.cart-item-properties .definitionList-key {
    font-size: 11px !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    color: rgba(0, 0, 0, 0.55) !important;
    display: block !important;
    margin-bottom: 2px !important;
}

.cart-item-properties .definitionList-value {
    font-size: 12.5px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    margin-left: 0 !important;
}

/* ======================================================
   Quantity Selector (Perfect Vertical Align Fix)
====================================================== */

/* 1. The Container Pill */
.cart-item-qty .quantity {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
    
    width: 125px !important; 
    height: 42px !important;
    
    border-radius: 40px !important;
    border: 1px solid #e6e6e6 !important;
    background: #fff !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 2. The Input Field */
.cart-item-qty input {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #111 !important;
    text-align: center !important;
    
    z-index: 1 !important;
}

/* 3. The Buttons (Clickable Areas) */
.cart-item-qty .btn-quantity {
    display: flex !important;
    align-items: center !important;     /* Vertical Center content */
    justify-content: center !important; /* Horizontal Center content */
    
    position: absolute !important;
    top: 0 !important;
    height: 100% !important;
    width: 40px !important;             /* Wider click target */
    
    background: transparent !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: background 0.2s ease !important;
}

.cart-item-qty .btn-quantity:hover {
    background-color: #f9f9f9 !important;
}

/* Left/Right Positioning */
.cart-item-qty .btn-quantity.minus { left: 0 !important; right: auto !important; }
.cart-item-qty .btn-quantity.plus { right: 0 !important; left: auto !important; }

/* 4. The Icons (Lines) - Forced Centering */
.cart-item-qty .btn-quantity:before,
.cart-item-qty .btn-quantity:after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background-color: #333 !important;
}

/* Horizontal Line (Minus & Plus) */
.cart-item-qty .btn-quantity:before {
    width: 10px !important;
    height: 1.5px !important;
}

/* Vertical Line (Plus Only) */
.cart-item-qty .btn-quantity.plus:after {
    width: 1.5px !important;
    height: 10px !important;
    transform: translate(-50%, -50%) !important; 
}

/* ======================================================
   End Quantity Selector
====================================================== */

/* ---- Prices ---- */
.cart-item__price-wrapper .price {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #111 !important;
}

.cart-item__price-wrapper .price.cart-item__old-price {
    color: #999 !important;
    font-size: 13px !important;
    text-decoration: line-through !important;
}

.cart-item__discounted-prices .price {
    color: #9D182B !important;
}

/* ---- Remove Button ---- */
.cart-remove .icon {
    width: 18px !important;
    height: 18px !important;
    fill: #999 !important;
    transition: fill 0.3s ease !important;
}

.cart-remove:hover .icon {
    fill: #C19A34 !important;
}

/* ---- Cart Totals & Actions ---- */
.cart-total-grandtotal {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #111 !important;
    letter-spacing: -0.01em !important;
}

.cart-actions .button {
    background-color: #C19A34 !important;
    border-color: #C19A34 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: var(--btn-1-border-radius) !important;
    transition: all 0.3s ease !important;
}

.cart-actions .button:hover {
    background-color: #b18b2f !important;
    border-color: #b18b2f !important;
}

/* ---- Mobile Refinements ---- */
@media (max-width: 767px) {
    .cart-item {
        padding: 20px 0 !important;
        gap: 15px !important;
    }

    .cart-item-image {
        border-radius: 6px !important;
    }
    
    .cart-item-name {
        font-size: 12px !important;
    }
    
    .cart-item-properties {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .cart-item-qty .quantity {
        height: 38px !important;
        width: 115px !important;
    }
}
/* ======================================================
   Bejeweled Muse – MAIN CART (DIV Layout)
   Matches Side Cart Luxury Styling
====================================================== */


/* -------------------------
   Cart Item Wrapper
-------------------------- */
.cart-item {
    padding: 24px 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

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

/* -------------------------
   Product Image – Fill Frame
-------------------------- */
.cart-item-media {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    background-color: #fafafa !important;
}

.cart-item-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform 0.35s ease !important;
}

.cart-item:hover .cart-item-media img {
    transform: scale(1.06) !important;
}

/* -------------------------
   Product Title
-------------------------- */
.cart-item-name {
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.5 !important;
    margin-bottom: 6px !important;
}

.cart-item-name a:hover {
    color: #C19A34 !important;
}

/* -------------------------
   Vendor Badge (ONLY Personalizable)
-------------------------- */
.cart-item-vendor {
    display: none !important;
}

.cart-item[data-vendor="Personalizable"] .cart-item-vendor {
  display: inline-block !important;

  font-family: 'EB Garamond', Garamond, 'Times New Roman', serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-style: italic !important;

  color: #A07F2A !important;

  padding: 2px 6px !important;
  border-radius: 4px !important;

  background: transparent !important;
  text-transform: none !important;
    color: #A07F2A !important;
  background: transparent !important;
  margin-bottom:0px !important;

}

/* -------------------------
   Variant Text
-------------------------- */
.cart-item-options {
    font-size: 12.5px !important;
    color: rgba(0,0,0,0.6) !important;
    margin-bottom: 6px !important;
}

/* ======================================================
   PERSONALIZATION BLOCK (MAIN CART)
====================================================== */

.cart-item-properties {
    margin: 6px 0 10px 0 !important;
    padding: 8px 10px !important;

    background-color: rgba(0,0,0,0.02) !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 6px !important;
}

/* Each personalization row */
.cart-item-properties .product-option {
    margin: 0 0 6px 0 !important;
    line-height: 1.4 !important;
}

.cart-item-properties .product-option:last-child {
    margin-bottom: 0 !important;
}

/* Key / label */
.cart-item-properties .definitionList-key {
    display: block !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    color: rgba(0,0,0,0.55) !important;
    margin-bottom: 2px !important;
}

/* Value – next line */
.cart-item-properties .definitionList-value {
    display: block !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    color: #333 !important;
    word-break: break-word !important;
}

/* Upload links */
.cart-item-properties .definitionList-value a {
    color: #C19A34 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(193,154,52,0.4) !important;
}

.cart-item-properties .definitionList-value a:hover {
    border-bottom-color: #C19A34 !important;
}

/* -------------------------
   Price
-------------------------- */
.cart-item-price {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #111 !important;
}

.cart-item-price .price--sale {
    color: #9d182b !important;
}

/* -------------------------
   Quantity
-------------------------- */
.cart-item-quantity input {
    height: 42px !important;
    border-radius: 40px !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    background-color: #fff !important;
    font-size: 13px !important;
}

/* -------------------------
   Remove Button
-------------------------- */
.cart-item-remove svg {
    width: 16px !important;
    height: 16px !important;
    opacity: 0.5 !important;
    transition: all 0.25s ease !important;
}

.cart-item-remove:hover svg {
    opacity: 1 !important;
    fill: #C19A34 !important;
}

/* ======================================================
   Mobile Refinement
====================================================== */
@media (max-width: 768px) {
    .cart-item {
        padding: 18px 0 !important;
    }

    .cart-item-name {
        font-size: 14px !important;
    }

    .cart-item-properties {
        padding: 7px 9px !important;
    }
}

/* ======================================================
   End Bejeweled Muse – MAIN CART Styling
====================================================== */
/* ======================================================
   Bejeweled Muse — Main Cart Luxury Styling
   Matches Side Cart (Clean • Elegant • Modern)
====================================================== */

/* ---- Cart Container ---- */
.cart {
    background-color: #ffffff !important;
}

/* ---- Cart Item Wrapper ---- */
.cart-item {
    padding: 22px 22px !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

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

/* ---- Product Image ---- */
.cart-item__image {
    border-radius: 6px !important;
    overflow: hidden !important;
    background-color: #fafafa !important;
}

.cart-item__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: scale(1.04) !important;
    transition: transform .3s ease !important;
}

.cart-item:hover .cart-item__image img {
    transform: scale(1.08) !important;
}

/* ---- Vendor (ONLY when Personalizable) ---- */
.cart-item__vendor {
  display: inline-block !important;

  font-family: 'EB Garamond', Garamond, 'Times New Roman', serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-style: italic !important;

  color: #A07F2A !important;

  padding: 2px 6px !important;
  border-radius: 4px !important;

  background: transparent !important;
  text-transform: none !important;
    color: #A07F2A !important;
  background: transparent !important;
}

/* ---- Product Title ---- */
.cart-item__name {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    letter-spacing: 0.02em !important;
    color: #111 !important;
    margin-bottom: 6px !important;
}

.cart-item__name:hover {
    color: #C19A34 !important;
}

/* ---- Variant ---- */
.cart-item__variant {
    font-size: 12.5px !important;
    color: rgba(0,0,0,0.55) !important;
    margin-bottom: 6px !important;
}

/* ---- Personalization Block ---- */
.cart-item-properties {
    margin: 6px 0 10px !important;
    padding: 8px 10px !important;
    background-color: rgba(0,0,0,0.025) !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 6px !important;
}

.cart-item-properties .product-option {
    margin-bottom: 6px !important;
}

.cart-item-properties .product-option:last-child {
    margin-bottom: 0 !important;
}

.cart-item-properties .definitionList-key {
    display: block !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    color: rgba(0,0,0,0.55) !important;
    margin-bottom: 2px !important;
}

.cart-item-properties .definitionList-value {
    display: block !important;
    font-size: 12.5px !important;
    color: #333 !important;
    word-break: break-word !important;
}

.cart-item-properties a {
    color: #C19A34 !important;
    border-bottom: 1px solid rgba(193,154,52,0.4) !important;
    text-decoration: none !important;
}

/* ---- Price ---- */
.cart-item__price {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #111 !important;
}

.cart-item__price s {
    opacity: 0.55 !important;
}

.cart-item__price .price--final {
    color: #C19A34 !important;
}

/* ---- Quantity ---- */
.cart-item__quantity input {
    height: 42px !important;
    border-radius: 40px !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    font-size: 13px !important;
}

/* ---- Remove Button ---- */
.cart-item__remove svg {
    width: 16px !important;
    height: 16px !important;
    opacity: 0.5 !important;
    transition: all .25s ease !important;
}

.cart-item__remove:hover svg {
    opacity: 1 !important;
    fill: #C19A34 !important;
}

/* ---- Cart Totals ---- */
.cart__footer {
    border-top: 1px solid rgba(0,0,0,0.08) !important;
    padding-top: 20px !important;
}

.cart__subtotal {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111 !important;
}

/* ---- Checkout Button ---- */
.cart__checkout-button {
    background-color: #C19A34 !important;
    color: #fff !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border-radius: var(--btn-1-border-radius) !important;
}

.cart__checkout-button:hover {
    background-color: #b18b2f !important;
}

/* ---- Mobile Refinement ---- */
@media (max-width: 768px) {
    .cart-item__name {
        font-size: 14px !important;
    }

    .cart-item__price {
        font-size: 13px !important;
    }
}

/* ======================================================
   End Main Cart Luxury Styling
====================================================== */



/* ======================================================
   Bejeweled Muse – Luxury Side Cart (Forced Override)
   Clean • Elegant • Modern Jewelry UX
====================================================== */

dl.card-properties.definitionList.cart-item-properties {
    background-color: #f8f6f2 !important; /* warm, jewelry-friendly neutral */
    border-radius: 6px !important;

    padding: 10px 12px !important;
    margin: 6px 0 8px 0 !important;
}
/* ===============================
   Cart Personalization – Clean & Elegant
   =============================== */
/* --- SAFE COMPACT SIDE CART --- */

/* 1. Tool Icons: Reduce dead space, keep icons tap-friendly */
.previewCartTool {
    padding: 10px 20px !important;
    border-bottom: 1px solid #eee;
}
.cartTool-item {
    padding: 5px 10px !important;
}
.cartTool-item span svg {
    width: 22px !important; /* Slightly smaller, still legible */
    height: 22px !important;
}

CartTotalsPrice {
    margin-bottom: 12px !important; 
}
.previewCartTotals {
    margin-bottom: 6px !important; /* Pulls Subtotal/Discount/Total closer */
}
.previewCartTotals.total {
    padding-top: 8px !important;
    margin-top: 6px !important;
}

/* 3. Shipping Note: Make it subtle so it doesn't push buttons down */
.previewCartTotals.shipTotal {
    margin-top: 0 !important;
}
.previewCartTotals.shipTotal .previewCartTotals-value {
    font-size: 11.5px !important;
    color: #777;
    line-height: 1.3;
}

/* 4. Checkbox: Align neatly */
.previewCartAction .previewCartCheckbox {
    margin-bottom: 12px !important;
}
.previewCartAction .previewCartCheckbox label {
    font-size: 12px !important;
}

/* 5. Buttons: Keep them stacked and tap-friendly, just remove the huge gap */
.previewCartGroup {
    display: block !important; /* Fixes the cutoff issue */
}
.previewCartGroup .button {
    width: 100% !important;
    margin-bottom: 10px !important; /* Safe gap between buttons */
}
.previewCartGroup .button:last-child {
    margin-bottom: 0 !important; /* Stops the bottom button from being pushed out */
}
.cart-item-properties {
    background-color: #f8f6f2 !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 6px !important;
    padding: 12px 14px !important;
    margin-top: 10px !important;
    max-width: 100% !important;
   /* width: fit-content !important;*/
}

/* Each personalization row */
.cart-item-properties .product-option {
    display: block !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.4 !important;
}

.cart-item-properties .product-option:last-child {
    margin-bottom: 0 !important;
}

/* Label (key) — calm, not dominant */
.cart-item-properties .definitionList-key {
    display: block !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    text-transform: Capitalize !important;
    letter-spacing: 0 !important;

    color: rgba(0, 0, 0, 0.55) !important;
    margin-bottom: 2px !important;
}

/* Value — primary focus */
.cart-item-properties .definitionList-value {
    display: block !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;

    color: #333333 !important;
    word-break: break-word !important;
}

/* Upload / file links */
.cart-item-properties .definitionList-value a {
    color: #C19A34 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(193, 154, 52, 0.4) !important;
}

.cart-item-properties .definitionList-value a:hover {
    border-bottom-color: #C19A34 !important;
}

/* Natural spacing with surrounding cart content */
.previewCartItem-name + .cart-item-properties {
    margin-top: 6px !important;
}

.cart-item-properties + .previewCartItem-price {
    margin-top: 6px !important;
}

/* Mobile refinement */
@media (max-width: 768px) {
    .cart-item-properties {
        padding: 7px 9px !important;
    }

    .cart-item-properties .definitionList-key {
        font-size: 11px !important;
    }

    .cart-item-properties .definitionList-value {
        font-size: 12px !important;
    }
}

/* ---- Overall Cart ---- */
.previewCart {
    background-color: #ffffff !important;
    padding: 24px 30px !important;
}

.halo-cart-sidebar {
    box-shadow: -12px 0 45px rgba(0,0,0,0.08) !important;
}

/* ---- Cart Items ---- */
.previewCartItem {
    padding-bottom: 28px !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

.previewCartItem:last-child {
    border-bottom: none !important;
}

/* ---- Product Image (Fill Frame Style) ---- */
.previewCartItem-image img {
    transition: transform 0.3s ease !important;
}

.previewCartItem:hover .previewCartItem-image img {
    transform: scale(1.08) !important;
}

.previewCartItem-image {
    padding: 6px !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Remove theme ratio lock (causes white space) */
.previewCartItem-image:before {
    padding-bottom: 100% !important;
}

/* Force image to enlarge and fill container */
.previewCartItem-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;   /* KEY: fills frame */
    object-position: center !important;
    border-radius: 6px !important;
    background-color: #fafafa !important;
    position: absolute !important;
    inset: 0 !important;
    transform: scale(1.05) !important; /* subtle upscale = luxury */
}


/* ---- Product Name ---- */
.previewCartItem-name {
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.5 !important;
    margin-bottom: 6px !important;
    transition: color 0.25s ease !important;
}

.previewCartItem-name:hover {
    color: #C19A34 !important;
}
/* ---- Vendor Label (Personalizable) ---- */
.previewCartItem-vendor {
  display: inline-block !important;

  font-family: 'EB Garamond', Garamond, 'Times New Roman', serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-style: italic !important;

  color: #A07F2A !important;

  padding: 2px 6px !important;
  border-radius: 4px !important;

  background: transparent !important;
  text-transform: none !important;
    color: #A07F2A !important;
  background: transparent !important;
}

/* Vendor badge for side cart */
.previewCartItem-vendor {
  display: inline-block !important;

  font-family: 'EB Garamond', Garamond, 'Times New Roman', serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-style: italic !important;

  color: #A07F2A !important;

  padding: 2px 6px 2px 0!important;
  border-radius: 4px !important;

  background: transparent !important;
  text-transform: none !important;
    color: #A07F2A !important;
  background: transparent !important;
}

/* ---- Price ---- */
.previewCartItem-price .price {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #111 !important;
}

.halo-cart-sidebar .discounted-price {
    color: #9d182b !important;
}

.halo-cart-sidebar .before-discount-price {
    opacity: 0.6 !important;
}
@media (max-width: 1024px) {
    .halo-cart-sidebar .previewCartItem-price .before-discount-price {
        font-size: calc(var(--product-price-font-size) * .90 - 2px)!important;
    }
}
    
@media (max-width: 1024px) {
    .halo-cart-sidebar .previewCartItem-price .discounted-price, .previewCartItem-price .price {
        font-size: 14px !important;
    }
}
/* ---- Quantity Selector ---- */

.previewCartItem-qty .quantity {
    height: 42px !important;
    border-radius: 40px !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    background-color: #ffffff !important;
}

.previewCartItem-qty input {
    font-size: 13px !important;
}

.previewCartItem-qty .btn-quantity:before,
.previewCartItem-qty .btn-quantity.plus:after {
    background: #666 !important;
}

/* ---- Remove Button ---- */
.previewCartItem-remove svg {
    opacity: 0.5 !important;
    transition: all 0.3s ease !important;
}

.previewCartItem-remove:hover svg {
    opacity: 1 !important;
    fill: #C19A34 !important;
}

/* ---- Cart Totals ---- */
.previewCartTotals {
   /* margin-top: 16px !important;*/
    padding-top: 8px !important;
    border-top: 1px solid rgba(0,0,0,0.08) !important;
}

.previewCartTotals-label {
    font-weight: 500 !important;
}

.previewCartTotals.total .previewCartTotals-value {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #111 !important;
}

/* ---- Checkout Buttons ---- */
.previewCartGroup .button {
    border-radius: var(--btn-1-border-radius) !important;
}

.previewCartGroup .button--primary {
    background-color: #C19A34 !important;
    color: #ffffff !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.previewCartGroup .button--primary:hover {
    background-color: #b18b2f !important;
}

/* ------------------- Cart Tool Items Revamp Minimal ------------------- */
.previewCartTool {
    padding: 8px 16px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
    background-color: #fafafa !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
}

.cartTool-item {
    width: 25% !important;
    text-align: center !important;
    padding: 12px 6px !important;
    background-color: #fff !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    transition: all 0.25s ease !important;
    position: relative !important;
}

.cartTool-item:hover {
    background-color: #f8f8f8 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
    transform: translateY(-1px) !important;
}

.cartTool-item svg {
    width: 20px !important;   /* smaller icon size */
    height: 20px !important;  /* smaller icon size */
    color: #464646 !important;
    transition: all 0.25s ease !important;
}

.cartTool-item:hover svg {
    color: #C19A34 !important; /* Brand accent on hover */
}

.cartTool-item span {
    font-size: 12px !important;  /* smaller, minimal text */
    color: #464646 !important;
    font-weight: 500 !important;
    pointer-events: none !important;
}

.cartTool-item .badge {
    position: absolute !important;
    top: 6px !important;
    right: 10px !important;
    background-color: #C19A34 !important;
    color: #fff !important;
    font-size: 9px !important;  /* smaller badge */
    font-weight: bold !important;
    padding: 1px 5px !important;  /* tighter badge padding */
    border-radius: 10px !important;
    line-height: 1 !important;
}


/* Tooltip labels */
.cartTool-item[data-tooltip]:hover::after {
    content: attr(data-tooltip) !important;
    position: absolute !important;
    bottom: 110% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background-color: #464646 !important;
    color: #fff !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    pointer-events: none !important;
    z-index: 999 !important;
}

/* First and last item borders */
.cartTool-item:first-child {
    border-left: 1px solid #e2e2e2 !important;
}

/* Mobile responsiveness */
@media (max-width: 768px){
    .cartTool-item {
        width: 30% !important;
        padding: 12px 8px !important;
    }

    .cartTool-item svg {
        width: 24px !important;
        height: 24px !important;
    }

    .cartTool-item span {
        font-size: 12px !important;
    }
}

/* ---- “You May Also Like” ---- */
.previewCartTitle {
    font-family: var(--font-body-family)!important;
    font-size: calc(var(--font-body-size) + 4px)!important;
    font-style: var(--font-heading-style)!important;
    font-weight: var(--font-weight-semibold)!important;
    letter-spacing: var(--body-letter-spacing)!important;
    line-height: var(--body-line-height)!important;
    color: var(--color-text)!important;
    text-transform: capitalize!important;
    margin: 0 0 20px 0 !important;
}

.previewCartCollection .card-button {
    font-size: 13px !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    color: #111 !important;
}

.previewCartCollection .card-button:hover {
    color: #C19A34 !important;
}

/* ---- Mobile Refinement ---- */
@media (max-width: 768px) {
    .previewCart {
        padding: 20px !important;
    }

    .previewCartItem-name {
        font-size: 14px !important;
    }

    .previewCartTotals.total .previewCartTotals-value {
        font-size: 16px !important;
    }
}
@media (max-width: 1024px) {
    .previewCartInfo {
        padding: 5px 20px 60px !important;
    }
}
/* ======================================================
   End Bejeweled Muse Side Cart Forced Styling
====================================================== */



//* --- PRODUCT CARD LAYOUT 08 - QUICK side cart --- *//

@media (max-width: 1024px) {
    .halo-cart-sidebar .previewCartItem-price .discounted-price, .previewCartItem-price .price {
        font-size: calc(var(--product-price-font-size) * .85) !important;
    }
}
//* --- PRODUCT CARD LAYOUT 08 - QUICK side cart --- *//


//* --- PRODUCT CARD LAYOUT 08 - QUICK ADD TO BAG --- *//
@media (min-width: 1025px) {
    .product-card-layout-08 .card-action>form {
        overflow:  visible !important; 
    }
}
#halo-quickshop-popup-option-3 .productView-options {
    border-top: none !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 7px !important;
    text-align: left !important; /* Align options to the left */
}

#halo-quickshop-popup-option-3 .product-form__input {
    text-align: left !important; /* Align input fields / swatches left */
}

#halo-quickshop-popup-option-3 .product-form__input .form__label {
    margin: 0 !important; /* Remove auto centering */
}

#halo-quickshop-popup-option-3 .productView-groupTop {
    justify-content: flex-start !important; /* Align action buttons left on desktop */
}
/* Make text color of elements with data-header-option use brand color */
[data-header-option] {
    color: #A8872A !important;
}

/* Optional: hover effect for subtle luxury feel */
[data-header-option]:hover {
    color: #C19A34 !important; /* slightly darker gold on hover */
}

/* Updated product title with your snippet */
#halo-quickshop-popup-option-3 .productView-title {
    font-family: var(--product-title-font) !important;
    font-size: var(--product-title-font-size) !important;
    font-weight: var(--product-title-font-weight) !important;
    line-height: var(--product-title-line-height) !important;
    letter-spacing: var(--product-title-letter-spacing) !important;
    text-transform: var(--product-title-text-transform) !important;
    color: var(--product-title-color) !important;
    margin-bottom: 10px !important;
    margin-top: -2px !important;
}

//* --- PRODUCT CARD LAYOUT 08 - QUICK ADD TO BAG --- *//

//* --- SUB COLLECTION - default page --- *//

@media (max-width: 1024px) {
    /* Remove top/bottom margins for sub-collection items */
    .collection-sub-list .item {
        display: inline-block 
        vertical-align: top;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}
@media (max-width: 1024px) {
    .articleLookbook-title {
        --lb-margin-top-title: 0px !important;
    }
}
@media (max-width: 1024px) {
    #HeaderCollectionSection-template--25133013303607__banner 
    .collection-info-item.sub-collection.no-show-more {
        padding-bottom: 0px !important;
    }
}

/* --- FORCE PERFECT CIRCLE THUMBNAILS (Ella Theme) --- */

/* Outer wrapper */
.collection-sub-list .item .product-card__image,
.collection-sub-list .item .collection-grid-item__image {
  width: 100% !important;
  aspect-ratio: 1/1 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  display: block !important;
  position: relative !important;
}

/* Inner media container */
.collection-sub-list .item .product-card__image .media,
.collection-sub-list .item .collection-grid-item__image .media {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  display: block !important;
  object-fit: cover !important;
}

/* Actual image */
.collection-sub-list .item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
}

.collection-sub-list .item a img {
  border: 1px solid rgba(193, 154, 52, 0.25);
}

/* ---- LUX HOVER GLOW (Desktop only) ---- */
@media (min-width: 769px) {
  .collection-sub-list .item a img {
    transition: transform .35s ease, box-shadow .35s ease;
  }
  .collection-sub-list .item:hover img {
    transform: scale(1.04);
    box-shadow: 0 0 14px rgba(193, 154, 52, 0.35);
  }
}

/* ---- MUSE FLOAT EFFECT (Mobile center slide only) ---- */
@media (max-width: 768px) {
  [data-sub-collection-slider]:not(.no-dimming) .slick-center img {
    animation: museFloat 3.2s ease-in-out infinite;
  }
@keyframes museFloat {
  0%, 100% { transform: scale(1.06) translateY(-1px); }
  50% { transform: scale(1.08) translateY(-3px); }
}

  /* Disable float animation for sliders with fewer than 3 items */
  [data-sub-collection-slider].no-dimming img {
    animation: none !important;
  }
}

/* ---- MOBILE: Dim sides, center highlight ---- */
/* Only dim on *mobile phones* where center mode is active and slider has >=3 items */
@media (max-width: 640px) {
  [data-sub-collection-slider]:not(.no-dimming) .slick-slide {
    opacity: 0.45;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
  }
[data-sub-collection-slider]:not(.no-dimming) .slick-center {
  opacity: 1;
}

/* Make sure slides still scale when active, but ONLY via animation */
[data-sub-collection-slider]:not(.no-dimming) .slick-center img {
  will-change: transform; /* Important for GPU smooth animation */
}

  /* Prevent dimming for sliders with <3 items */
  [data-sub-collection-slider].no-dimming .slick-slide,
  [data-sub-collection-slider].no-dimming .slick-center {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* iPad & larger = NO dimming */
@media (min-width: 641px) {
  [data-sub-collection-slider] .slick-slide {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ---- DESKTOP: No dimming ever ---- */
@media (min-width: 769px) {
  [data-sub-collection-slider] .slick-slide {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ---- TITLE WRAP (always 3 lines max) ---- */
.collection-sub-list .item a .item-title,
.collection-sub-list .item a span,
.collection-sub-list .item a .title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
  max-height: 2.6em;
}

/* ---- ITEM LAYOUT ---- */
.collection-sub-list .item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  white-space: normal !important;
  text-align: center;
  line-height: 1.25;
  border-radius: 12px;
}

/* ---- MOBILE PADDING (3px) ---- */
.collection-sub-list .item a {
  padding: 0 3px !important;
}

/* ---- DESKTOP + TABLET PADDING (2px) ---- */
@media (min-width: 769px) {
  .collection-sub-list .item a {
    padding: 0 2px !important;
  }
}

/* ---- SLIDER CONTAINER CLEANUP ---- */
[data-sub-collection-slider] .item {
  display: block !important;
  text-align: center;
}
[data-sub-collection-slider] {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ---- MOBILE EXTRA TIGHT SPACING ---- */
@media (max-width: 767px) {
  #HeaderCollectionSection-template--25133013303607__banner .collection-sub-list .item {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
}
//* --- SUB COLLECTION - default page --- *//


/* colelction list */

/* brand slider */
@media (max-width: 768px) {
    .halo-row[data-center-mode="true"] .halo-item {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}

/* brand slider */

/* FOOTER START */

#shopify-section-sections--25133014679863__7dd305ea-835a-4431-8306-b54c5a1ed194 
> footer > div.footer__content-top > div > div > 
div.footer-block__item.footer-block__column.text-left.footer-block__text.block_text--.block__text_first.scroll-trigger.animate--slide-in 
> div > div > div.rte > p {
  font-family: 'EB Garamond', serif !important;
  font-style: italic !important;
  line-height: 20px !important;
    color: #C19A34 !important;

}

@media (max-width: 767px) {
.footer-block__list-social.scroll-trigger.animate--slide-in {
       margin-top: 10px!important;
} 
.footer-block__column .list-menu__item--link, .footer-block__newsletter .footer-block__subheading, .footer__content-bottom .footer-block__bottom .footer__copyright {
    font-size: 12px!important;
}
}

#shopify-section-sections--25133014679863__7dd305ea-835a-4431-8306-b54c5a1ed194 .footer-block__list-social .list-social {
  padding-top: 10px !important;
}

.footer-block__column .footer-block__heading {
    font-weight:900 !important;
}

/* FOOTER END */

/* MOBILE MENU */


#MenuMobileListSection-menu > li:nth-child(9) {
    background-color: rgba(240, 236, 229, 0.35)!important;
}
.halo-sidebar_menu .nav-title-mobile {
  background: #faf4dd !important;
}
[data-navigation-mobile] .nav-title-mobile .menu-lv-2__action,
[data-navigation-mobile] .nav-title-mobile .menu-lv-3__action {
  color: #c19a34 !important;
}
.nav-menu-tab {
    background: #C19A34 !important;
  }

  li.menu-lv-item.menu-lv-2.text-left.dropdown .menu-lv-2__action.list-menu__item.list-menu__item--end.link.focus-inset {
    font-size: 15px !important;
    font-weight: 900 !important;
    color: black !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1px !important;
}
/* Force search popup sidebar to always open from the left */
body .halo-sidebar-left.halo-sidebar_search {
  left: 0 !important;
  right: auto !important;
  transform: translate3d(-101%, 0, 0) !important;
}
body.open_search_mobile .halo-sidebar-left.halo-sidebar_search {
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* MOBILE MENU */

/* desktop MENU */
.card:has(.card-information__wrapper.text-center) .card-swatch .swatch {
    justify-content: left !important;
}
#HeaderNavigation > nav > ul > li:nth-child(8) > div > div > div > div.wrapper-colunm-menu > div.col-right > div > div:nth-child(-n+12) > div > a > span {
    font-family: var(--font-mega-menu-lv3-family)!important;
    font-size: var(--font-mega-menu-lv3-size)!important;
    font-weight: var(--font-mega-menu-lv3-weight)!important;
    line-height: var(--mega-menu-lv3-line-height)!important;
    letter-spacing: var(--mega-menu-lv3-letter-spacing)!important;
    text-transform: var(--mega-menu-lv3-text-transform)!important;
    padding: 4px 0!important;
    margin-bottom: 0px!important;
}
@media screen and (min-width: 1281px) {
  .header-nav-hamburger--style2 .header-icons,
  .header-nav-hamburger--style2 .main-menu {
    width: 100%;
  }

  /* Override without removing */
  .header-nav-hamburger--style2 .header-icons,
  .header-nav-hamburger--style2 .main-menu {
    width: unset !important; /* disables the forced width */
  }
}
.cvc-switcher-btn__name {
    font-weight: 400!important;
}
.cvc-switcher-btn--embedded-desktop {
    margin: auto 0px!important;
}

.cvc-switcher-expand__apply {
    background: var(--btn-1-bg) !important;
    font-family: var(--btn-1-font-family)!important;
    font-size: var(--btn-1-font-size)!important;
    font-weight: var(--btn-1-font-weight)!important;
    text-transform: var(--btn-1-text-transform)!important;
    text-align: var(--btn-1-text-align)!important;
    letter-spacing: var(--btn-1-letter-spacing)!important;
    line-height: 24px!important;
    color: var(--btn-1-color)!important;
    border-radius: var(--btn-1-border-radius)!important;
    border-color: var(--product-action-border)!important;
}

/* desktop MENU */

/* TRACKER */

#track123-powered-by {
color: white!important;
}
#track123-powered-by {
color: white!important;
}
/* TRACKER */

/* QUICKVIEW */
@media (max-width: 550px) {
  body.quick-view-show .halo-quick-view-popup {
    transform: translate3d(-50%, -50%, 0)!important;
  }
}
/* QUICKVIEW */

/* PRODUCT CARD */
.card-vendor .vendor-text {
  display: inline-block !important;
  background-color: #faf4dd !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease !important;
  font-size: 10px !important;
}

.card-title {
    font-size: var(--product-title-font-size)!important;
}
.product-card-layout-02 .card-swatch+.card-action {
    margin-top: 10px !important;
}

a.vendor-text[title="Personalizable"] {
  display: inline-block !important;

  font-family: 'EB Garamond', Garamond, 'Times New Roman', serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-style: italic !important;

  color: #A07F2A !important;

  padding: 2px 6px !important;
  border-radius: 4px !important;

  background: transparent !important;
  text-transform: none !important;
    color: #A07F2A !important;
  background: transparent !important;
}

.product-card-layout-02 .card-information {
    padding: 10px!important;
}
.card-vendor .vendor-text[title="Non-Personalized"] {
  display: none !important;
}

/* ===========================
   PRODUCT META LABELS (PILLS)
   =========================== */

.product-meta-labels {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 6px;
  margin: 10px 0; /* top and bottom spacing */
  max-width: 100%;
  position: relative;
  font-size: 10px;
}

.meta-pill {
  background-color: rgba(240, 236, 229, 0.35); /* soft warm neutral */
  color: #3d352b; /* soft deep brown for contrast */
  border: 1px solid rgba(193, 154, 52, 0.3); /* subtle gold border tint */
  border-radius: 6px;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 0.2px;
  padding: 2px 7px;
  display: inline-block;
  white-space: nowrap;
  font-family: 'Thicccboi', sans-serif;
  line-height: 1.3;
  transition: all 0.25s ease;
  flex-shrink: 0;
}

.meta-pill.more-pill {
  background-color: rgba(240, 236, 229, 0.8);
  color: #6d5c5c;
  border: 1px solid rgba(183, 173, 158, 0.4);
  cursor: default;
  font-style: italic !important;
}

.meta-pill {
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease;
}

.meta-pill:hover {
  background-color: rgba(210, 205, 195, 0.8);
  color: #2f2a28;
  border-color: rgba(157, 144, 124, 0.7);
}



/* PRODUCT CARD */


.field__input, .form-input { 
  padding-top: var(--btn-1-padding-top)!important;
  padding-bottom: var(--btn-1-padding-bottom)!important;
}

/* quick shop */

.quick_shop_option_1 #halo-card-mobile-popup .card-action .variants-popup-content .variants {
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* Active/selected variant style */
.quick_shop_option_1 #halo-card-mobile-popup .card-action .variants-popup-content .variants .active,
.quick_shop_option_1 #halo-card-mobile-popup .card-action .variants-popup-content .variants .selected,
.quick_shop_option_1 #halo-card-mobile-popup .card-action .variants-popup-content .variants input:checked + label {
  border-color: #c19a34 !important;
  background-color: #c19a34 !important;
  color: #fff !important;
}
.card-action .variants-popup-content {
    position: relative;
    padding: 25px 10px 35px 10px !important:
}

.card-action .selector-wrapper .form-label {
  text-align: left !important;
  justify-content: flex-start !important; /* if flex */
  align-items: flex-start !important;     /* if flex */
  padding-left: 0 !important;             /* remove left padding */
}
.quick_shop_option_1 .card-action .variants-popup-content .label-quantity-2 {
   text-align:left !important;
}
.previewCartItem-qty {
    vertical-align: left !important;
}
@media (max-width: 767px) {
    .quick_shop_option_1 .card-action .variants-popup-content .quickshop-quantity {
        margin: 5px auto 12px;
        margin-top: 5px;
        margin-right: auto;
        margin-bottom: 12px;
        margin-left: 0 !important;
    }
}
@media (max-width: 767px) {
    .quick_shop_option_1 #halo-card-mobile-popup .card-action .variants-popup-content {
        padding: 25px 10px 35px!important;
    }
}
#halo-card-mobile-popup {
  height: max-content !important;
  max-height: none !important; /* disables the 550px limit */
}
body:not(.quick_shop_option_3) .previewCartCollection .previewCartCarousel .product {
    min-height: unset !important;
}
.btn_3_br_outside .card-action .button:after {
    border: none !important;
}

/* Outer wrapper: clean white circle with spacing between swatches */
.selector-wrapper.option-color .swatch-element label.single-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: #fff !important; /* white background to create gap */
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #ddd !important; /* subtle outline */
  overflow: hidden !important;
  box-shadow: none !important;
}

/* Inner pattern: smaller circle (creates visible white ring around it) */
.selector-wrapper.option-color .swatch-element .pattern {
  display: block !important;
  width: 90% !important; /* adjust for larger/smaller gap */
  height: 90% !important;
  border-radius: 50% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  image-rendering: crisp-edges !important;
  border: none !important; /* no outline on inner circle */
  transition: transform 0.2s ease !important;

}
}

/* Hover effect (subtle lift) */
.selector-wrapper.option-color .swatch-element label.single-label:hover .pattern {
  transform: scale(1.05) !important;
}



/* quick shop */

//*@media (max-width: 551px) {
    .button {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }
}*//


/* Promo Pop Up */
.halo-newsletter-popup.style-2 .discount_label  {
    color: #FFF05A !important;
    font-family: EB Garamond !important;
}
.halo-newsletter-popup.style-2 .discount_label {
    color: #FFF05A !important;
    font-family: EB Garamond !important;
}
#halo-newsletter-popup > div > div.halo-popup-banner > div.banner__content > div > span > p > em {
    color: #FFF05A !important;

}
.newsletter--checked label {
        color: #FFF05A !important;
}
.halo-newsletter-popup.style-2 .newsletter-popup-title {
  color: #FFF05A !important;
  font-weight: 800 !important;
}
.page--join-the-muse-circle .main-page-title.page-header {
  display: none !important;
}

/* Promo Pop Up */