/* ======================================================
   PRODUCT FOUNDATION
====================================================== */

.product-hero{

    position:relative;

    padding-top:180px;
    padding-bottom:100px;

}

.product-hero-layout{

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(420px,580px);

    gap:4rem;

    align-items:start;

}

/* ======================================================
   GALLERY
====================================================== */

.product-gallery{

    position:sticky;

    top:140px;

}

.product-gallery-frame{

    position:relative;

    overflow:hidden;

    border-radius:36px;

    padding:2rem;

    background:
        linear-gradient(
            180deg,
            rgba(18,18,18,.96),
            rgba(8,8,8,.98)
        );

    border:
        1px solid rgba(200,176,139,.18);

    backdrop-filter:
        blur(28px);

    box-shadow:
        0 30px 80px rgba(0,0,0,.45);

}

.product-gallery-frame::before{

    content:"";

    position:absolute;

    inset:-20%;

    background:
        radial-gradient(
            circle,
            rgba(200,176,139,.12),
            transparent 60%
        );

    filter:blur(80px);

    pointer-events:none;

}

.product-hero-image{

    position:relative;

    z-index:2;

    width:100%;
    height:auto;

    object-fit:contain;

    aspect-ratio:1/1.15;

}

.product-image-placeholder{

    min-height:620px;

    display:flex;

    align-items:center;
    justify-content:center;

    font-family:var(--font-display);

    font-size:3rem;

    color:var(--lux-gold);

}

/* ======================================================
   SUMMARY
====================================================== */

.product-summary{

    display:flex;

    flex-direction:column;

}

.product-brand{

    display:inline-flex;

    align-items:center;

    width:fit-content;

    color:var(--lux-gold);

    text-transform:uppercase;

    letter-spacing:.22em;

    font-size:.72rem;

    margin-bottom:1rem;

}

.product-badges{

    display:flex;

    flex-wrap:wrap;

    gap:.75rem;

    margin-bottom:1.5rem;

}

.luxury-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:34px;

    padding:
        .55rem .95rem;

    border-radius:999px;

    background:
        rgba(255,255,255,.03);

    border:
        1px solid rgba(200,176,139,.20);

    backdrop-filter:
        blur(16px);

    color:var(--lux-cream);

    font-size:.68rem;

    letter-spacing:.14em;

    text-transform:uppercase;

}

.product-title{

    max-width:12ch;

    margin-bottom:1rem;

    line-height:.92;

}

.product-family{

    font-size:1rem;

    color:var(--text-secondary);

    margin-bottom:1.75rem;

}

/* ======================================================
   RATING
====================================================== */

.product-rating{

    display:flex;

    align-items:center;

    gap:.75rem;

    flex-wrap:wrap;

    margin-bottom:2rem;

}

.rating-stars{

    color:var(--lux-gold);

    letter-spacing:.12em;

}

.rating-text{

    color:var(--text-secondary);

    font-size:.92rem;

}

/* ======================================================
   PRICE
====================================================== */

.price-block{

    display:flex;

    flex-direction:column;

    gap:.4rem;

    margin-bottom:2rem;

}

.price-label{

    color:var(--text-muted);

    text-transform:uppercase;

    letter-spacing:.14em;

    font-size:.72rem;

}

.product-price{

    font-family:var(--font-display);

    font-size:clamp(
        2.5rem,
        5vw,
        4rem
    );

    line-height:1;

    color:var(--lux-cream);

}

/* ======================================================
   VARIANT SYSTEM
====================================================== */

.product-purchase{

    margin-bottom:2rem;

}

.variant-heading{

    display:block;

    margin-bottom:1rem;

    color:var(--text-secondary);

    font-size:.85rem;

    text-transform:uppercase;

    letter-spacing:.16em;

}

.variant-grid{

    display:grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:1rem;

}

.variant-card{

    position:relative;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:.4rem;

    padding:1.15rem;

    border-radius:22px;

    cursor:pointer;

    background:
        rgba(255,255,255,.03);

    border:
        1px solid rgba(255,255,255,.08);

    backdrop-filter:
        blur(14px);

    transition:
        all 320ms
        cubic-bezier(
            .22,
            .61,
            .36,
            1
        );

}

