.elementor-14551 .elementor-element.elementor-element-163cc7c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:50px 0px;--row-gap:50px;--column-gap:0px;--margin-top:-85px;--margin-bottom:30px;--margin-left:0px;--margin-right:15px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-14551 .elementor-element.elementor-element-163cc7c:not(.elementor-motion-effects-element-type-background), .elementor-14551 .elementor-element.elementor-element-163cc7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}.elementor-14551 .elementor-element.elementor-element-9f959b2{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;}.elementor-14551 .elementor-element.elementor-element-9f959b2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14551 .elementor-element.elementor-element-008833b{--display:flex;}.elementor-14551 .elementor-element.elementor-element-c6de954{--display:flex;--justify-content:flex-start;}.elementor-14551 .elementor-element.elementor-element-c6de954.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14551 .elementor-element.elementor-element-ec082b9 .elementor-heading-title{font-size:12px;font-weight:600;letter-spacing:4px;color:#C5A059;}.elementor-14551 .elementor-element.elementor-element-694d76c .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:64px;letter-spacing:5.1px;}.elementor-14551 .elementor-element.elementor-element-9dfe9c8{font-family:"Inter", Sans-serif;font-size:18px;font-weight:300;font-style:italic;color:#A3A3A3;}.elementor-14551 .elementor-element.elementor-element-887f40a .elementor-heading-title{text-decoration:line-through;letter-spacing:1px;color:#6B561C;}.elementor-14551 .elementor-element.elementor-element-501db0d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:32px;font-weight:500;}.elementor-14551 .elementor-element.elementor-element-38f4314b{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;}.elementor-14551 .elementor-element.elementor-element-38f4314b:not(.elementor-motion-effects-element-type-background), .elementor-14551 .elementor-element.elementor-element-38f4314b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fenreer.com/wp-content/uploads/2026/04/fenreer-monopoly-container-background.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14551 .elementor-element.elementor-element-38f4314b::before, .elementor-14551 .elementor-element.elementor-element-38f4314b > .elementor-background-video-container::before, .elementor-14551 .elementor-element.elementor-element-38f4314b > .e-con-inner > .elementor-background-video-container::before, .elementor-14551 .elementor-element.elementor-element-38f4314b > .elementor-background-slideshow::before, .elementor-14551 .elementor-element.elementor-element-38f4314b > .e-con-inner > .elementor-background-slideshow::before, .elementor-14551 .elementor-element.elementor-element-38f4314b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(180deg, #02010100 70%, #031A10 100%);}.elementor-14551 .elementor-element.elementor-element-14beed48{--display:flex;--min-height:20vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14551 .elementor-element.elementor-element-14beed48:not(.elementor-motion-effects-element-type-background), .elementor-14551 .elementor-element.elementor-element-14beed48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#031A10;}.elementor-14551 .elementor-element.elementor-element-14beed48::before, .elementor-14551 .elementor-element.elementor-element-14beed48 > .elementor-background-video-container::before, .elementor-14551 .elementor-element.elementor-element-14beed48 > .e-con-inner > .elementor-background-video-container::before, .elementor-14551 .elementor-element.elementor-element-14beed48 > .elementor-background-slideshow::before, .elementor-14551 .elementor-element.elementor-element-14beed48 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14551 .elementor-element.elementor-element-14beed48 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(180deg, #00000066 0%, #F2295B00 100%);}.elementor-14551 .elementor-element.elementor-element-4847f294{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-14551 .elementor-element.elementor-element-285fedc2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14551 .elementor-element.elementor-element-285fedc2:not(.elementor-motion-effects-element-type-background), .elementor-14551 .elementor-element.elementor-element-285fedc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1128;}.elementor-14551 .elementor-element.elementor-element-7aed70bc{width:100%;max-width:100%;}.elementor-14551 .elementor-element.elementor-element-7808a6f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14551 .elementor-element.elementor-element-abc5e34{width:100%;max-width:100%;}.elementor-14551 .elementor-element.elementor-element-dd2fa26{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14551 .elementor-element.elementor-element-c2c4d56{width:100%;max-width:100%;}.elementor-14551 .elementor-element.elementor-element-2e78e9bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14551 .elementor-element.elementor-element-2e78e9bd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14551 .elementor-element.elementor-element-75f049{width:100%;max-width:100%;}.elementor-14551 .elementor-element.elementor-element-452381ce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14551 .elementor-element.elementor-element-128bdd0e{width:100%;max-width:100%;}.elementor-14551 .elementor-element.elementor-element-13232d9{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14551 .elementor-element.elementor-element-f362af4{--display:flex;}@media(max-width:1024px){.elementor-14551 .elementor-element.elementor-element-ec082b9 .elementor-heading-title{font-size:11px;letter-spacing:2.5px;}.elementor-14551 .elementor-element.elementor-element-694d76c .elementor-heading-title{font-size:40px;line-height:1.3em;}.elementor-14551 .elementor-element.elementor-element-9dfe9c8{font-size:14px;line-height:1.4em;}}@media(max-width:767px){.elementor-14551 .elementor-element.elementor-element-ec082b9 .elementor-heading-title{font-size:8px;letter-spacing:2.5px;}.elementor-14551 .elementor-element.elementor-element-ec082b9 > .elementor-widget-container{margin:0px 0px 8px 0px;}.elementor-14551 .elementor-element.elementor-element-694d76c .elementor-heading-title{font-size:26px;}.elementor-14551 .elementor-element.elementor-element-9dfe9c8{font-size:14px;line-height:1.6em;letter-spacing:0.7px;}.elementor-14551 .elementor-element.elementor-element-9dfe9c8 > .elementor-widget-container{margin:0px 0px 24px 0px;}.elementor-14551 .elementor-element.elementor-element-887f40a .elementor-heading-title{font-size:10px;letter-spacing:1.1px;}.elementor-14551 .elementor-element.elementor-element-887f40a > .elementor-widget-container{margin:0px 0px -13px 0px;}.elementor-14551 .elementor-element.elementor-element-501db0d .elementor-heading-title{font-size:22px;letter-spacing:1px;}.elementor-14551 .elementor-element.elementor-element-501db0d > .elementor-widget-container{margin:0px 0px 24px 0px;}.elementor-14551 .elementor-element.elementor-element-38f4314b:not(.elementor-motion-effects-element-type-background), .elementor-14551 .elementor-element.elementor-element-38f4314b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-606px 0px;}.elementor-14551 .elementor-element.elementor-element-34b249b > .elementor-widget-container{margin:100px 50px 0px 0px;}.elementor-14551 .elementor-element.elementor-element-4847f294{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-14551 .elementor-element.elementor-element-285fedc2{--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}}@media(min-width:768px){.elementor-14551 .elementor-element.elementor-element-9f959b2{--width:48.648%;}.elementor-14551 .elementor-element.elementor-element-c6de954{--width:98.553%;}.elementor-14551 .elementor-element.elementor-element-2e78e9bd{--width:100.334%;}}@media(max-width:1024px) and (min-width:768px){.elementor-14551 .elementor-element.elementor-element-9f959b2{--width:382.562px;}}@media(min-width:1025px){.elementor-14551 .elementor-element.elementor-element-38f4314b:not(.elementor-motion-effects-element-type-background), .elementor-14551 .elementor-element.elementor-element-38f4314b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-4847f294 *//* --- 1. THE MONOPOLY WRAPPER --- */
.scent-dna-wrapper {
    display: flex !important;
    gap: 20px !important;
    justify-content: center !important;
    margin: 40px auto !important;
    max-width: 1100px !important;
}

/* --- 2. GLASS CARD (COMPACT HEIGHT) --- */
.scent-card.glass-morph {
    flex: 1 !important;
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(229, 228, 226, 0.15) !important;
    border-radius: 8px !important;
    padding: 30px 20px !important;
    min-height: 280px !important; 
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
    transition: all 0.4s ease !important;
}

.card-center-unit {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important; 
}

.scent-card h4 {
    color: rgba(255, 255, 255, 0.4) !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    font-size: 11px !important;
    margin: 0 !important;
}

.note-display {
    color: #ffffff !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 18px !important;
    font-style: italic !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

/* --- 3. THE VISIBILITY FIXES (PASTE THIS AT THE END) --- */
#tap-to-choose-wrapper {
    position: relative;
    width: 100%;
}

.luxury-in-card-select {
    width: 100% !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(229, 228, 226, 0.5) !important;
    color: #ffffff !important;
    
    /* VISIBILITY FIXES */
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 12px 10px !important; 
    line-height: 1.2 !important; 
    height: auto !important; 
    
    border-radius: 4px !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    text-align: center !important;
}

#tap-to-choose-wrapper::after {
    content: "▼";
    font-size: 10px;
    color: rgba(255,255,255,0.5);
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

/* --- 4. MOBILE SCROLL --- */
/* --- 1. THE MOBILE WRAPPER (PEEK-A-BOO FIX) --- */
@media (max-width: 768px) {
    .scent-dna-wrapper {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        padding: 40px 10% !important; /* Space for peeking cards */
        gap: 15px !important;
        background: transparent !important;
        
        /* HIDE SCROLLBAR */
        -ms-overflow-style: none;  /* IE/Edge */
        scrollbar-width: none;  /* Firefox */
    }

    .scent-dna-wrapper::-webkit-scrollbar {
        display: none; /* Chrome/Safari */
    }

    /* DEFAULT MOBILE CARD (THE "PEEKING" STATE) */
    .scent-card.glass-morph {
        flex: 0 0 82% !important; /* Forces cards to stay side-by-side */
        scroll-snap-align: center !important;
        min-height: 320px !important;
        opacity: 0.4 !important; /* Faded when not centered */
        transform: scale(0.88) !important; /* Smaller when not centered */
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
    }

    /* THE "HERO" CARD (THE "BOO" STATE) */
    .scent-card.glass-morph.is-active {
        opacity: 1 !important;
        transform: scale(1.0) !important;
        border-color: rgba(229, 228, 226, 0.8) !important;
        background: rgba(255, 255, 255, 0.08) !important;
        box-shadow: 0 15px 30px rgba(0,0,0,0.5) !important;
    }
}

/* Ensure the transition is smooth so it doesn't "snap" */
.scent-card.glass-morph {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* Optional: Make the dropdown also glow when you hover over the card */
.scent-card.glass-morph:hover .luxury-in-card-select {
    border-color: rgba(229, 228, 226, 1) !important;
    background: rgba(255, 255, 255, 0.12) !important;
}/* End custom CSS */