.variant-card:hover{

    transform:
        translateY(-3px);

    border-color:
        rgba(200,176,139,.28);

}

.variant-card.active{

    border-color:
        rgba(200,176,139,.45);

    background:
        rgba(200,176,139,.08);

        box-shadow:
    0 0 0 1px rgba(200,176,139,.35),
    0 20px 40px rgba(0,0,0,.35);

transform:
    translateY(-3px);
}


.variant-tier{

    font-size:.65rem;

    letter-spacing:.16em;

    text-transform:uppercase;

    color:var(--lux-gold);

}

.variant-size{

    font-size:1rem;

    font-weight:600;

    color:var(--lux-cream);

}

.variant-price{

    margin-top:.4rem;

    font-size:.95rem;

    color:var(--text-secondary);

}

/* ======================================================
   PURCHASE PANEL
====================================================== */

.purchase-panel{

    display:flex;

    flex-direction:column;

    gap:1.5rem;

    padding:1.5rem;

    margin-bottom:2rem;

    border-radius:28px;

    background:
        linear-gradient(
            180deg,
            rgba(16,16,16,.92),
            rgba(8,8,8,.98)
        );

    border:
        1px solid rgba(
            200,
            176,
            139,
            .16
        );

    backdrop-filter:
        blur(24px);

}

/* ======================================================
   STOCK STATUS
====================================================== */

.product-stock{

    display:flex;

    align-items:center;

}

.in-stock,
.out-stock{

    display:inline-flex;

    align-items:center;

    gap:.5rem;

    min-height:38px;

    padding:
        .7rem 1rem;

    border-radius:999px;

    font-size:.75rem;

    font-weight:500;

    letter-spacing:.12em;

    text-transform:uppercase;

}

.in-stock{

    color:var(--lux-cream);

    background:
        rgba(255,255,255,.04);

    border:
        1px solid rgba(
            255,
            255,
            255,
            .08
        );

}

.in-stock::before{

    content:"";

    width:8px;
    height:8px;

    border-radius:50%;

    background:#59d66f;

}

.out-stock{

    color:#ffb5b5;

    border:
        1px solid rgba(
            255,
            80,
            80,
            .20
        );

    background:
        rgba(
            255,
            80,
            80,
            .05
        );

}

/* ======================================================
   ACTION BUTTONS
====================================================== */

.purchase-actions{

    display:grid;

    grid-template-columns:
        1fr
        1fr;

    gap:1rem;

}

.purchase-actions form{

    width:100%;

}

.purchase-actions .btn{

    width:100%;

}

.buy-now-btn{

    min-height:60px;

    font-weight:600;

    letter-spacing:.04em;

}

.purchase-actions .btn-primary{

    min-height:60px;

}

/* ======================================================
   TRUST SYSTEM
====================================================== */

.product-trust{

    display:grid;

    grid-template-columns:
        repeat(
            3,
            1fr
        );

    gap:1rem;

    margin-bottom:2rem;

}

.product-trust .trust-item{

    display:flex;

    flex-direction:column;

    gap:.35rem;

    padding:1rem;

    border-radius:22px;

    background:
        rgba(255,255,255,.03);

    border:
        1px solid rgba(
            255,
            255,
            255,
            .06
        );

    text-align:center;

}

.trust-item-title{

    color:var(--lux-cream);

    font-size:.85rem;

    font-weight:600;

}

.trust-item-text{

    color:var(--text-muted);

    font-size:.78rem;

}

/* ======================================================
   FRAGRANCE DNA
====================================================== */

.fragrance-dna{

    display:flex;

    flex-wrap:wrap;

    gap:.75rem;

}

.dna-tag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:40px;

    padding:
        .75rem 1rem;

    border-radius:999px;

    background:
        rgba(255,255,255,.03);

    border:
        1px solid rgba(
            255,
            255,
            255,
            .08
        );

    color:var(--lux-cream);

    font-size:.78rem;

    letter-spacing:.06em;

}

/* ======================================================
   MOBILE HERO
====================================================== */

@media (max-width:991px){

    .product-hero{

        padding-top:140px;
        padding-bottom:70px;

    }

    .product-hero-layout{

        grid-template-columns:
            1fr;

        gap:2.5rem;

    }

    .product-gallery{

        position:relative;

        top:auto;

    }

    .product-gallery-frame{

        padding:1.25rem;

    }

    .product-image-placeholder{

        min-height:340px;

    }

}

@media (max-width:768px){

    .product-title{

        max-width:none;

    }

    .variant-grid{

        grid-template-columns:
            1fr
            1fr;

        gap:.75rem;

    }

    .purchase-panel{

        padding:1.25rem;

    }

    .purchase-actions{

        grid-template-columns:
            1fr;

    }


    .product-trust{

        grid-template-columns:
            repeat(3,1fr);

        gap:.75rem;

    }


    .dna-tag{

        font-size:.72rem;

    }

}


/* ======================================================
   FRAGRANCE STORY
====================================================== */

.fragrance-story-section{

    padding-top:0;

}

.story-card{

    position:relative;

    max-width:1100px;

    margin-inline:auto;

    padding:
        3rem;

    border-radius:36px;

    background:
        linear-gradient(
            180deg,
            rgba(15,15,15,.94),
            rgba(8,8,8,.98)
        );

    border:
        1px solid rgba(
            200,
            176,
            139,
            .12
        );

    overflow:hidden;

}

.story-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        radial-gradient(
            circle at top right,
            rgba(
                200,
                176,
                139,
                .08
            ),
            transparent 45%
        );

    pointer-events:none;

}

.story-overline{

    display:inline-block;

    margin-bottom:1rem;

    color:var(--lux-gold);

    font-size:.72rem;

    letter-spacing:.22em;

    text-transform:uppercase;

}

.story-title{

    margin-bottom:1.5rem;

    max-width:10ch;

}

.story-copy{

    max-width:70ch;

    color:var(--text-secondary);

    font-size:1.05rem;

    line-height:1.9;

}

/* ======================================================
   SCENT IDENTITY
====================================================== */

.identity-grid{

    display:grid;

    grid-template-columns:
        repeat(
            4,
            1fr
        );

    gap:1.5rem;

}

.identity-card{

    padding:
        2rem;

    border-radius:28px;

    background:
        rgba(
            255,
            255,
            255,
            .03
        );

    border:
        1px solid rgba(
            255,
            255,
            255,
            .06
        );

    backdrop-filter:
        blur(20px);

    transition:
        all 320ms
        cubic-bezier(
            .22,
            .61,
            .36,
            1
        );

}

.identity-card:hover{

    transform:
        translateY(-4px);

    border-color:
        rgba(
            200,
            176,
            139,
            .18
        );

}

.identity-label{

    display:block;

    margin-bottom:1rem;

    color:var(--lux-gold);

    text-transform:uppercase;

    letter-spacing:.18em;

    font-size:.68rem;

}

.identity-card h3{

    font-size:1.5rem;

    line-height:1.1;

}

/* ======================================================
   PERFORMANCE SECTION
====================================================== */

.performance-grid{

    display:grid;
    
    grid-template-columns:
        repeat(2,1fr);

    gap:1.5rem;

}

.performance-card{

    position:relative;

    overflow:hidden;

    padding:
        2.25rem
        1.5rem;

    border-radius:30px;

    background:
        linear-gradient(
            180deg,
            rgba(18,18,18,.94),
            rgba(9,9,9,.98)
        );

    border:
        1px solid rgba(
            255,
            255,
            255,
            .06
        );

    text-align:center;

}

.performance-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;
    right:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(
                200,
                176,
                139,
                .35
            ),
            transparent
        );

}

.performance-value{

    display:block;

    font-family:
        var(--font-display);

    font-size:
        clamp(
            2rem,
            4vw,
            3rem
        );

    line-height:1;

    color:
        var(--lux-cream);

    margin-bottom:
        .75rem;

}

.performance-label{

    display:block;

    color:
        var(--text-muted);

    text-transform:
        uppercase;

    letter-spacing:
        .14em;

    font-size:
        .72rem;

}

/* ======================================================
   RESPONSIVE
====================================================== */

@media (max-width:991px){

    .identity-grid{

        grid-template-columns:
            repeat(
                2,
                1fr
            );

    }

    .performance-grid{

        grid-template-columns:
            repeat(
                2,
                1fr
            );

    }

}

@media (max-width:768px){

    .story-card{

        padding:2rem
                1.5rem;

    }

    .story-copy{

        font-size:.95rem;

    }

    .identity-grid{

        gap:1rem;

    }

    .identity-card{

        padding:1.5rem;

    }

    .performance-grid{

        gap:1rem;

    }

    .performance-card{

        padding:1.5rem
                1rem;

    }

}

@media (max-width:576px){

    .identity-grid{

        grid-template-columns:
            1fr;

    }

    .performance-grid{

        grid-template-columns:
            1fr
            1fr;

    }

}


/* ======================================================
   NOTES PYRAMID
====================================================== */

.notes-pyramid{

    max-width:1000px;

    margin-inline:auto;

    display:flex;

    flex-direction:column;

    gap:1.5rem;

}

.note-layer{

    position:relative;

    overflow:hidden;

    border-radius:32px;

    padding:
        2rem;

    background:
        linear-gradient(
            180deg,
            rgba(15,15,15,.95),
            rgba(8,8,8,.98)
        );

    border:
        1px solid rgba(
            255,
            255,
            255,
            .06
        );

    backdrop-filter:
        blur(24px);

}

.note-layer::before{

    content:"";

    position:absolute;

    top:0;
    left:0;
    right:0;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(
                200,
                176,
                139,
                .35
            ),
            transparent
        );

}

.note-tier{

    display:inline-block;

    margin-bottom:1rem;

    color:var(--lux-gold);

    text-transform:uppercase;

    letter-spacing:.18em;

    font-size:.72rem;

}

.note-text{

    color:var(--text-secondary);

    line-height:1.9;

}

.note-layer-top{

    width:70%;

    margin-inline:auto;

}

.note-layer-heart{

    width:85%;

    margin-inline:auto;

}

.note-layer-base{

    width:100%;

}

/* ======================================================
   WEARABILITY
====================================================== */

.occasion-grid{

    display:grid;

    grid-template-columns:
        repeat(
            2,
            1fr
        );

    gap:1.5rem;

}

.occasion-card{

    padding:
        2rem;

    border-radius:30px;

    background:
        rgba(
            255,
            255,
            255,
            .03
        );

    border:
        1px solid rgba(
            255,
            255,
            255,
            .06
        );

}

.occasion-label{

    display:block;

    margin-bottom:1rem;

    color:var(--lux-gold);

    text-transform:uppercase;

    letter-spacing:.16em;

    font-size:.7rem;

}

.occasion-title{

    font-size:2rem;

    margin-bottom:1rem;

}

.occasion-description{

    color:var(--text-secondary);

}

/* ======================================================
   COMMUNITY STATS
====================================================== */

.social-proof-grid{

    display:grid;

    grid-template-columns:
        repeat(
            3,
            1fr
        );

    gap:1.5rem;

}

.social-proof-card{

    text-align:center;

    padding:
        2rem;

    border-radius:28px;

    background:
        rgba(
            255,
            255,
            255,
            .03
        );

    border:
        1px solid rgba(
            255,
            255,
            255,
            .06
        );

}

.social-proof-value{

    display:block;

    font-family:
        var(--font-display);

    font-size:
        clamp(
            2rem,
            4vw,
            3.5rem
        );

    line-height:1;

    color:
        var(--lux-cream);

    margin-bottom:.75rem;

}

.social-proof-label{

    color:
        var(--text-muted);

    text-transform:
        uppercase;

    letter-spacing:.14em;

    font-size:.72rem;

}

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

@media(max-width:768px){

    .note-layer-top,
    .note-layer-heart,
    .note-layer-base{

        width:100%;

    }

    .note-layer{

        padding:1.5rem;

    }

    .occasion-grid{

        grid-template-columns:
            1fr;

    }

    .social-proof-grid{

        grid-template-columns:
            1fr;

    }

    .occasion-card{

        padding:1.5rem;

    }

}

/* ======================================================
   REVIEW SECTION
====================================================== */

.review-section{

    position:relative;

}

.review-form-card{

    padding:2rem;

    margin-bottom:2rem;

    border-radius:32px;

    background:
        linear-gradient(
            180deg,
            rgba(16,16,16,.95),
            rgba(8,8,8,.98)
        );

    border:
        1px solid rgba(
            200,
            176,
            139,
            .12
        );

}

.review-form-card form{

    display:flex;

    flex-direction:column;

    gap:1.25rem;

}

/* ======================================================
   REVIEW LIST
====================================================== */

.review-list{

    display:flex;

    flex-direction:column;

    gap:1.5rem;

}

.review-card{

    padding:1.75rem;

    border-radius:28px;

    background:
        rgba(
            255,
            255,
            255,
            .03
        );

    border:
        1px solid rgba(
            255,
            255,
            255,
            .06
        );

    backdrop-filter:
        blur(20px);

}

.review-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:1rem;

    margin-bottom:1rem;

}

.review-author{

    font-size:1rem;

    font-weight:600;

    color:var(--lux-cream);

}

.review-stars{

    color:var(--lux-gold);

    letter-spacing:.08em;

}

.review-content{

    color:var(--text-secondary);

    line-height:1.9;

}

/* ======================================================
   LOGIN CARD
====================================================== */

.review-login-card{

    text-align:center;

    padding:2rem;

}

.review-login-card p{

    max-width:500px;

    margin-inline:auto;

}

/* ======================================================
   RECOMMENDATIONS
====================================================== */

.editorial-product-grid{

    display:grid;

    grid-template-columns:
        repeat(
            4,
            1fr
        );

    gap:1.5rem;

}

.editorial-product-card{

    overflow:hidden;

    border-radius:28px;

    background:
        rgba(
            255,
            255,
            255,
            .03
        );

    border:
        1px solid rgba(
            255,
            255,
            255,
            .06
        );

    transition:
        all 320ms ease;

}

.editorial-product-card:hover{

    transform:
        translateY(-5px);

}

.editorial-product-image{

    aspect-ratio:1/1;

    overflow:hidden;

}

.editorial-product-image img{

    width:100%;
    height:100%;

    object-fit:cover;

}

.editorial-product-content{

    padding:1.25rem;

}

.editorial-product-brand{

    color:var(--lux-gold);

    text-transform:uppercase;

    letter-spacing:.16em;

    font-size:.65rem;

}

.editorial-product-content h3{

    margin:
        .75rem 0;

    font-size:1.4rem;

}

.editorial-product-price{

    color:var(--lux-cream);

    font-weight:600;

}

/* ======================================================
   RECENTLY VIEWED
====================================================== */

.recently-viewed-grid{

    display:grid;

    grid-template-columns:
        repeat(
            4,
            1fr
        );

    gap:1rem;

}

.recently-viewed-card{

    display:flex;

    flex-direction:column;

    gap:.5rem;

    padding:1.25rem;

    border-radius:22px;

    background:
        rgba(
            255,
            255,
            255,
            .03
        );

    border:
        1px solid rgba(
            255,
            255,
            255,
            .06
        );

}

.recently-viewed-name{

    color:var(--lux-cream);

}

.recently-viewed-price{

    color:var(--lux-gold);

}

/* ======================================================
   COLLECTION BANNER
====================================================== */

.collection-banner-card{

    text-align:center;

    padding:
        4rem
        2rem;

    border-radius:36px;

    background:
        linear-gradient(
            180deg,
            rgba(16,16,16,.95),
            rgba(8,8,8,.98)
        );

    border:
        1px solid rgba(
            200,
            176,
            139,
            .16
        );

}

.collection-banner-actions{

    margin-top:2rem;

}

/* ======================================================
   MOBILE BUY BAR
====================================================== */

.mobile-buy-bar{

    position:fixed;

    left:0;
    right:0;
    bottom:0;

    z-index:500;

    display:none;

    align-items:center;

    justify-content:space-between;

    gap:1rem;

    padding:
        1rem;

    background:
        rgba(
            8,
            8,
            8,
            .96
        );

    backdrop-filter:
        blur(24px);

    border-top:
        1px solid rgba(
            255,
            255,
            255,
            .08
        );

}

.mobile-buy-bar-price{

    display:flex;

    flex-direction:column;

}

.mobile-buy-bar-price span{

    font-size:.7rem;

    color:var(--text-muted);

}

.mobile-buy-bar-price strong{

    font-size:1.1rem;

}

.mobile-buy-button{

    min-width:160px;

    min-height:52px;

    border:none;

    border-radius:999px;

    background:var(--lux-gold);

    color:#050505;

    font-weight:600;

}

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

@media(max-width:991px){

    .editorial-product-grid{

        grid-template-columns:
            repeat(2,1fr);

    }

    .recently-viewed-grid{

        grid-template-columns:
            repeat(2,1fr);

    }

}

    

@media(max-width:768px){

    .mobile-buy-bar{

        display:flex;

    }

    body{

        padding-bottom:90px;

    }

}

.trust-icon{

    width:56px;
    height:56px;

    margin:0 auto 1rem;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:var(--lux-gold);

    background:
        rgba(200,176,139,.08);

    border:
        1px solid rgba(
            200,
            176,
            139,
            .18
        );

    transition:
        all .35s ease;

}

.trust-icon svg{

    width:24px;
    height:24px;

}

.trust-item:hover .trust-icon{

    transform:
        scale(1.08);

    box-shadow:
        0 0 25px
        rgba(
            200,
            176,
            139,
            .25
        );

}

.trust-item{

    position:relative;

    overflow:hidden;

}

.trust-item{

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 10px 30px rgba(0,0,0,.25);

}

.trust-item{

    animation:
        trustBorderGlow 6s ease-in-out infinite;

}

@keyframes trustBorderGlow{

    0%{

        border-color:
            rgba(200,176,139,.08);

    }

    50%{

        border-color:
            rgba(200,176,139,.22);

    }

    100%{

        border-color:
            rgba(200,176,139,.08);

    }

}

.trust-item::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:60%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(
                255,
                255,
                255,
                .06
            ),
            transparent
        );

    transition:
        left .8s ease;

}

.trust-item:hover::before{

    left:140%;

}


.payment-methods span{
	

    border-radius:999px;

    background:
        rgba(255,255,255,.03);

    border:
        1px solid rgba(
            255,
            255,
            255,
            .08
        );

    font-size:.75rem;

    letter-spacing:.06em;

}

.trust-item{

    position:relative;

    overflow:hidden;

}

.trust-item::after{

    content:"";

    position:absolute;

    top:0;
    left:-150%;

    width:50%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.08),
            transparent
        );

    transform:
        skewX(-20deg);

    animation:
        trustShine 3s infinite;

}

@keyframes trustShine{

    0%{
        left:-150%;
    }

    40%{
        left:150%;
    }

    100%{
        left:150%;
    }

}

.trust-icon{

    animation:
        trustPulse 4s ease-in-out infinite;

}

@keyframes trustPulse{

    0%{

        transform:scale(1);

        box-shadow:
            0 0 0 rgba(200,176,139,0);

    }

    50%{

        transform:scale(1.04);

        box-shadow:
            0 0 20px rgba(200,176,139,.15);

    }

    100%{

        transform:scale(1);

        box-shadow:
            0 0 0 rgba(200,176,139,0);

    }

}

.payment-assurance{

    margin:2rem 0;

}

.payment-title{

    display:block;

    margin-bottom:1rem;

    color:var(--text-secondary);

    font-size:.85rem;

    letter-spacing:.08em;

}

.payment-strip{

    display:flex;

    gap:.75rem;

    overflow-x:auto;

    padding-bottom:.5rem;

}

.payment-strip span{

    flex-shrink:0;

    min-width:90px;

    height:46px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:14px;

    background:
        rgba(255,255,255,.02);

    border:
        1px solid rgba(
            255,
            255,
            255,
            .08
        );

    font-size:.8rem;

    font-weight:600;

}

.payment-strip{

    scrollbar-width:none;

}

.payment-strip::-webkit-scrollbar{

    display:none;

}

.payment-strip span{

    background:
        linear-gradient(
            180deg,
            rgba(20,20,20,.95),
            rgba(8,8,8,.98)
        );

    border:
        1px solid rgba(
            200,
            176,
            139,
            .12
        );

    color:var(--lux-gold);

}