/* ==================================================
ROOT
================================================== */
:root{
    --bg:#0c0c0b;
    --bg-soft:#121211;
    --panel:#171715;
    --panel-2:#1d1c19;
    --text:#f5f2eb;
    --muted:#aaa59b;
    --gold:#caa96b;
    --gold-soft:#e1c28b;
    --gold-dark:#9c7b43;
    --border:rgba(255,255,255,.08);
    --border-gold:rgba(202,169,107,.35);
    --serif:"Playfair Display",serif;
    --sans:"DM Sans",sans-serif;
    --manrope:"Manrope",sans-serif;
    --container:1440px;
    --transition:
        .35s cubic-bezier(.2,.8,.2,1);
}
/* ==================================================
RESET
================================================== */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html{
    scroll-behavior:smooth;
}
body{
    font-family:var(--sans);
    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(202,169,107,.05),
            transparent 25%
        ),
        var(--bg);
    color:var(--text);
    overflow-x:hidden;
}
img{
    width:100%;
    display:block;
}
a{
    color:inherit;
    text-decoration:none;
}
button{
    font:inherit;
    color:inherit;
    border:none;
    background:none;
    cursor:pointer;
}
.container{
    width:min(
        calc(100% - 64px),
        var(--container)
    );
    margin-inline:auto;
}
.section{
    padding:130px 0;
}
/* ==================================================
TYPOGRAPHY
================================================== */
h1,
h2{
    font-family:var(--serif);
    font-weight:400;
    letter-spacing:-.035em;
}
h2{
    font-size:
        clamp(42px,5vw,76px);
    line-height:.98;
}
h2 em{
    font-style:italic;
    color:var(--gold-soft);
}
.eyebrow{
    font-size:12px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--gold);
    font-weight:600;
}
.small-title{
    display:block;
    font-size:13px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--gold);
    margin-bottom:30px;
}
/* ==================================================
HEADER
================================================== */
.site-header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    background:transparent;
    border-bottom:
        1px solid rgba(255,255,255,.035);
}
.navbar{
    height:96px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
}
.brand{
    display:flex;
    align-items:center;
    gap:14px;
}
.brand-mark{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:
        1px solid var(--border-gold);
    transform:rotate(45deg);
}
.brand-mark span{
    transform:rotate(-45deg);
    font-family:var(--serif);
    font-size:17px;
    color:var(--gold-soft);
}
.brand-name{
    font-family:var(--manrope);
    font-weight:700;
    font-size:15px;
    letter-spacing:.12em;
}
.navbar{
    position:relative;
    width:min(
        calc(100% - 64px),
        1440px
    );
    height:92px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.navbar-brand{
    position:relative;
    z-index:3;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    color:#f2eee7;
    flex-shrink:0;
}
.navbar-brand{
    position:relative;
    z-index:3;
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-shrink:0;
}
.navbar-logo-img{
    width:38px;
    height:38px;
    object-fit:contain;
    display:block;
    transition:
        transform .3s ease,
        opacity .3s ease;
    opacity:.96;
}
.navbar-brand:hover .navbar-logo-img{
    transform:scale(1.05);
    opacity:1;
}
.desktop-nav{
    position:absolute;
    left:50%;
    top:50%;
    transform:
        translate(-50%,-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:38px;
    white-space:nowrap;
}
.desktop-nav a{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:92px;
    color:
        rgba(239,235,227,.68);
    font-size:10px;
    font-weight:500;
    letter-spacing:.12em;
    text-transform:uppercase;
    transition:
        color .3s ease;
}
.desktop-nav a::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:25px;
    width:0;
    height:1px;
    transform:
        translateX(-50%);
    background:
        #c9a66b;
    transition:
        width .3s ease;
}
.desktop-nav a:hover{
    color:#f5f1e9;
}
.desktop-nav a:hover::after{
    width:100%;
}
.nav-actions{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    gap:9px;
}
.nav-order-button{
    min-width:148px;
    height:44px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    border:1px solid rgba(201,166,107,.32);
    border-radius:5px;
    background:rgba(255,255,255,.012);
    color:#f0ece5;
    font-size:9px;
    font-weight:600;
    letter-spacing:.1em;
    text-transform:uppercase;
    transition:
        background .3s ease,
        border-color .3s ease,
        color .3s ease,
        transform .3s ease;
}
.nav-order-button span{
    color:#c9a66b;
    font-size:13px;
}
.nav-cart-button{
    position:relative;
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    flex-shrink:0;
    border:1px solid rgba(201,166,107,.32);
    border-radius:5px;
    background:rgba(255,255,255,.012);
    color:#e8dfd0;
    transition:.3s ease;
}
.nav-cart-button svg{
    width:17px;
    height:17px;
    stroke-width:1.5;
}
.nav-cart-button:hover{
    background:rgba(201,166,107,.1);
    border-color:#c9a66b;
    transform:translateY(-2px);
}
.nav-cart-count{
    position:absolute;
    top:-6px;
    right:-6px;
    min-width:17px;
    height:17px;
    padding:0 4px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#c9a66b;
    color:#0b0b0a;
    font-size:9px;
    font-weight:700;
    border:2px solid #0b0b0a;
}
.mobile-menu-button{
    display:none;
}
.mobile-menu{
    display:none;
}
@media(max-width:1150px){
    .desktop-nav{
        gap:24px;
    }
    .desktop-nav a{
        font-size:9px;
    }
}
@media(max-width:900px){
    .navbar{
        width:
            calc(100% - 36px);
        height:76px;
    }
    .desktop-nav,
    .nav-order-button{
        display:none;
    }
    .navbar-brand{
        width:42px;
        height:42px;
    }
    .navbar-logo{
        width:29px;
        height:29px;
    }
    .mobile-menu-button{
        width:42px;
        height:42px;
        display:flex;
        flex-direction:column;
        align-items:flex-end;
        justify-content:center;
        gap:7px;
    }
    .mobile-menu-button span{
        display:block;
        width:27px;
        height:1px;
        background:#eeeae3;
        transition:.3s ease;
    }
    .mobile-menu-button span:last-child{
        width:20px;
    }
}
/* ==================================================
HERO
================================================== */
.hero{
    position:relative;
    min-height:860px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        linear-gradient(
            90deg,
            #0b0b0a 0%,
            #0b0b0a 35%,
            rgba(11,11,10,.8) 52%,
            rgba(11,11,10,.05) 100%
        );
}
.hero::before{
    content:"";
    position:absolute;
    width:900px;
    height:900px;
    right:-300px;
    top:-220px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(202,169,107,.12),
            transparent 65%
        );
    filter:blur(20px);
    pointer-events:none;
}
.hero-background{
    position:absolute;
    right:0;
    top:0;
    width:55%;
    height:100%;
    background:
        linear-gradient(
            90deg,
            rgba(11,11,10,1),
            rgba(11,11,10,.1)
        ),
        radial-gradient(
            circle at 70% 40%,
            rgba(202,169,107,.13),
            transparent 35%
        );
}
.hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:
        .85fr 1.15fr;
    align-items:center;
    gap:60px;
    padding-top:90px;
}
.hero-content{
    max-width:640px;
}
.hero-content h1{
    font-size:
        clamp(62px,6.1vw,104px);
    line-height:.88;
    margin-top:24px;
    max-width:650px;
}
.hero-content h1 span{
    display:block;
    color:#d9d3c6;
}
.hero-description{
    margin-top:34px;
    max-width:500px;
    font-size:17px;
    line-height:1.75;
    color:var(--muted);
}
.hero-price{
    margin-top:34px;
    display:flex;
    align-items:flex-end;
    gap:9px;
}
.hero-price strong{
    font-family:var(--manrope);
    font-size:38px;
    line-height:1;
}
.hero-price span{
    font-size:14px;
    margin-bottom:4px;
    color:#c9c5bc;
}
.hero-delivery{
    display:flex;
    align-items:center;
    gap:13px;
    margin-top:22px;
}
.delivery-icon{
    width:36px;
    height:36px;
    border:
        1px solid var(--border-gold);
    display:grid;
    place-items:center;
    color:var(--gold);
}
.hero-delivery strong{
    display:block;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.hero-delivery span{
    display:block;
    color:var(--muted);
    margin-top:3px;
    font-size:12px;
}
.hero-actions{
    margin-top:35px;
    display:flex;
    gap:14px;
}
.button{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:24px;
    padding:0 25px;
    border-radius:3px;
    font-size:11px;
    font-weight:600;
    letter-spacing:.1em;
    text-transform:uppercase;
    transition:var(--transition);
}
.button-primary{
    background:
        linear-gradient(
            135deg,
            #d6b472,
            #a9864f
        );
    color:#0b0a08;
    box-shadow:
        0 12px 40px rgba(202,169,107,.12);
}
.button-primary:hover{
    transform:translateY(-3px);
    box-shadow:
        0 18px 50px rgba(202,169,107,.2);
}
.button-secondary{
    border:
        1px solid rgba(255,255,255,.17);
    color:#f1eee8;
}
.button-secondary:hover{
    border-color:var(--gold);
    color:var(--gold-soft);
}
.hero-product{
    position:relative;
    min-height:650px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.hero-image-frame{
    position:relative;
    width:min(100%,650px);
    display:flex;
    justify-content:center;
    filter:
        drop-shadow(
            0 40px 65px rgba(0,0,0,.55)
        );
}
.hero-image-frame::before{
    content:"";
    position:absolute;
    width:72%;
    height:50px;
    bottom:2%;
    border-radius:50%;
    background:rgba(0,0,0,.55);
    filter:blur(28px);
}
.hero-main-image{
    position:relative;
    z-index:2;
    max-height:620px;
    object-fit:contain;
    transition:
        transform .8s cubic-bezier(.2,.8,.2,1);
}
.hero-product:hover
.hero-main-image{
    transform:translateY(-8px);
}
.hero-security-card{
    position:absolute;
    z-index:5;
    right:-15px;
    bottom:65px;
    width:290px;
    padding:22px;
    display:flex;
    gap:15px;
    background:
        rgba(20,19,17,.8);
    border:
        1px solid rgba(202,169,107,.24);
    backdrop-filter:blur(24px);
    box-shadow:
        0 25px 70px rgba(0,0,0,.4);
}
.security-icon{
    width:48px;
    min-width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:
        1px solid var(--border-gold);
    color:var(--gold);
}
.hero-security-card strong{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.1em;
}
.hero-security-card p{
    margin-top:7px;
    color:var(--muted);
    line-height:1.5;
    font-size:12px;
}
/* ==================================================
SECTION HEADING
================================================== */
.section-heading{
    max-width:800px;
    margin-bottom:62px;
}
.section-heading.centered{
    text-align:center;
    margin-inline:auto;
}
.section-heading h2{
    margin-top:17px;
}
.section-heading p{
    max-width:550px;
    margin:22px auto 0;
    color:var(--muted);
    line-height:1.7;
}
/* ==================================================
PRODUCT SECTION
================================================== */
.product-section{
    position:relative;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(202,169,107,.06),
            transparent 35%
        );
}
.product-variants{
    display:grid;
    grid-template-columns:
        repeat(3,1fr);
    gap:22px;
}
.variant-card{
    text-align:left;
    transition:var(--transition);
}
.variant-image{
    position:relative;
    height:430px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:
        1px solid var(--border);
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.035),
            rgba(255,255,255,.015)
        );
    overflow:hidden;
    transition:var(--transition);
}
.variant-image::before{
    content:"";
    position:absolute;
    width:75%;
    height:75%;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(202,169,107,.08),
            transparent 70%
        );
    opacity:0;
    transition:var(--transition);
}
.variant-image img{
    width:78%;
    height:78%;
    object-fit:contain;
    position:relative;
    z-index:2;
    transition:
        .65s cubic-bezier(.2,.8,.2,1);
}
.variant-card:hover
.variant-image img{
    transform:
        translateY(-8px)
        scale(1.025);
}
.variant-card:hover
.variant-image::before{
    opacity:1;
}
.variant-card.active
.variant-image{
    border-color:var(--gold);
    box-shadow:
        inset 0 0 0 1px
        rgba(202,169,107,.15),
        0 20px 60px rgba(0,0,0,.25);
}
.variant-bottom{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    padding:20px 10px 0;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#c7c3ba;
}
.variant-radio{
    width:17px;
    height:17px;
    border-radius:50%;
    border:
        1px solid rgba(255,255,255,.35);
    position:relative;
}
.variant-card.active
.variant-radio{
    border-color:var(--gold);
}
.variant-card.active
.variant-radio::after{
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--gold);
    inset:4px;
}
/* ==================================================
FEATURE STRIP
================================================== */
.features-strip{
    padding-bottom:80px;
}
.features-grid{
    display:grid;
    grid-template-columns:
        repeat(6,1fr);
    border:
        1px solid var(--border);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.035),
            rgba(255,255,255,.01)
        );
}
.feature-item{
    min-height:175px;
    padding:30px 22px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-right:
        1px solid var(--border);
    transition:var(--transition);
}
.feature-item:last-child{
    border-right:none;
}
.feature-item:hover{
    background:
        rgba(202,169,107,.035);
}
.feature-icon{
    width:48px;
    height:48px;
    margin-bottom:18px;
    border:
        1px solid var(--border-gold);
    display:grid;
    place-items:center;
    transform:rotate(45deg);
    color:var(--gold);
}
.feature-icon::first-line{
    transform:rotate(-45deg);
}
.feature-item strong{
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.feature-item span{
    margin-top:8px;
    font-size:12px;
    color:var(--muted);
    line-height:1.45;
}
/* ==================================================
SECRET SECTION
================================================== */
.secret-section{
    padding-top:80px;
}
.secret-grid{
    display:grid;
    grid-template-columns:
        1.07fr .93fr;
    gap:80px;
    align-items:center;
}
.secret-image{
    position:relative;
    min-height:720px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(202,169,107,.08),
            transparent 55%
        ),
        #131311;
    border:
        1px solid var(--border);
    overflow:hidden;
}
.secret-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            transparent 70%,
            rgba(0,0,0,.3)
        );
    pointer-events:none;
}
.secret-image img{
    width:88%;
    max-height:680px;
    object-fit:contain;
}
.secret-content{
    max-width:620px;
}
.secret-content h2{
    margin-top:18px;
    max-width:620px;
}
.secret-content > p{
    margin-top:26px;
    font-size:16px;
    line-height:1.8;
    color:var(--muted);
    max-width:550px;
}
.detail-cards{
    display:grid;
    grid-template-columns:
        repeat(2,1fr);
    gap:18px;
    margin-top:40px;
}
.detail-card{
    border:
        1px solid var(--border);
    background:
        rgba(255,255,255,.02);
    padding-bottom:22px;
}
.detail-visual{
    height:155px;
    display:grid;
    place-items:center;
    background:
        radial-gradient(
            circle,
            rgba(202,169,107,.14),
            transparent 50%
        ),
        #0d0d0c;
    margin-bottom:20px;
    overflow:hidden;
}
.detail-visual span{
    font-size:30px;
    color:var(--gold-soft);
    text-shadow:
        0 0 30px rgba(202,169,107,.7);
}
.alcantara-visual{
    background:
        radial-gradient(
            circle at 20% 20%,
            #383632,
            transparent 40%
        ),
        repeating-linear-gradient(
            120deg,
            #151513 0px,
            #151513 5px,
            #1c1c19 6px,
            #121210 10px
        );
}
.detail-card h3,
.detail-card p{
    padding-inline:18px;
}
.detail-card h3{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.detail-card p{
    margin-top:9px;
    color:var(--muted);
    font-size:12px;
    line-height:1.6;
}
/* ==================================================
MATERIALS
================================================== */
.materials-section{
    padding-bottom:40px;
}
.materials-panel{
    min-height:260px;
    padding:46px;
    display:grid;
    grid-template-columns:
        1.7fr repeat(3,.8fr);
    align-items:center;
    gap:30px;
    position:relative;
    overflow:hidden;
    border:
        1px solid var(--border-gold);
    background:
        linear-gradient(
            110deg,
            #10100f,
            #181713 60%,
            #11110f
        );
}
.materials-panel::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    right:-250px;
    top:-250px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(202,169,107,.08),
            transparent 70%
        );
}
.materials-copy{
    position:relative;
    z-index:2;
    padding-right:20px;
}
.materials-copy h2{
    margin-top:10px;
    font-size:
        clamp(38px,4vw,58px);
}
.materials-copy p{
    max-width:500px;
    margin-top:16px;
    color:var(--muted);
    line-height:1.7;
}
.material-stat{
    position:relative;
    z-index:2;
    text-align:center;
    min-height:130px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-left:
        1px solid var(--border);
}
.material-stat strong{
    font-family:var(--serif);
    font-size:28px;
    color:var(--gold-soft);
    font-weight:400;
}
.material-stat span{
    display:block;
    margin-top:10px;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.09em;
    color:#c7c3ba;
}
/* ==================================================
INFO SECTION
================================================== */
.info-grid{
    display:grid;
    grid-template-columns:
        .8fr 1.2fr;
    gap:22px;
}
.info-card{
    border:
        1px solid var(--border);
    background:
        rgba(255,255,255,.02);
    min-height:510px;
    padding:38px;
}
.dimension-visual{
    min-height:390px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.dimension-box{
    position:relative;
    width:min(300px,75%);
}
.dimension-box img{
    filter:
        drop-shadow(
            0 35px 35px rgba(0,0,0,.45)
        );
}
.dimension-height,
.dimension-width,
.dimension-depth{
    position:absolute;
    font-size:12px;
    color:#c9c5bc;
}
.dimension-height{
    left:-65px;
    top:44%;
    writing-mode:vertical-rl;
    transform:rotate(180deg);
}
.dimension-height::before{
    content:"";
    position:absolute;
    height:200px;
    width:1px;
    background:
        rgba(255,255,255,.25);
    left:6px;
    bottom:35px;
}
.dimension-width{
    bottom:-35px;
    left:50%;
    transform:translateX(-50%);
}
.dimension-width::before{
    content:"";
    position:absolute;
    width:170px;
    height:1px;
    background:
        rgba(255,255,255,.25);
    left:50%;
    transform:translateX(-50%);
    top:-10px;
}
.dimension-depth{
    right:-65px;
    bottom:15%;
}
.steps{
    height:390px;
    display:grid;
    grid-template-columns:
        1fr auto 1fr auto 1fr;
    align-items:center;
    gap:18px;
}
.step{
    text-align:center;
}
.step-number{
    font-size:11px;
    color:var(--gold);
    margin-bottom:14px;
    letter-spacing:.1em;
}
.step-icon{
    width:90px;
    height:90px;
    margin:0 auto 24px;
    border-radius:50%;
    border:
        1px solid var(--border-gold);
    display:grid;
    place-items:center;
    color:var(--gold);
    font-size:22px;
    box-shadow:
        inset 0 0 30px
        rgba(202,169,107,.03);
}
.step h3{
    font-size:12px;
    text-transform:uppercase;
    line-height:1.5;
    letter-spacing:.06em;
}
.step p{
    max-width:180px;
    margin:11px auto 0;
    font-size:12px;
    line-height:1.55;
    color:var(--muted);
}
.step-arrow{
    color:rgba(255,255,255,.35);
    font-size:22px;
    margin-top:5px;
}
/* ==================================================
VALUE STRIP
================================================== */
.value-section{
    padding-bottom:60px;
}
.value-grid{
    display:grid;
    grid-template-columns:
        repeat(4,1fr);
    border:
        1px solid var(--border);
    background:
        rgba(255,255,255,.018);
}
.value-grid > div{
    min-height:125px;
    display:flex;
    align-items:center;
    gap:18px;
    padding:24px 28px;
    border-right:
        1px solid var(--border);
}
.value-grid > div:last-child{
    border-right:0;
}
.value-grid > div > span{
    color:var(--gold);
    font-size:22px;
}
.value-grid p{
    color:var(--muted);
    font-size:12px;
    line-height:1.5;
}
.value-grid strong{
    display:block;
    color:var(--text);
    font-size:11px;
    margin-bottom:4px;
    letter-spacing:.06em;
    text-transform:uppercase;
}
/* ==================================================
ORDER
================================================== */
.order-section{
    padding-top:80px;
}
.order-grid{
    min-height:640px;
    display:grid;
    grid-template-columns:
        1.12fr .88fr;
    border:
        1px solid var(--border);
    overflow:hidden;
    background:
        #11110f;
}
.order-gallery{
    position:relative;
    display:grid;
    grid-template-columns:
        repeat(3,1fr);
    align-items:flex-end;
    gap:8px;
    padding:70px 45px 55px;
    background:
        radial-gradient(
            circle at 50% 30%,
            rgba(202,169,107,.09),
            transparent 45%
        ),
        linear-gradient(
            180deg,
            #181714,
            #11110f
        );
}
.order-gallery::after{
    content:"";
    position:absolute;
    bottom:45px;
    left:10%;
    width:80%;
    height:25px;
    border-radius:50%;
    background:
        rgba(0,0,0,.55);
    filter:blur(28px);
}
.order-gallery img{
    position:relative;
    z-index:2;
    height:370px;
    object-fit:contain;
    transition:var(--transition);
}
.order-gallery img:nth-child(1){
    transform:
        translateY(15px)
        scale(.91);
}
.order-gallery img:nth-child(3){
    transform:
        translateY(15px)
        scale(.91);
}
.order-content{
    padding:80px 70px;
    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(202,169,107,.07),
            transparent 40%
        ),
        #0d0d0c;
}
.order-content h2{
    margin-top:13px;
    font-size:
        clamp(48px,5vw,76px);
}
.order-price{
    display:flex;
    align-items:flex-end;
    gap:10px;
    margin-top:35px;
}
.order-price strong{
    font-size:42px;
    font-family:var(--manrope);
}
.order-price span{
    margin-bottom:5px;
    color:#bbb6ac;
}
.order-delivery{
    margin-top:12px;
    color:var(--muted);
    font-size:13px;
}
.order-color{
    margin-top:35px;
}
.order-color > span{
    display:block;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#c8c3b9;
    margin-bottom:15px;
}
.order-colors{
    display:flex;
    gap:11px;
}
.color-button{
    position:relative;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#eee9de;
    border:
        5px solid #0d0d0c;
    outline:
        1px solid rgba(255,255,255,.25);
}
.color-button.black{
    background:#161616;
}
.color-button.oak{
    background:
        linear-gradient(
            120deg,
            #bd8951,
            #795230
        );
}
.color-button.active{
    outline-color:var(--gold);
}
.button-gold{
    margin-top:30px;
    background:
        linear-gradient(
            100deg,
            #b99152,
            #e0be7a,
            #aa8247
        );
    color:#080806;
}
.button-gold:hover{
    filter:brightness(1.08);
    transform:translateY(-2px);
}
.full-width{
    width:100%;
}
.order-benefits{
    display:grid;
    grid-template-columns:
        repeat(3,1fr);
    gap:12px;
    margin-top:24px;
}
.order-benefits span{
    font-size:10px;
    color:var(--muted);
    text-align:center;
    border-right:
        1px solid var(--border);
}
.order-benefits span:last-child{
    border-right:none;
}
/* ==================================================
FAQ
================================================== */
.faq-section{
    padding-top:100px;
}
.faq-container{
    max-width:950px;
}
.faq-list{
    border-top:
        1px solid var(--border);
}
.faq-item{
    border-bottom:
        1px solid var(--border);
}
.faq-question{
    width:100%;
    min-height:84px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-align:left;
    font-family:var(--serif);
    font-size:24px;
    padding:0 5px;
    transition:var(--transition);
}
.faq-question:hover{
    color:var(--gold-soft);
}
.faq-question span{
    font-family:var(--sans);
    font-size:24px;
    font-weight:300;
    color:var(--gold);
    transition:var(--transition);
}
.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:
        max-height .45s ease;
}
.faq-answer p{
    max-width:700px;
    padding:0 5px 30px;
    color:var(--muted);
    line-height:1.7;
    font-size:14px;
}
.faq-item.active
.faq-answer{
    max-height:220px;
}
.faq-item.active
.faq-question span{
    transform:rotate(45deg);
}
/* ==================================================
PREMIUM FOOTER
================================================== */
.premium-footer{
    position:relative;
    margin-top:70px;
    overflow:hidden;
    border-top:
        1px solid rgba(202,169,107,.16);
    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(202,169,107,.08),
            transparent 27%
        ),
        radial-gradient(
            circle at 85% 40%,
            rgba(255,255,255,.025),
            transparent 32%
        ),
        #080807;
}
.footer-glow{
    position:absolute;
    width:700px;
    height:700px;
    left:-320px;
    top:-330px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(202,169,107,.13),
            rgba(202,169,107,.03) 35%,
            transparent 68%
        );
    filter:blur(20px);
    pointer-events:none;
}
.footer-main{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:
        1.7fr .75fr .9fr 1.05fr;
    gap:70px;
    padding:
        95px 0 80px;
}
.footer-brand-column{
    max-width:500px;
}
.footer-brand{
    margin-bottom:45px;
}
.footer-brand-column h3{
    max-width:470px;
    font-family:var(--serif);
    font-weight:400;
    font-size:
        clamp(38px,4vw,58px);
    line-height:.98;
    letter-spacing:-.035em;
}
.footer-brand-column h3 em{
    display:block;
    color:var(--gold-soft);
    font-weight:400;
}
.footer-description{
    max-width:420px;
    margin-top:24px;
    color:#88847b;
    font-size:14px;
    line-height:1.75;
}
.footer-order-button{
    width:max-content;
    margin-top:32px;
    padding:
        16px 20px;
    display:flex;
    align-items:center;
    gap:30px;
    border:
        1px solid rgba(202,169,107,.26);
    border-radius:10px;
    background:
        linear-gradient(
            135deg,
            rgba(202,169,107,.11),
            rgba(255,255,255,.02)
        );
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.09em;
    transition:var(--transition);
}
.footer-order-button span{
    color:var(--gold);
}
.footer-order-button:hover{
    transform:translateY(-3px);
    border-color:
        rgba(202,169,107,.5);
    background:
        linear-gradient(
            135deg,
            rgba(202,169,107,.18),
            rgba(255,255,255,.03)
        );
    box-shadow:
        0 20px 60px rgba(0,0,0,.3);
}
.footer-links-column,
.footer-contact-column{
    padding-top:10px;
}
.footer-label{
    display:block;
    margin-bottom:28px;
    color:var(--gold);
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.16em;
}
.footer-links-column a,
.footer-links-column > span:not(.footer-label){
    display:block;
    width:max-content;
    margin-bottom:15px;
    color:#8d8981;
    font-size:13px;
    line-height:1.5;
    transition:var(--transition);
}
.footer-links-column a:hover{
    color:#f0ece4;
    transform:translateX(4px);
}
.footer-social-card{
    min-height:82px;
    padding:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    border:
        1px solid rgba(255,255,255,.075);
    border-radius:15px;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.05),
            rgba(255,255,255,.015)
        );
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035);
    transition:var(--transition);
}
.footer-social-card:hover{
    border-color:
        rgba(202,169,107,.28);
    transform:translateY(-4px);
    box-shadow:
        0 25px 60px rgba(0,0,0,.28);
}
.footer-social-card small{
    display:block;
    margin-bottom:5px;
    color:#77736c;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.footer-social-card strong{
    font-size:13px;
    font-weight:500;
}
.footer-social-card > span{
    color:var(--gold);
    font-size:17px;
}
.footer-mini-card{
    min-height:82px;
    margin-top:12px;
    padding:18px;
    display:flex;
    align-items:center;
    gap:14px;
    border:
        1px solid rgba(255,255,255,.055);
    border-radius:15px;
    background:
        rgba(255,255,255,.018);
}
.footer-mini-icon{
    width:38px;
    height:38px;
    min-width:38px;
    display:grid;
    place-items:center;
    border:
        1px solid rgba(202,169,107,.28);
    color:var(--gold);
}
.footer-mini-card strong{
    display:block;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.footer-mini-card small{
    display:block;
    margin-top:5px;
    color:#77736c;
    font-size:10px;
}
.footer-signature{
    position:relative;
    z-index:2;
    padding:
        48px 0 58px;
    border-top:
        1px solid rgba(255,255,255,.055);
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}
.footer-signature span{
    font-family:var(--serif);
    font-size:
        clamp(34px,5vw,72px);
    line-height:.95;
    color:#59564f;
    letter-spacing:-.04em;
}
.footer-signature strong{
    font-family:var(--serif);
    font-size:
        clamp(38px,5.5vw,82px);
    line-height:.95;
    font-weight:400;
    letter-spacing:-.045em;
    color:#e1ddd4;
}
.footer-bottom-wrap{
    border-top:
        1px solid rgba(255,255,255,.055);
    background:
        rgba(255,255,255,.01);
}
.premium-footer
.footer-bottom{
    min-height:74px;
    height:auto;
    display:grid;
    grid-template-columns:
        1fr 1fr 1fr;
    align-items:center;
    gap:20px;
    padding:20px 0;
    border-top:none;
    color:#5e5b55;
    font-size:9px;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.footer-bottom-center{
    text-align:center;
}
.footer-bottom-links{
    display:flex;
    justify-content:flex-end;
    gap:20px;
}
.footer-bottom-links a{
    transition:var(--transition);
}
.footer-bottom-links a:hover{
    color:#aaa49a;
}
/* ==================================================
FOOTER RESPONSIVE
================================================== */
@media(max-width:1050px){
    .footer-main{
        grid-template-columns:
            1.4fr 1fr 1fr;
        gap:50px;
    }
    .footer-brand-column{
        grid-column:
            1 / -1;
    }
}
@media(max-width:700px){
    .premium-footer{
        margin-top:40px;
    }
    .footer-main{
        grid-template-columns:1fr;
        gap:45px;
        padding:
            70px 0 55px;
    }
    .footer-brand-column{
        grid-column:auto;
    }
    .footer-brand-column h3{
        font-size:42px;
    }
    .footer-description{
        font-size:13px;
    }
    .footer-order-button{
        width:100%;
        justify-content:space-between;
    }
    .footer-links-column,
    .footer-contact-column{
        padding-top:0;
    }
    .footer-signature{
        padding:
            42px 0;
    }
    .premium-footer
    .footer-bottom{
        grid-template-columns:1fr;
        text-align:center;
        padding:25px 0;
    }
    .footer-bottom-links{
        justify-content:center;
    }
}
/* ==================================================
RESPONSIVE
================================================== */
@media(max-width:1180px){
    .desktop-nav{
        gap:20px;
    }
    .desktop-nav a{
        font-size:10px;
    }
    .hero-grid{
        grid-template-columns:
            .95fr 1.05fr;
    }
    .hero-content h1{
        font-size:68px;
    }
    .features-grid{
        grid-template-columns:
            repeat(3,1fr);
    }
    .feature-item:nth-child(3){
        border-right:none;
    }
    .feature-item:nth-child(-n+3){
        border-bottom:
            1px solid var(--border);
    }
}
@media(max-width:900px){
    .container{
        width:min(
            calc(100% - 38px),
            var(--container)
        );
    }
    .section{
        padding:90px 0;
    }
    .desktop-nav,
    .nav-order-button{
        display:none;
    }
    .mobile-menu-button{
        display:flex;
        width:42px;
        height:42px;
        flex-direction:column;
        justify-content:center;
        gap:7px;
    }
    .mobile-menu-button span{
        width:25px;
        height:1px;
        background:#fff;
        margin-left:auto;
    }
    .mobile-menu{
        position:fixed;
        z-index:90;
        top:0;
        left:0;
        width:100%;
        height:100vh;
        background:
            rgba(8,8,7,.98);
        display:flex;
        align-items:center;
        justify-content:center;
        opacity:0;
        visibility:hidden;
        transition:var(--transition);
    }
    .mobile-menu.active{
        opacity:1;
        visibility:visible;
    }
    .mobile-menu nav{
        display:flex;
        flex-direction:column;
        text-align:center;
        gap:25px;
    }
    .mobile-menu nav a{
        font-family:var(--serif);
        font-size:34px;
    }
    .hero{
        min-height:auto;
        padding:
            150px 0 60px;
        background:#0b0b0a;
    }
    .hero-background{
        display:none;
    }
    .hero-grid{
        grid-template-columns:1fr;
        gap:25px;
        padding-top:0;
    }
    .hero-content{
        max-width:100%;
    }
    .hero-content h1{
        font-size:
            clamp(52px,12vw,80px);
        max-width:700px;
    }
    .hero-description{
        max-width:600px;
    }
    .hero-product{
        min-height:auto;
        margin-top:25px;
    }
    .hero-image-frame{
        width:75%;
    }
    .hero-security-card{
        right:0;
        bottom:20px;
    }
    .product-variants{
        grid-template-columns:1fr;
    }
    .variant-image{
        height:520px;
    }
    .features-grid{
        grid-template-columns:
            repeat(2,1fr);
    }
    .feature-item{
        border-bottom:
            1px solid var(--border);
    }
    .feature-item:nth-child(odd){
        border-right:
            1px solid var(--border);
    }
    .feature-item:nth-child(even){
        border-right:none;
    }
    .secret-grid{
        grid-template-columns:1fr;
    }
    .secret-image{
        min-height:600px;
    }
    .materials-panel{
        grid-template-columns:
            repeat(3,1fr);
        padding:38px;
    }
    .materials-copy{
        grid-column:
            1 / -1;
        padding-bottom:20px;
    }
    .material-stat{
        border-left:none;
        border-top:
            1px solid var(--border);
        padding-top:25px;
    }
    .info-grid{
        grid-template-columns:1fr;
    }
    .value-grid{
        grid-template-columns:
            repeat(2,1fr);
    }
    .value-grid > div:nth-child(2){
        border-right:none;
    }
    .value-grid > div:nth-child(-n+2){
        border-bottom:
            1px solid var(--border);
    }
    .order-grid{
        grid-template-columns:1fr;
    }
    .order-gallery{
        min-height:480px;
    }
}
@media(max-width:620px){
    .container{
        width:
            calc(100% - 28px);
    }
    .navbar{
        height:75px;
    }
    .brand-mark{
        width:31px;
        height:31px;
    }
    .brand-name{
        font-size:12px;
    }
    .hero{
        padding:
            120px 0 45px;
    }
    .hero-content h1{
        font-size:50px;
        line-height:.93;
    }
    .hero-description{
        font-size:14px;
        margin-top:24px;
    }
    .hero-price strong{
        font-size:32px;
    }
    .hero-actions{
        flex-direction:column;
    }
    .hero-actions .button{
        width:100%;
    }
    .hero-image-frame{
        width:100%;
    }
    .hero-security-card{
        position:relative;
        width:100%;
        right:auto;
        bottom:auto;
        margin-top:10px;
    }
    h2{
        font-size:42px;
    }
    .section-heading{
        margin-bottom:40px;
    }
    .variant-image{
        height:390px;
    }
    .features-grid{
        grid-template-columns:1fr;
    }
    .feature-item,
    .feature-item:nth-child(odd),
    .feature-item:nth-child(even){
        border-right:none;
        border-bottom:
            1px solid var(--border);
    }
    .secret-grid{
        gap:45px;
    }
    .secret-image{
        min-height:430px;
    }
    .detail-cards{
        grid-template-columns:1fr;
    }
    .materials-panel{
        grid-template-columns:1fr;
        padding:30px 24px;
    }
    .material-stat{
        min-height:auto;
        padding:25px 0;
    }
    .info-card{
        padding:26px 20px;
    }
    .dimension-box{
        width:210px;
    }
    .steps{
        height:auto;
        grid-template-columns:1fr;
        padding:20px 0;
    }
    .step-arrow{
        transform:rotate(90deg);
        margin:0;
    }
    .step p{
        max-width:260px;
    }
    .value-grid{
        grid-template-columns:1fr;
    }
    .value-grid > div{
        border-right:none !important;
        border-bottom:
            1px solid var(--border);
    }
    .order-gallery{
        min-height:370px;
        padding:
            40px 15px 30px;
    }
    .order-gallery img{
        height:240px;
    }
    .order-content{
        padding:
            50px 25px;
    }
    .order-benefits{
        grid-template-columns:1fr;
    }
    .order-benefits span{
        border-right:none;
        padding:5px;
    }
    .faq-question{
        font-size:20px;
    }
    .footer-top{
        padding:45px 0;
        flex-direction:column;
    }
    .footer-top p{
        font-size:19px;
    }
    .footer-bottom{
        height:auto;
        padding:20px 0;
        gap:10px;
        flex-direction:column;
    }
}
/* ==================================================
PREMIUM GLASS SYSTEM
================================================== */
.glass{
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.025)
        );
    border:
        1px solid rgba(255,255,255,.10);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 25px 70px rgba(0,0,0,.28);
    backdrop-filter:
        blur(22px)
        saturate(130%);
    -webkit-backdrop-filter:
        blur(22px)
        saturate(130%);
}
/* ==================================================
GLASS — HERO SECURITY CARD
================================================== */
.hero-security-card{
    background:
        linear-gradient(
            135deg,
            rgba(32,30,27,.76),
            rgba(16,15,14,.54)
        );
    border:
        1px solid rgba(224,190,122,.22);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 30px 80px rgba(0,0,0,.48);
    backdrop-filter:
        blur(28px)
        saturate(135%);
    -webkit-backdrop-filter:
        blur(28px)
        saturate(135%);
    border-radius:18px;
}
.hero-security-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    padding:1px;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.18),
            transparent 35%,
            rgba(202,169,107,.10)
        );
    pointer-events:none;
    opacity:.65;
}
/* ==================================================
GLASS — FEATURE STRIP
================================================== */
.features-grid{
    border-radius:22px;
    overflow:hidden;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );
    border:
        1px solid rgba(255,255,255,.08);
    backdrop-filter:
        blur(20px)
        saturate(120%);
    -webkit-backdrop-filter:
        blur(20px)
        saturate(120%);
    box-shadow:
        0 30px 90px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.035);
}
.feature-item{
    position:relative;
}
.feature-item::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(202,169,107,.08),
            transparent 60%
        );
    opacity:0;
    transition:var(--transition);
    pointer-events:none;
}
.feature-item:hover::after{
    opacity:1;
}
/* ==================================================
GLASS — PRODUCT CARDS
================================================== */
.variant-image{
    border-radius:20px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.015)
        );
    backdrop-filter:
        blur(18px);
    -webkit-backdrop-filter:
        blur(18px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 25px 70px rgba(0,0,0,.18);
}
.variant-card.active
.variant-image{
    border-color:
        rgba(202,169,107,.5);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 0 0 1px rgba(202,169,107,.10),
        0 30px 90px rgba(0,0,0,.28),
        0 0 65px rgba(202,169,107,.05);
}
/* ==================================================
GLASS — DETAIL CARDS
================================================== */
.detail-card{
    position:relative;
    border-radius:18px;
    overflow:hidden;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.05),
            rgba(255,255,255,.017)
        );
    border:
        1px solid rgba(255,255,255,.075);
    backdrop-filter:
        blur(18px);
    -webkit-backdrop-filter:
        blur(18px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 30px 60px rgba(0,0,0,.16);
    transition:var(--transition);
}
.detail-card:hover{
    transform:translateY(-6px);
    border-color:
        rgba(202,169,107,.22);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 35px 80px rgba(0,0,0,.28);
}
/* ==================================================
GLASS — INFO CARDS
================================================== */
.info-card{
    border-radius:22px;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.014)
        );
    border:
        1px solid rgba(255,255,255,.075);
    backdrop-filter:
        blur(20px);
    -webkit-backdrop-filter:
        blur(20px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 30px 80px rgba(0,0,0,.18);
}
/* ==================================================
GLASS — ORDER
================================================== */
.order-grid{
    border-radius:26px;
    overflow:hidden;
    border:
        1px solid rgba(255,255,255,.08);
    box-shadow:
        0 40px 120px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,255,255,.04);
}
.order-content{
    position:relative;
    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(202,169,107,.10),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(255,255,255,.025),
            rgba(255,255,255,.006)
        ),
        #0d0d0c;
    backdrop-filter:blur(20px);
}
.order-content::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:100%;
    background:
        linear-gradient(
            transparent,
            rgba(202,169,107,.35),
            transparent
        );
}
/* ==================================================
SOFT LIGHT REFLECTION
================================================== */
.materials-panel,
.info-card,
.features-grid,
.order-grid{
    position:relative;
}
.materials-panel::before,
.info-card::before,
.features-grid::before,
.order-grid::before{
    content:"";
    position:absolute;
    top:-120px;
    left:-140px;
    width:380px;
    height:380px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.055),
            transparent 65%
        );
    filter:blur(14px);
    pointer-events:none;
}
/* ==================================================
PREMIUM ICON DETAILS
================================================== */
.premium-detail-card{
    position:relative;
    min-height:230px;
    padding:28px;
    overflow:hidden;
}
.premium-detail-icon{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border:1px solid rgba(202,169,107,.28);
    border-radius:14px;
    background:
        linear-gradient(
            145deg,
            rgba(202,169,107,.10),
            rgba(255,255,255,.02)
        );
    color:var(--gold-soft);
    margin-bottom:45px;
}
.premium-detail-icon svg{
    width:21px;
    height:21px;
    stroke-width:1.4;
}
.premium-detail-number{
    position:absolute;
    right:22px;
    top:20px;
    font-family:var(--serif);
    font-size:42px;
    color:rgba(255,255,255,.04);
}
.premium-detail-card h3{
    padding:0;
    font-size:12px;
    letter-spacing:.09em;
}
.premium-detail-card p{
    padding:0;
    margin-top:10px;
    max-width:250px;
}
.nav-logo{
    margin-left:22px !important;
}
.nav-cart-button{
    position:relative !important;
    width:44px !important;
    height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    border:1px solid rgba(201,166,107,.32) !important;
    border-radius:5px !important;
    background:rgba(255,255,255,.012) !important;
    color:#e8dfd0 !important;
    cursor:pointer;
}
/* KORPICA — crtamo je direktno kroz CSS,
   tako da ne zavisimo od ikonice iz HTML-a */
.nav-cart-button::before{
    content:"";
    width:16px;
    height:15px;
    display:block;
    border:1.5px solid #d6bd8d;
    border-radius:2px 2px 4px 4px;
    box-sizing:border-box;
}
.nav-cart-button::after{
    content:"";
    position:absolute;
    top:11px;
    left:50%;
    width:7px;
    height:5px;
    transform:translateX(-50%);
    border:1.5px solid #d6bd8d;
    border-bottom:0;
    border-radius:5px 5px 0 0;
}
/* SKLONI POSTOJEĆU IKONICU
   jer sada koristimo našu CSS korpicu */
.nav-cart-button > i,
.nav-cart-button > svg{
    display:none !important;
}
.nav-cart-count{
    display:none !important;
}
.nav-cart-button:hover{
    border-color:rgba(201,166,107,.65) !important;
    background:rgba(201,166,107,.06) !important;
}
.nav-logo{
    margin-left:38px !important;
}
.navbar-brand{
    margin-left:34px !important;
}
.hero{
    min-height:820px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    background:
        radial-gradient(
            circle at 78% 22%,
            rgba(190,135,67,.08),
            transparent 32%
        ),
        #0a0a09 !important;
    overflow:hidden !important;
}
.hero-grid{
    width:min(calc(100% - 70px), 1480px) !important;
    min-height:820px !important;
    margin:0 auto !important;
    padding-top:95px !important;
    display:grid !important;
    grid-template-columns:41% 59% !important;
    gap:10px !important;
    align-items:center !important;
}
.hero-content{
    width:100% !important;
    max-width:590px !important;
    padding-right:35px !important;
    position:relative !important;
    z-index:5 !important;
}
.hero-content .eyebrow{
    margin:0 0 24px !important;
    font-size:11px !important;
    letter-spacing:.18em !important;
    color:#cba76d !important;
}
.hero-content h1{
    width:100% !important;
    max-width:580px !important;
    margin:0 !important;
    font-family:"Playfair Display", serif !important;
    font-size:72px !important;
    line-height:.94 !important;
    font-weight:400 !important;
    letter-spacing:-.045em !important;
    color:#f3efe7 !important;
}
.hero-content h1 span{
    display:inline !important;
    color:inherit !important;
}
.hero-description{
    max-width:470px !important;
    margin-top:28px !important;
    font-size:15px !important;
    line-height:1.7 !important;
    color:rgba(240,236,228,.66) !important;
}
.hero-price{
    margin-top:30px !important;
    display:flex !important;
    align-items:flex-end !important;
    gap:8px !important;
}
.hero-price strong{
    font-size:38px !important;
}
.hero-price span{
    font-size:13px !important;
    margin-bottom:4px !important;
}
.hero-delivery{
    margin-top:20px !important;
    gap:12px !important;
}
.delivery-icon{
    width:36px !important;
    height:36px !important;
    color:#cba76d !important;
}
.delivery-icon svg{
    width:22px !important;
    height:22px !important;
    stroke-width:1.4 !important;
}
.hero-delivery strong{
    font-size:10px !important;
}
.hero-delivery span{
    font-size:10px !important;
}
.hero-actions{
    margin-top:28px !important;
    gap:12px !important;
}
.hero-actions .button{
    min-height:50px !important;
    padding:0 22px !important;
    gap:20px !important;
    font-size:10px !important;
}
.hero-actions .button-primary{
    min-width:165px !important;
}
.hero-actions .button-secondary{
    min-width:145px !important;
}
.hero-product{
    position:relative !important;
    width:100% !important;
    height:650px !important;
    min-height:0 !important;
    display:block !important;
    overflow:visible !important;
}
.hero-image-frame{
    position:absolute !important;
    top:50% !important;
    right:-10px !important;
    transform:translateY(-50%) !important;
    width:104% !important;
    height:610px !important;
    max-width:none !important;
    overflow:hidden !important;
    filter:none !important;
    background:#0a0a09 !important;
}
.hero-main-image{
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:58% center !important;
    transform:none !important;
    filter:
        brightness(.95)
        contrast(1.03)
        saturate(.94) !important;
}
.hero-image-frame::before{
    content:"" !important;
    position:absolute !important;
    z-index:3 !important;
    top:0 !important;
    left:0 !important;
    width:26% !important;
    height:100% !important;
    background:
        linear-gradient(
            90deg,
            #0a0a09 0%,
            rgba(10,10,9,.94) 18%,
            rgba(10,10,9,.65) 45%,
            rgba(10,10,9,.22) 72%,
            transparent 100%
        ) !important;
    pointer-events:none !important;
}
.hero-image-frame::after{
    content:"";
    position:absolute;
    z-index:3;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            180deg,
            rgba(10,10,9,.08) 0%,
            transparent 25%,
            transparent 78%,
            rgba(10,10,9,.16) 100%
        );
}
.hero-security-card{
    position:absolute !important;
    z-index:10 !important;
    right:-6px !important;
    bottom:18px !important;
    width:270px !important;
    min-height:100px !important;
    padding:18px !important;
    gap:14px !important;
    border-radius:16px !important;
    background:
        linear-gradient(
            135deg,
            rgba(38,35,31,.82),
            rgba(16,16,14,.72)
        ) !important;
    border:
        1px solid rgba(202,169,107,.20) !important;
    backdrop-filter:blur(20px) !important;
    -webkit-backdrop-filter:blur(20px) !important;
    box-shadow:
        0 24px 60px rgba(0,0,0,.38) !important;
}
.security-icon{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
}
.security-icon svg{
    width:22px !important;
    height:22px !important;
}
.hero-security-card strong{
    font-size:10px !important;
}
.hero-security-card p{
    margin-top:6px !important;
    font-size:10px !important;
    line-height:1.45 !important;
}
.hero-background{
    display:none !important;
}
.hero-product:hover .hero-main-image{
    transform:none !important;
}
@media(min-width:1500px){
    .hero{
        min-height:860px !important;
    }
    .hero-grid{
        min-height:860px !important;
        width:min(calc(100% - 80px), 1520px) !important;
        grid-template-columns:40% 60% !important;
    }
    .hero-content h1{
        font-size:78px !important;
    }
    .hero-product{
        height:690px !important;
    }
    .hero-image-frame{
        height:650px !important;
    }
}
@media(max-width:1200px){
    .hero{
        min-height:760px !important;
    }
    .hero-grid{
        min-height:760px !important;
        grid-template-columns:42% 58% !important;
    }
    .hero-content h1{
        font-size:64px !important;
    }
    .hero-product{
        height:590px !important;
    }
    .hero-image-frame{
        height:560px !important;
    }
}
@media(max-width:900px){
    .hero{
        min-height:auto !important;
        padding:115px 0 55px !important;
    }
    .hero-grid{
        min-height:auto !important;
        width:calc(100% - 36px) !important;
        padding-top:0 !important;
        grid-template-columns:1fr !important;
        gap:40px !important;
    }
    .hero-content{
        max-width:650px !important;
    }
    .hero-content h1{
        font-size:62px !important;
    }
    .hero-product{
        height:540px !important;
    }
    .hero-image-frame{
        height:510px !important;
    }
}
@media(max-width:600px){
    .hero{
        padding:100px 0 40px !important;
    }
    .hero-grid{
        width:calc(100% - 28px) !important;
        gap:32px !important;
    }
    .hero-content h1{
        font-size:48px !important;
    }
    .hero-description{
        font-size:13px !important;
    }
    .hero-actions{
        flex-direction:column !important;
    }
    .hero-actions .button{
        width:100% !important;
    }
    .hero-product{
        height:430px !important;
    }
    .hero-image-frame{
        height:405px !important;
    }
    .hero-security-card{
        right:8px !important;
        bottom:8px !important;
        width:calc(100% - 16px) !important;
    }
}
.feature-icon{
    width:48px;
    height:48px;
    min-width:48px;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(202,169,107,.35);
    transform:rotate(45deg);
    color:#caa96b;
    position:relative;
}
.feature-icon svg{
    width:20px !important;
    height:20px !important;
    display:block !important;
    transform:rotate(-45deg) !important;
    stroke:#caa96b !important;
    color:#caa96b !important;
    stroke-width:1.5 !important;
    fill:none !important;
    opacity:1 !important;
    visibility:visible !important;
}
.feature-item:nth-child(1) .feature-icon svg{
    width:20px !important;
    height:20px !important;
}
.feature-item:nth-child(2) .feature-icon svg{
    width:21px !important;
    height:21px !important;
}
.feature-item:nth-child(3) .feature-icon svg{
    width:20px !important;
    height:20px !important;
}
.feature-item:nth-child(4) .feature-icon svg{
    width:20px !important;
    height:20px !important;
}
.feature-item:nth-child(5) .feature-icon svg{
    width:21px !important;
    height:21px !important;
}
.feature-item:nth-child(6) .feature-icon svg{
    width:20px !important;
    height:20px !important;
}
.feature-icon svg{
    filter:
        drop-shadow(
            0 0 6px
            rgba(202,169,107,.16)
        );
}
.feature-item:hover .feature-icon{
    border-color:rgba(202,169,107,.65);
}
.feature-item:hover .feature-icon svg{
    stroke:#e1c28b !important;
}
.security-feature-card {
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}
.security-feature-card .feature-icon,
.security-feature-card .security-icon,
.security-feature-card .icon {
    display: none !important;
}
.security-feature-card::before {
    content: "" !important;
    display: block !important;
    width: calc(100% - 28px) !important;
    height: 150px !important;
    margin: 14px 14px 0 !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}
.security-feature-card:nth-child(1)::before {
    background-image: url("assets/svetlo.png") !important;
}
.security-feature-card:nth-child(2)::before {
    background-image: url("assets/alkantara.png") !important;
}
.security-feature-card .feature-number,
.security-feature-card .number {
    position: absolute !important;
    top: 178px !important;
    right: 22px !important;
}
.security-feature-card h3 {
    margin: 24px 28px 0 !important;
}
.security-feature-card p {
    margin: 12px 28px 28px !important;
}
.security-feature-card {
    min-height: 390px !important;
    position: relative !important;
}
/* 
   DETAIL CARDS SA CLOSE-UP SLIKAMA
    */
.premium-detail-card{
    position:relative !important;
    min-height:330px !important;
    padding:0 0 24px !important;
    overflow:hidden !important;
    border-radius:18px !important;
}
.premium-detail-icon{
    display:none !important;
}
.premium-detail-card::before{
    content:"";
    display:block;
    width:100%;
    height:155px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    border-bottom:
        1px solid rgba(255,255,255,.08);
}
.premium-detail-card:nth-child(1)::before{
    background-image:
        url("assets/svetlo.png");
}
.premium-detail-card:nth-child(2)::before{
    background-image:
        url("assets/alkantara.png");
}
.premium-detail-number{
    top:170px !important;
    right:20px !important;
    font-size:38px !important;
}
.premium-detail-card h3{
    padding:0 22px !important;
    margin-top:22px !important;
    font-size:12px !important;
    letter-spacing:.09em !important;
}
.premium-detail-card p{
    padding:0 22px !important;
    margin-top:10px !important;
    max-width:none !important;
    font-size:12px !important;
    line-height:1.6 !important;
}
/* 
   ORDER — JEDNA KOMODICA KOJA MENJA BOJU
    */
.order-gallery{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:55px !important;
    overflow:hidden !important;
}
.order-product-image{
    position:relative !important;
    z-index:2 !important;
    width:78% !important;
    height:520px !important;
    max-width:600px !important;
    object-fit:contain !important;
    transform:none !important;
    transition:
        opacity .25s ease,
        transform .45s cubic-bezier(.2,.8,.2,1) !important;
    filter:
        drop-shadow(
            0 35px 45px
            rgba(0,0,0,.45)
        );
}
.order-product-image.is-changing{
    opacity:0 !important;
    transform:scale(.96) !important;
}
.order-gallery img:nth-child(1),
.order-gallery img:nth-child(3){
    transform:none !important;
}
/* 
   HERO IMAGE — FULL HEIGHT + SOFT BLEND SA LEVE STRANE
    */
.hero-visual,
.hero-image,
.hero-media {
    position: relative !important;
    overflow: hidden !important;
    background: #090909 !important;
}
.hero-visual img,
.hero-image img,
.hero-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    /*
       Slika je vertikalna, pa je ovim malo "odzumiramo".
       Ako želiš još manje zumirano: 90%
       Ako želiš malo više: 97%
    */
    transform: scale(0.94) !important;
    object-position: center center !important;
    display: block !important;
    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0%,
        rgba(0,0,0,0.15) 5%,
        rgba(0,0,0,0.65) 13%,
        #000 23%,
        #000 100%
    ) !important;
    mask-image: linear-gradient(
        to right,
        transparent 0%,
        rgba(0,0,0,0.15) 5%,
        rgba(0,0,0,0.65) 13%,
        #000 23%,
        #000 100%
    ) !important;
}
.hero-visual::before,
.hero-image::before,
.hero-media::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #090909;
    z-index: 0;
}
.hero-visual img,
.hero-image img,
.hero-media img {
    position: relative;
    z-index: 1;
}
.hero-visual::after,
.hero-image::after,
.hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            #090909 0%,
            rgba(9,9,9,0.88) 4%,
            rgba(9,9,9,0.50) 11%,
            rgba(9,9,9,0.15) 19%,
            transparent 28%
        ),
        linear-gradient(
            180deg,
            rgba(9,9,9,0.12) 0%,
            transparent 15%,
            transparent 85%,
            rgba(9,9,9,0.15) 100%
        );
}
/* 
   FINAL HERO IMAGE FIX
   manje zumirana + bez praznog prostora + blend levo
    */
.hero-product{
    position:relative !important;
    overflow:hidden !important;
}
.hero-image-frame{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    transform:none !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    overflow:hidden !important;
    background:#0a0a09 !important;
    filter:none !important;
}
.hero-main-image{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    /*
       Bitno:
       contain bi napravio prazno gore/dole.
       cover puni ceo blok,
       ali object-position držimo tako da komodica nije previše zumirana.
    */
    object-fit:cover !important;
    object-position:50% 50% !important;
    transform:scale(.90) !important;
    transform-origin:center center !important;
    filter:
        brightness(.88)
        contrast(1.04)
        saturate(.92) !important;
    z-index:1 !important;
}
.hero-image-frame{
    background:
        #0a0a09 !important;
}
.hero-image-frame::before{
    content:"" !important;
    position:absolute !important;
    z-index:3 !important;
    inset:0 auto 0 0 !important;
    width:32% !important;
    height:100% !important;
    background:
        linear-gradient(
            90deg,
            #0a0a09 0%,
            rgba(10,10,9,.98) 8%,
            rgba(10,10,9,.88) 25%,
            rgba(10,10,9,.55) 48%,
            rgba(10,10,9,.20) 72%,
            transparent 100%
        ) !important;
    pointer-events:none !important;
}
.hero-image-frame::after{
    content:"" !important;
    position:absolute !important;
    z-index:3 !important;
    inset:0 !important;
    background:
        linear-gradient(
            180deg,
            rgba(10,10,9,.22) 0%,
            transparent 10%,
            transparent 88%,
            rgba(10,10,9,.22) 100%
        ) !important;
    pointer-events:none !important;
}
.hero-product:hover .hero-main-image{
    transform:scale(.90) !important;
}
/* 
   HERO DESNA SLIKA — FINAL FULL BLEED
    */
/*
   Hero grid ostaje isti za tekst,
   ali hero-product više ne ograničava fotografiju.
*/
.hero-product{
    position:static !important;
}
.hero-image-frame{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:61% !important;
    height:auto !important;
    max-width:none !important;
    transform:none !important;
    overflow:hidden !important;
    background:#0a0a09 !important;
    filter:none !important;
    margin:0 !important;
    padding:0 !important;
}
.hero-main-image{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    object-fit:cover !important;
    /*
       Ovo pomera kadar blago udesno,
       da komoda bude lepo pozicionirana,
       bez praznog prostora gore/dole.
    */
    object-position:54% 50% !important;
    transform:none !important;
    filter:
        brightness(.88)
        contrast(1.04)
        saturate(.92) !important;
}
/* ==========================================
   JAKI BLEND PREMA LEVOJ CRNOJ STRANI
   ========================================== */
.hero-image-frame::before{
    content:"" !important;
    position:absolute !important;
    z-index:4 !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:38% !important;
    height:100% !important;
    background:linear-gradient(
        90deg,
        #0a0a09 0%,
        #0a0a09 10%,
        rgba(10,10,9,.96) 22%,
        rgba(10,10,9,.82) 38%,
        rgba(10,10,9,.54) 56%,
        rgba(10,10,9,.25) 76%,
        transparent 100%
    ) !important;
    pointer-events:none !important;
}
.hero-image-frame::after{
    content:"" !important;
    position:absolute !important;
    z-index:3 !important;
    inset:0 !important;
    background:linear-gradient(
        180deg,
        rgba(10,10,9,.08) 0%,
        transparent 8%,
        transparent 92%,
        rgba(10,10,9,.08) 100%
    ) !important;
    pointer-events:none !important;
}
.hero-product:hover .hero-main-image{
    transform:none !important;
}
.hero-security-card{
    z-index:10 !important;
}
/* 
   HERO IMAGE — FINAL FIX
   ispod navbara + do desne ivice + pravi blend levo
    */
.hero{
    position:relative !important;
    overflow:hidden !important;
}
.hero-product{
    position:static !important;
}
.hero-image-frame{
    position:absolute !important;
    top:96px !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:64% !important;
    height:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    overflow:hidden !important;
    background:#0a0a09 !important;
    filter:none !important;
}
.hero-main-image{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    display:block !important;
    object-fit:cover !important;
    /*
       Malo pomeramo kadar ulevo da komodica
       ne bude zalepljena za desnu stranu.
    */
    object-position:47% 50% !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    filter:
        brightness(.90)
        contrast(1.03)
        saturate(.94) !important;
}
/* 
   PRAVI BLEND SA LEVOM CRNOM POZADINOM
    */
.hero-image-frame::before{
    content:"" !important;
    position:absolute !important;
    z-index:5 !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:46% !important;
    pointer-events:none !important;
    background:linear-gradient(
        90deg,
        #0a0a09 0%,
        #0a0a09 12%,
        rgba(10,10,9,.98) 20%,
        rgba(10,10,9,.92) 32%,
        rgba(10,10,9,.76) 46%,
        rgba(10,10,9,.52) 60%,
        rgba(10,10,9,.28) 74%,
        rgba(10,10,9,.10) 88%,
        transparent 100%
    ) !important;
}
.hero-image-frame::after{
    display:none !important;
}
.hero-security-card{
    z-index:10 !important;
}
.hero-product:hover .hero-main-image{
    transform:none !important;
}
/* 
   SEFKOMODA — CART DRAWER
 */
.cart-overlay{
    position:fixed;
    inset:0;
    z-index:2000;
    background:
        rgba(0,0,0,.58);
    backdrop-filter:
        blur(4px);
    -webkit-backdrop-filter:
        blur(4px);
    opacity:0;
    visibility:hidden;
    transition:
        opacity .35s ease,
        visibility .35s ease;
}
.cart-overlay.active{
    opacity:1;
    visibility:visible;
}
/* 
   DESNI DRAWER
 */
.cart-drawer{
    position:fixed;
    top:0;
    right:0;
    z-index:2001;
    width:470px;
    max-width:100%;
    height:100dvh;
    display:flex;
    flex-direction:column;
    background:
        linear-gradient(
            145deg,
            rgba(24,23,20,.99),
            rgba(10,10,9,.995)
        );
    border-left:
        1px solid
        rgba(202,169,107,.18);
    box-shadow:
        -35px 0 90px
        rgba(0,0,0,.55);
    transform:
        translateX(105%);
    transition:
        transform .48s
        cubic-bezier(.2,.8,.2,1);
}
.cart-drawer.active{
    transform:
        translateX(0);
}
/* 
   HEADER
 */
.cart-drawer-header{
    min-height:118px;
    padding:
        28px 30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:
        1px solid
        rgba(255,255,255,.07);
}
.cart-small-title{
    display:block;
    margin-bottom:8px;
    color:#caa96b;
    font-size:9px;
    font-weight:600;
    letter-spacing:.22em;
    text-transform:uppercase;
}
.cart-drawer-header h2{
    margin:0;
    font-family:
        "Playfair Display",
        serif;
    font-size:34px;
    line-height:1;
    font-weight:400;
    letter-spacing:-.03em;
    color:#f4efe6;
}
.cart-drawer-close{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:
        1px solid
        rgba(255,255,255,.10);
    border-radius:50%;
    background:
        rgba(255,255,255,.025);
    color:#d4cfc6;
    font-size:25px;
    font-weight:300;
    cursor:pointer;
    transition:
        border-color .25s ease,
        color .25s ease,
        transform .3s ease,
        background .25s ease;
}
.cart-drawer-close:hover{
    color:#e3c58b;
    border-color:
        rgba(202,169,107,.55);
    background:
        rgba(202,169,107,.05);
    transform:none;
}
/* 
   SADRŽAJ
 */
.cart-drawer-content{
    flex:1;
    display:flex;
    overflow-y:auto;
}
.cart-empty-state{
    width:100%;
    padding:50px 35px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}
.cart-empty-icon{
    width:70px;
    height:70px;
    margin-bottom:26px;
    display:grid;
    place-items:center;
    border:
        1px solid
        rgba(202,169,107,.22);
    border-radius:50%;
    background:
        linear-gradient(
            145deg,
            rgba(202,169,107,.08),
            rgba(255,255,255,.01)
        );
    color:#d2b477;
}
.cart-empty-icon svg{
    width:24px;
    height:24px;
    stroke-width:1.3;
}
.cart-empty-state h3{
    margin:0 0 12px;
    font-family:
        "Playfair Display",
        serif;
    font-size:27px;
    font-weight:400;
    color:#f3efe7;
}
.cart-empty-state p{
    max-width:290px;
    margin:0;
    color:#97928a;
    font-size:13px;
    line-height:1.7;
}
.cart-browse-button{
    margin-top:30px;
    padding:
        14px 19px;
    border:
        1px solid
        rgba(202,169,107,.30);
    border-radius:4px;
    color:#d5b779;
    font-size:10px;
    font-weight:600;
    letter-spacing:.12em;
    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;
}
.cart-browse-button:hover{
    background:
        rgba(202,169,107,.07);
    border-color:
        rgba(202,169,107,.58);
    transform:
        translateY(-2px);
}
/* kada je otvorena korpa
   nema scrolla sajta iza */
body.cart-open{
    overflow:hidden;
}
/* 
   MOBILE
 */
@media(max-width:600px){
    .cart-drawer{
        width:100%;
    }
    .cart-drawer-header{
        min-height:95px;
        padding:
            22px 20px;
    }
    .cart-drawer-header h2{
        font-size:30px;
    }
}
/* 
   CART — PRODUCT
 */
.cart-items-list{
    width:100%;
    display:none;
    padding:8px 30px 25px;
}
.cart-items-list.active{
    display:block;
}
.cart-product{
    display:grid;
    grid-template-columns:
        120px 1fr;
    gap:20px;
    padding:25px 0;
    border-bottom:
        1px solid
        rgba(255,255,255,.07);
}
.cart-product-image{
    width:120px;
    height:135px;
    padding:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:
        1px solid
        rgba(255,255,255,.07);
    border-radius:8px;
    background:
        rgba(255,255,255,.025);
    overflow:hidden;
}
.cart-product-image img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.cart-product-info{
    min-width:0;
}
.cart-product-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:15px;
}
.cart-product-name{
    font-family:
        "Playfair Display",
        serif;
    font-size:22px;
    font-weight:400;
    color:#f4efe7;
}
.cart-product-color{
    display:block;
    margin-top:6px;
    color:#8d8880;
    font-size:10px;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.cart-product-remove{
    color:#817c74;
    font-size:19px;
    transition:.2s ease;
}
.cart-product-remove:hover{
    color:#d2ad6d;
}
.cart-product-bottom{
    margin-top:27px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}
.cart-product-quantity{
    height:36px;
    display:flex;
    align-items:center;
    border:
        1px solid
        rgba(255,255,255,.10);
    border-radius:5px;
    overflow:hidden;
}
.cart-product-quantity button{
    width:34px;
    height:100%;
    font-size:17px;
    color:#aaa49b;
    transition:.2s ease;
}
.cart-product-quantity button:hover{
    background:
        rgba(202,169,107,.06);
    color:#d7b776;
}
.cart-product-quantity span{
    min-width:30px;
    text-align:center;
    font-size:11px;
}
.cart-product-price{
    white-space:nowrap;
    color:#f0ebe2;
    font-size:14px;
    font-weight:600;
}
/* 
   SUMMARY
 */
.cart-summary{
    display:none;
    padding:
        22px 30px 28px;
    border-top:
        1px solid
        rgba(255,255,255,.08);
    background:
        rgba(8,8,7,.75);
}
.cart-summary.active{
    display:block;
}
.cart-summary-row{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
}
.cart-summary-row span{
    color:#9b968d;
    font-size:11px;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.cart-summary-row strong{
    color:#f5f1e9;
    font-size:24px;
    font-weight:500;
}
.cart-summary-delivery{
    margin-top:8px;
    color:#77736c;
    font-size:10px;
}
.cart-next-button{
    width:100%;
    height:58px;
    margin-top:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    border-radius:4px;
    background:
        linear-gradient(
            105deg,
            #c79d57,
            #e4c482,
            #c99e57
        );
    color:#17130e;
    font-size:10px;
    font-weight:700;
    letter-spacing:.12em;
    transition:
        transform .25s ease,
        filter .25s ease;
}
.cart-next-button:hover{
    transform:
        translateY(-2px);
    filter:
        brightness(1.04);
}
@media(max-width:600px){
    .cart-items-list{
        padding:
            5px 20px 20px;
    }
    .cart-product{
        grid-template-columns:
            95px 1fr;
        gap:15px;
    }
    .cart-product-image{
        width:95px;
        height:115px;
    }
    .cart-summary{
        padding:
            20px;
    }
}
/* 
   CART FOOTER — FIXED BOTTOM + PROMO
 */
/*
   ceo drawer mora da bude flex kolona
*/
.cart-drawer{
    display:flex !important;
    flex-direction:column !important;
}
/*
   header ne sme da se skuplja
*/
.cart-drawer-header{
    flex:0 0 auto !important;
}
/*
   samo PROIZVODI skroluju
*/
.cart-drawer-content{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
}
/* 
   DONJI FIKSIRANI DEO
 */
.cart-summary{
    flex:0 0 auto !important;
    position:relative !important;
    z-index:20 !important;
    width:100% !important;
    margin-top:auto !important;
    padding:
        0 30px 28px !important;
    background:
        linear-gradient(
            180deg,
            rgba(13,13,12,.98),
            #0b0b0a
        ) !important;
    border-top:
        1px solid
        rgba(255,255,255,.07) !important;
    box-shadow:
        0 -18px 45px
        rgba(0,0,0,.18) !important;
}
.cart-summary.active{
    display:block !important;
}
/* 
   PROMO KOD
 */
.cart-promo{
    width:100% !important;
    border-bottom:
        1px solid
        rgba(255,255,255,.07) !important;
}
.cart-promo-toggle{
    width:100% !important;
    min-height:58px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    color:#aaa59b !important;
    font-size:10px !important;
    font-weight:600 !important;
    letter-spacing:.10em !important;
    text-transform:uppercase !important;
    cursor:pointer !important;
}
.cart-promo-toggle:hover{
    color:#d8ba7f !important;
}
.cart-promo-plus{
    font-size:20px !important;
    font-weight:300 !important;
    color:#c9a66b !important;
    transition:
        transform .3s ease !important;
}
.cart-promo.open
.cart-promo-plus{
    transform:
        rotate(45deg) !important;
}
.cart-promo-form{
    max-height:0 !important;
    opacity:0 !important;
    overflow:hidden !important;
    transition:
        max-height .35s ease,
        opacity .25s ease,
        padding .35s ease !important;
    padding:0 !important;
}
.cart-promo.open
.cart-promo-form{
    max-height:120px !important;
    opacity:1 !important;
    padding:
        0 0 18px !important;
}
.cart-promo-input-wrap{
    height:46px !important;
    display:grid !important;
    grid-template-columns:
        1fr auto !important;
    border:
        1px solid
        rgba(255,255,255,.10) !important;
    border-radius:4px !important;
    overflow:hidden !important;
    background:
        rgba(255,255,255,.02) !important;
}
.cart-promo-input-wrap input{
    width:100% !important;
    min-width:0 !important;
    padding:
        0 15px !important;
    border:none !important;
    outline:none !important;
    background:
        transparent !important;
    color:#eee8df !important;
    font-family:
        "DM Sans",
        sans-serif !important;
    font-size:11px !important;
}
.cart-promo-input-wrap input::placeholder{
    color:#706c66 !important;
}
.cart-promo-input-wrap button{
    min-width:90px !important;
    padding:
        0 16px !important;
    border-left:
        1px solid
        rgba(255,255,255,.08) !important;
    background:
        rgba(202,169,107,.06) !important;
    color:#d2b171 !important;
    font-size:9px !important;
    font-weight:700 !important;
    letter-spacing:.11em !important;
    transition:
        background .25s ease !important;
}
.cart-promo-input-wrap button:hover{
    background:
        rgba(202,169,107,.12) !important;
}
.cart-promo-message{
    min-height:13px !important;
    margin:
        8px 0 0 !important;
    font-size:9px !important;
    color:#928d85 !important;
}
/* 
   UKUPNO
 */
.cart-summary-total{
    min-height:94px !important;
    padding:
        20px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:25px !important;
}
.cart-total-label{
    display:block !important;
    margin-bottom:7px !important;
    color:#9d988f !important;
    font-size:10px !important;
    font-weight:600 !important;
    letter-spacing:.11em !important;
}
.cart-summary-total p{
    margin:0 !important;
    color:#716d66 !important;
    font-size:9px !important;
}
.cart-summary-total strong{
    white-space:nowrap !important;
    color:#f4efe7 !important;
    font-size:24px !important;
    font-weight:600 !important;
    letter-spacing:-.025em !important;
}
/* 
   CTA
 */
.cart-next-button{
    width:100% !important;
    height:58px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:22px !important;
    border-radius:4px !important;
    background:
        linear-gradient(
            100deg,
            #c89c53,
            #e3c17e,
            #c99e58
        ) !important;
    color:#16120d !important;
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:.12em !important;
}
.cart-next-button span{
    font-size:15px !important;
}
/* 
   MOBILE
 */
@media(max-width:600px){
    .cart-summary{
        padding:
            0 20px 20px !important;
    }
    .cart-summary-total strong{
        font-size:21px !important;
    }
}
/* 
   CART PRICE BREAKDOWN
 */
.cart-price-breakdown{
    padding:18px 0 0 !important;
    border-bottom:
        1px solid
        rgba(255,255,255,.07) !important;
}
.cart-price-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:20px !important;
    margin-bottom:12px !important;
    color:#8f8a82 !important;
    font-size:10px !important;
}
.cart-price-row span{
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
}
.cart-price-row strong{
    color:#bcb6ad !important;
    font-size:12px !important;
    font-weight:500 !important;
}
.cart-discount-row{
    display:none !important;
}
.cart-discount-row.active{
    display:flex !important;
}
.cart-discount-row strong{
    color:#d4b16e !important;
}
/* 
   CART PROMO DISCOUNT
 */
.cart-discount-info{
    display:none;
    align-items:center;
    justify-content:space-between;
    padding:15px 0 0;
    color:#aaa59b;
    font-size:10px;
    letter-spacing:.06em;
}
.cart-discount-info.active{
    display:flex;
}
.cart-discount-info strong{
    color:#d2b171;
    font-size:12px;
    font-weight:600;
}
/* 
   CART BOTTOM — FINAL CLEAN FIX
 */
.cart-summary{
    width:100% !important;
    flex:0 0 auto !important;
    margin-top:auto !important;
    padding:
        0 30px 24px !important;
    background:#0b0b0a !important;
    border-top:
        1px solid
        rgba(255,255,255,.07) !important;
    box-shadow:
        0 -12px 35px
        rgba(0,0,0,.16) !important;
}
/* 
   PROMO
 */
.cart-promo{
    width:100% !important;
    border-bottom:none !important;
}
.cart-promo-toggle{
    width:100% !important;
    min-height:48px !important;
    height:48px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
}
.cart-promo.open .cart-promo-form{
    max-height:95px !important;
    padding:
        0 0 10px !important;
}
.cart-promo-input-wrap{
    height:42px !important;
}
.cart-promo-message{
    min-height:0 !important;
    margin:
        6px 0 0 !important;
    padding:0 !important;
    border:none !important;
    font-size:9px !important;
    line-height:1.3 !important;
    color:#928d85 !important;
}
.cart-promo-message::after,
.cart-promo-message::before{
    display:none !important;
    content:none !important;
}
/* 
   UKUPNO
 */
.cart-summary-total{
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:
        15px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:20px !important;
    border-top:
        1px solid
        rgba(255,255,255,.06) !important;
}
/* ako je promo otvoren,
   linija počinje lepo tek iznad totala */
.cart-total-label{
    display:block !important;
    margin:0 !important;
    font-size:10px !important;
    font-weight:600 !important;
    line-height:1 !important;
    letter-spacing:.11em !important;
    color:#9d988f !important;
}
.cart-summary-total strong{
    margin:0 !important;
    padding:0 !important;
    font-size:22px !important;
    line-height:1 !important;
    font-weight:600 !important;
    white-space:nowrap !important;
    color:#f4efe7 !important;
}
/* 
   NASTAVITE SA PORUDŽBINOM
 */
.cart-next-button{
    width:100% !important;
    height:52px !important;
    min-height:52px !important;
    margin:0 !important;
    padding:0 20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:16px !important;
    border-radius:4px !important;
    font-size:9px !important;
    line-height:1 !important;
    letter-spacing:.11em !important;
    flex:none !important;
}
.cart-next-button span{
    font-size:14px !important;
    line-height:1 !important;
}
/* 
   MOBILE
 */
@media(max-width:600px){
    .cart-summary{
        padding:
            0 20px 18px !important;
    }
    .cart-summary-total{
        padding:
            14px 0 !important;
    }
    .cart-summary-total strong{
        font-size:20px !important;
    }
    .cart-next-button{
        height:50px !important;
        min-height:50px !important;
    }
}
/* 
   CHECKOUT
 */
.checkout-view{
    position:absolute;
    inset:0;
    z-index:50;
    display:none;
    flex-direction:column;
    background:
        linear-gradient(
            145deg,
            rgba(24,23,20,.995),
            rgba(10,10,9,.995)
        );
}
.checkout-view.active{
    display:flex;
}
/* 
   HEADER
 */
.checkout-header{
    flex:0 0 auto;
    min-height:110px;
    padding:
        25px 30px;
    display:flex;
    align-items:center;
    gap:18px;
    border-bottom:
        1px solid
        rgba(255,255,255,.07);
}
.checkout-header h2{
    margin:0;
    font-family:
        "Playfair Display",
        serif;
    font-size:29px;
    line-height:1;
    font-weight:400;
    color:#f4efe7;
}
.checkout-back{
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:grid;
    place-items:center;
    border:
        1px solid
        rgba(255,255,255,.10);
    border-radius:50%;
    color:#c9a66b;
    font-size:18px;
    transition:
        background .25s ease,
        border-color .25s ease;
}
.checkout-back:hover{
    background:
        rgba(202,169,107,.06);
    border-color:
        rgba(202,169,107,.40);
}
/* 
   FORM
 */
.checkout-form{
    flex:1;
    min-height:0;
    display:flex;
    flex-direction:column;
}
.checkout-fields{
    flex:1;
    min-height:0;
    overflow-y:auto;
    padding:
        26px 30px 30px;
}
.checkout-field{
    margin-bottom:19px;
}
.checkout-field label{
    display:flex;
    align-items:center;
    gap:7px;
    margin-bottom:8px;
    color:#aaa59b;
    font-size:9px;
    font-weight:600;
    letter-spacing:.10em;
    text-transform:uppercase;
}
.checkout-field label span{
    color:#68645e;
    font-size:8px;
    font-weight:500;
}
.checkout-field input,
.checkout-field textarea{
    width:100%;
    border:
        1px solid
        rgba(255,255,255,.09);
    border-radius:4px;
    outline:none;
    background:
        rgba(255,255,255,.025);
    color:#f1ede5;
    font-family:
        "DM Sans",
        sans-serif;
    font-size:12px;
    transition:
        border-color .25s ease,
        background .25s ease;
}
.checkout-field input{
    height:47px;
    padding:
        0 14px;
}
.checkout-field textarea{
    min-height:78px;
    padding:
        13px 14px;
    resize:none;
    line-height:1.5;
}
.checkout-field input::placeholder,
.checkout-field textarea::placeholder{
    color:#67635e;
}
.checkout-field input:focus,
.checkout-field textarea:focus{
    border-color:
        rgba(202,169,107,.48);
    background:
        rgba(202,169,107,.025);
}
.checkout-row{
    display:grid;
    grid-template-columns:
        1fr 135px;
    gap:12px;
}
/* 
   PLAĆANJE
 */
.checkout-payment{
    margin-top:7px;
}
.checkout-section-label{
    display:block;
    margin-bottom:10px;
    color:#8f8a82;
    font-size:9px;
    font-weight:600;
    letter-spacing:.11em;
}
.checkout-payment-option{
    min-height:74px;
    padding:
        15px;
    display:flex;
    align-items:center;
    gap:14px;
    border:
        1px solid
        rgba(202,169,107,.23);
    border-radius:4px;
    background:
        rgba(202,169,107,.035);
}
.checkout-payment-radio{
    width:18px;
    height:18px;
    flex:0 0 18px;
    display:grid;
    place-items:center;
    border:
        1px solid
        #c9a66b;
    border-radius:50%;
}
.checkout-payment-radio span{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#c9a66b;
}
.checkout-payment-copy strong{
    display:block;
    color:#eee9e1;
    font-size:11px;
    font-weight:600;
}
.checkout-payment-copy span{
    display:block;
    margin-top:5px;
    color:#7e7971;
    font-size:9px;
    line-height:1.45;
}
/* 
   CHECKOUT FOOTER
 */
.checkout-footer{
    flex:0 0 auto;
    padding:
        18px 30px 25px;
    border-top:
        1px solid
        rgba(255,255,255,.07);
    background:#0b0b0a;
}
.checkout-total{
    margin-bottom:16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.checkout-total span{
    color:#9d988f;
    font-size:10px;
    font-weight:600;
    letter-spacing:.11em;
}
.checkout-total strong{
    color:#f4efe7;
    font-size:22px;
    font-weight:600;
}
.checkout-submit{
    width:100%;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    border-radius:4px;
    background:
        linear-gradient(
            100deg,
            #c89c53,
            #e3c17e,
            #c99e58
        );
    color:#16120d;
    font-size:9px;
    font-weight:700;
    letter-spacing:.11em;
}
.checkout-submit span{
    font-size:14px;
}
/* 
   MOBILE
 */
@media(max-width:600px){
    .checkout-header{
        min-height:92px;
        padding:
            20px;
    }
    .checkout-header h2{
        font-size:26px;
    }
    .checkout-fields{
        padding:
            22px 20px;
    }
    .checkout-footer{
        padding:
            16px 20px 20px;
    }
    .checkout-row{
        grid-template-columns:
            1fr 115px;
    }
}
/* 
   ORDER SUCCESS
 */
.order-success-view{
    position:absolute;
    inset:0;
    z-index:60;
    display:none;
    align-items:center;
    justify-content:center;
    padding:35px;
    background:
        linear-gradient(
            145deg,
            rgba(24,23,20,.995),
            rgba(10,10,9,.998)
        );
}
.order-success-view.active{
    display:flex;
}
.order-success-content{
    width:100%;
    max-width:360px;
    text-align:center;
}
.order-success-icon{
    width:66px;
    height:66px;
    margin:
        0 auto 25px;
    display:grid;
    place-items:center;
    border:
        1px solid
        rgba(202,169,107,.45);
    border-radius:50%;
    background:
        rgba(202,169,107,.06);
    color:#d8b66f;
    font-size:24px;
    font-weight:400;
    box-shadow:
        0 0 40px
        rgba(202,169,107,.06);
}
.order-success-content
.cart-small-title{
    display:block;
    margin-bottom:12px;
}
.order-success-content h2{
    margin:0;
    font-family:
        "Playfair Display",
        serif;
    font-size:37px;
    line-height:1.05;
    font-weight:400;
    letter-spacing:-.025em;
    color:#f4efe7;
}
.order-success-text{
    max-width:320px;
    margin:
        18px auto 0;
    color:#918c84;
    font-size:12px;
    line-height:1.7;
}
.order-success-info{
    margin-top:30px;
    padding:
        18px 0;
    display:grid;
    grid-template-columns:
        1fr 1fr;
    border-top:
        1px solid
        rgba(255,255,255,.07);
    border-bottom:
        1px solid
        rgba(255,255,255,.07);
}
.order-success-info > div{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:7px;
}
.order-success-info > div:first-child{
    border-right:
        1px solid
        rgba(255,255,255,.07);
}
.order-success-info span{
    color:#77726b;
    font-size:8px;
    font-weight:600;
    letter-spacing:.11em;
}
.order-success-info strong{
    color:#eee9df;
    font-size:13px;
    font-weight:500;
}
#successTotalPrice{
    color:#d6b574;
    font-size:15px;
}
.order-success-note{
    margin-top:17px;
    color:#6f6b65;
    font-size:9px;
    line-height:1.5;
}
.order-success-button{
    width:100%;
    height:52px;
    margin-top:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    border-radius:4px;
    background:
        linear-gradient(
            100deg,
            #c89c53,
            #e3c17e,
            #c99e58
        );
    color:#16120d;
    font-size:9px;
    font-weight:700;
    letter-spacing:.11em;
    transition:
        transform .25s ease,
        filter .25s ease;
}
.order-success-button:hover{
    transform:
        translateY(-2px);
    filter:
        brightness(1.04);
}
.order-success-button span{
    font-size:14px;
}
/* 
   MOBILE
 */
@media(max-width:600px){
    .order-success-view{
        padding:25px;
    }
    .order-success-content h2{
        font-size:33px;
    }
    .order-success-icon{
        width:60px;
        height:60px;
        margin-bottom:22px;
    }
}
/* 
   VARIANT IMAGES — RESTORE
 */
.variant-hover-image{
    position:relative !important;
    overflow:hidden !important;
}
.variant-hover-image img{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    transform:
        translate(-50%, -50%) !important;
    transform-origin:center !important;
    transition:
        opacity .55s ease !important;
}
/* 
   BELA
 */
.variant-card[data-color="white"]
.variant-hover-image img{
    width:88% !important;
}
/* 
   CRNA
 */
.variant-card[data-color="black"]
.variant-hover-image img{
    width:76% !important;
}
/* 
   HRAST
 */
.variant-card[data-color="oak"]
.variant-hover-image img{
    width:60% !important;
}
/* 
   CLOSED / OPEN
 */
.variant-hover-image .variant-closed{
    z-index:1 !important;
    opacity:1;
}
.variant-hover-image .variant-open{
    z-index:2 !important;
    opacity:0;
}
/* 
   HOVER
 */
@media (hover:hover) and (pointer:fine){
    .variant-card:hover
    .variant-closed{
        opacity:0;
    }
    .variant-card:hover
    .variant-open{
        opacity:1;
        transform:
            translate(-50%, -50%) !important;
    }
}
/* 
   CLOSED VARIANTS — SAME VISUAL SIZE
   Referenca: CRNA
 */
.variant-card[data-color="white"]
.variant-hover-image .variant-closed{
    width:100% !important;
    top:50% !important;
    left:50% !important;
    transform:
        translate(-50%, -50%) !important;
}
.variant-card[data-color="black"]
.variant-hover-image .variant-closed{
    width:76% !important;
    top:50% !important;
    left:50% !important;
    transform:
        translate(-50%, -50%) !important;
}
.variant-card[data-color="oak"]
.variant-hover-image .variant-closed{
    width:69% !important;
    top:50% !important;
    left:50% !important;
    transform:
        translate(-50%, -50%) !important;
}
/* 
   OPEN VARIANTS — SAME VISUAL SIZE
 */
.variant-card[data-color="white"]
.variant-hover-image .variant-open{
    width:69% !important;
    top:50% !important;
    left:50% !important;
    transform:
        translate(-50%, -50%) !important;
}
.variant-card[data-color="black"]
.variant-hover-image .variant-open{
    width:76% !important;
    top:50% !important;
    left:50% !important;
    transform:
        translate(-50%, -50%) !important;
}
.variant-card[data-color="oak"]
.variant-hover-image .variant-open{
    width:81% !important;
    top:50% !important;
    left:50% !important;
    transform:
        translate(-50%, -50%) !important;
}
/* 
   VALUE STRIP — ORIGINAL
 */
.value-strip{
    padding:
        55px 0 75px;
    background:#0a0a09;
}
.value-strip-grid{
    display:grid;
    grid-template-columns:
        repeat(4, 1fr);
    border:
        1px solid
        rgba(255,255,255,.08);
}
.value-strip-item{
    min-height:135px;
    padding:
        32px 30px;
    display:flex;
    align-items:center;
    gap:20px;
    border-right:
        1px solid
        rgba(255,255,255,.08);
}
.value-strip-item:last-child{
    border-right:none;
}
.value-strip-icon{
    width:10px;
    height:10px;
    flex:0 0 10px;
    border:
        1px solid
        #c59a59;
    transform:
        rotate(45deg);
}
.value-strip-item strong{
    display:block;
    margin-bottom:8px;
    color:#eee9e1;
    font-size:10px;
    font-weight:600;
    letter-spacing:.06em;
}
.value-strip-item p{
    margin:0;
    color:#77736d;
    font-size:10px;
    line-height:1.5;
}
@media(max-width:800px){
    .value-strip-grid{
        grid-template-columns:
            repeat(2, 1fr);
    }
    .value-strip-item{
        border-bottom:
            1px solid
            rgba(255,255,255,.08);
    }
}
@media(max-width:500px){
    .value-strip{
        padding:
            40px 0 55px;
    }
    .value-strip-grid{
        grid-template-columns:1fr;
    }
    .value-strip-item{
        min-height:auto;
        padding:
            24px 20px;
        border-right:none;
    }
}
/* 
   FOOTER LOGO — SYMBOL ONLY
 */
.footer-brand-symbol{
    display:inline-flex !important;
    align-items:center !important;
    width:auto !important;
    text-decoration:none !important;
}
.footer-logo-symbol{
    width:58px;
    height:auto;
    display:block;
    object-fit:contain;
}
/* 
   FOOTER BOTTOM — LEFT / RIGHT
 */
.footer-bottom{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:30px !important;
}
.footer-bottom-links{
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:30px !important;
    text-align:right !important;
}
.footer-bottom-links a{
    white-space:nowrap;
}
@media(max-width:600px){
    .footer-bottom{
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:16px !important;
    }
    .footer-bottom-links{
        width:100% !important;
        margin-left:0 !important;
        justify-content:flex-start !important;
        flex-wrap:wrap !important;
        gap:15px 22px !important;
    }
}
.cart-close,
.cart-close:hover,
.cart-close:focus,
.cart-close:active{
    transform: none !important;
    rotate: 0deg !important;
    animation: none !important;
}
.cart-close svg,
.cart-close:hover svg{
    transform: none !important;
    rotate: 0deg !important;
    animation: none !important;
    transition: none !important;
}
/* 
   SHOP HERO / PONUDA — PREMIUM GLASS
    */
.shop-hero{
    position:relative;
    min-height:900px;
    padding:
        135px 0
        80px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 77% 15%,
            rgba(202,169,107,.10),
            transparent 28%
        ),
        radial-gradient(
            circle at 12% 80%,
            rgba(255,255,255,.025),
            transparent 25%
        ),
        #0a0a09;
}
.shop-hero::before{
    content:"";
    position:absolute;
    width:900px;
    height:900px;
    right:-360px;
    top:-390px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(202,169,107,.10),
            transparent 66%
        );
    filter:blur(24px);
    pointer-events:none;
}
/* 
   MAIN GRID
    */
.shop-hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:
        minmax(0,1.18fr)
        minmax(380px,.82fr);
    gap:38px;
    align-items:stretch;
}
/* 
   LEFT GALLERY
    */
.shop-gallery{
    position:relative;
    min-width:0;
    padding:22px;
    border:
        1px solid rgba(255,255,255,.07);
    border-radius:28px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 35px 100px rgba(0,0,0,.28);
    backdrop-filter:
        blur(24px)
        saturate(125%);
    -webkit-backdrop-filter:
        blur(24px)
        saturate(125%);
    overflow:hidden;
}
.shop-gallery::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    top:-250px;
    left:-180px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.07),
            transparent 68%
        );
    pointer-events:none;
}
.shop-gallery-top{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:
        3px 4px
        18px;
}
.shop-gallery-label{
    color:#caa96b;
    font-size:10px;
    font-weight:600;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.shop-gallery-status{
    color:
        rgba(239,235,227,.42);
    font-size:9px;
    letter-spacing:.07em;
    text-transform:uppercase;
}
/* 
   SLIDER
    */
.shop-slider{
    position:relative;
    width:100%;
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    border-radius:22px;
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(202,169,107,.07),
            transparent 45%
        ),
        rgba(0,0,0,.18);
    border:
        1px solid rgba(255,255,255,.045);
}
.shop-slider::-webkit-scrollbar{
    display:none;
}
.shop-slide{
    position:relative;
    flex:0 0 100%;
    min-width:100%;
    height:590px;
    scroll-snap-align:start;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}
.shop-slide img{
    width:86%;
    height:86%;
    object-fit:contain;
    filter:
        drop-shadow(
            0 40px 45px
            rgba(0,0,0,.40)
        );
    transition:
        transform .55s
        cubic-bezier(.2,.8,.2,1);
}
.shop-slide:hover img{
    transform:
        translateY(-5px)
        scale(1.015);
}
.shop-slide::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:120px;
    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(0,0,0,.24)
        );
    pointer-events:none;
}
.shop-slide-caption{
    position:absolute;
    z-index:3;
    left:18px;
    bottom:16px;
    padding:
        8px 11px;
    border-radius:9px;
    color:
        rgba(245,241,233,.72);
    background:
        rgba(15,15,14,.50);
    border:
        1px solid rgba(255,255,255,.07);
    backdrop-filter:
        blur(14px);
    -webkit-backdrop-filter:
        blur(14px);
    font-size:9px;
    letter-spacing:.08em;
    text-transform:uppercase;
}
/* 
   THUMBNAILS
    */
.shop-gallery-nav{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:14px;
}
.shop-thumb{
    position:relative;
    width:64px;
    height:64px;
    flex:0 0 64px;
    border-radius:13px;
    border:
        1px solid rgba(255,255,255,.07);
    background:
        rgba(255,255,255,.025);
    overflow:hidden;
    transition:
        border-color .3s ease,
        background .3s ease,
        transform .3s ease;
}
.shop-thumb:hover{
    transform:translateY(-2px);
    border-color:
        rgba(202,169,107,.28);
}
.shop-thumb.active{
    border-color:
        rgba(202,169,107,.62);
    background:
        rgba(202,169,107,.06);
    box-shadow:
        inset 0 0 0 1px
        rgba(202,169,107,.07);
}
.shop-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
    padding:7px;
}
.shop-dimension-thumb{
    display:grid;
    place-items:center;
    color:#caa96b;
}
.shop-dimension-thumb svg{
    width:21px;
    height:21px;
    stroke-width:1.3;
}
.shop-gallery-arrows{
    margin-left:auto;
    display:flex;
    gap:7px;
}
.shop-gallery-arrow{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:
        1px solid rgba(255,255,255,.08);
    background:
        rgba(255,255,255,.025);
    color:#e8e2d8;
    font-size:16px;
    transition:.3s ease;
}
.shop-gallery-arrow:hover{
    border-color:
        rgba(202,169,107,.42);
    background:
        rgba(202,169,107,.08);
    color:#e1c28b;
}
/* 
   DIMENSIONS SLIDE
    */
.shop-dimensions-slide{
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(202,169,107,.06),
            transparent 45%
        );
}
.shop-dimension-product{
    position:relative;
    width:62%;
    max-width:440px;
}
.shop-dimension-product img{
    width:100%;
    height:auto;
    filter:
        drop-shadow(
            0 35px 40px
            rgba(0,0,0,.35)
        );
}
.dimension-line{
    position:absolute;
    display:flex;
    align-items:baseline;
    gap:4px;
    color:#e6ded1;
    font-size:11px;
    white-space:nowrap;
}
.dimension-line b{
    font-family:var(--serif);
    font-size:27px;
    font-weight:400;
    color:#e1c28b;
}
.dimension-line small{
    font-size:10px;
    color:#8f897f;
}
.dimension-line-height{
    left:-75px;
    top:48%;
    transform:
        translateY(-50%)
        rotate(-90deg);
}
.dimension-line-width{
    left:50%;
    bottom:-45px;
    transform:
        translateX(-50%);
}
.dimension-line-depth{
    right:-65px;
    top:28%;
}
/* 
   RIGHT BUY PANEL
    */
.shop-buy-panel{
    position:relative;
    align-self:stretch;
    padding:
        44px 40px;
    border-radius:28px;
    border:
        1px solid
        rgba(202,169,107,.14);
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.014)
        );
    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.05),
        0 40px 110px
        rgba(0,0,0,.30);
    backdrop-filter:
        blur(28px)
        saturate(135%);
    -webkit-backdrop-filter:
        blur(28px)
        saturate(135%);
    overflow:hidden;
}
.shop-buy-panel::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    right:-300px;
    top:-280px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(202,169,107,.11),
            transparent 68%
        );
    pointer-events:none;
}
/* 
   BADGE
    */
.shop-buy-badge{
    width:max-content;
    display:flex;
    align-items:center;
    gap:9px;
    padding:
        8px 11px;
    border-radius:999px;
    background:
        rgba(202,169,107,.055);
    border:
        1px solid rgba(202,169,107,.18);
    color:#d5b578;
    font-size:9px;
    letter-spacing:.10em;
    text-transform:uppercase;
}
.shop-buy-badge > span{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#d1ad6c;
    box-shadow:
        0 0 12px
        rgba(209,173,108,.55);
}
.shop-product-code{
    margin-top:31px;
    color:
        rgba(255,255,255,.33);
    font-size:9px;
    letter-spacing:.15em;
    text-transform:uppercase;
}
/* 
   PRODUCT TITLE
    */
.shop-product-title{
    margin-top:15px;
    max-width:470px;
    font-family:var(--serif);
    font-size:
        clamp(48px,4.2vw,68px);
    font-weight:400;
    line-height:.94;
    letter-spacing:-.042em;
    color:#f2eee6;
}
.shop-product-title em{
    display:block;
    margin-top:7px;
    font-weight:400;
    color:#d5b578;
}
.shop-product-description{
    max-width:430px;
    margin-top:24px;
    color:
        rgba(239,235,227,.57);
    font-size:13px;
    line-height:1.72;
}
/* 
   PRICE
    */
.shop-price-row{
    margin-top:33px;
    padding:
        24px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-top:
        1px solid rgba(255,255,255,.06);
    border-bottom:
        1px solid rgba(255,255,255,.06);
}
.shop-price{
    display:flex;
    align-items:baseline;
    gap:8px;
}
.shop-price strong{
    font-family:var(--manrope);
    font-size:36px;
    letter-spacing:-.035em;
}
.shop-price span{
    color:#9f9a91;
    font-size:11px;
}
.shop-stock{
    display:flex;
    align-items:center;
    gap:7px;
    color:#aaa49a;
    font-size:10px;
}
.shop-stock > span{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#92aa82;
    box-shadow:
        0 0 10px
        rgba(146,170,130,.35);
}
/* 
   COLOR OPTIONS
    */
.shop-option-block{
    margin-top:27px;
}
.shop-option-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:16px;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#8f8a82;
}
.shop-option-header strong{
    color:#d8d2c8;
    font-weight:500;
}
.shop-colors{
    display:grid;
    grid-template-columns:
        repeat(3,1fr);
    gap:9px;
}
.shop-color{
    min-height:78px;
    padding:
        12px 10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:13px;
    border:
        1px solid rgba(255,255,255,.065);
    background:
        rgba(255,255,255,.018);
    transition:.3s ease;
}
.shop-color:hover{
    border-color:
        rgba(202,169,107,.26);
    background:
        rgba(202,169,107,.025);
}
.shop-color.active{
    border-color:
        rgba(202,169,107,.48);
    background:
        rgba(202,169,107,.055);
    box-shadow:
        inset 0 0 0 1px
        rgba(202,169,107,.05);
}
.shop-color-circle{
    width:26px;
    height:26px;
    border-radius:50%;
    border:
        4px solid #171614;
    outline:
        1px solid rgba(255,255,255,.18);
}
.shop-color-circle.black{
    background:#171717;
}
.shop-color-circle.white{
    background:#e9e5db;
}
.shop-color-circle.oak{
    background:
        linear-gradient(
            135deg,
            #ca9358,
            #82562f
        );
}
.shop-color small{
    color:#aaa49a;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.07em;
}
/* 
   MINI BENEFITS
    */
.shop-mini-benefits{
    display:grid;
    grid-template-columns:
        repeat(2,1fr);
    gap:10px;
    margin-top:25px;
}
.shop-mini-benefits > div{
    min-height:72px;
    padding:
        13px 14px;
    display:flex;
    align-items:center;
    gap:11px;
    border-radius:13px;
    border:
        1px solid rgba(255,255,255,.055);
    background:
        rgba(255,255,255,.018);
}
.shop-mini-benefits svg{
    width:18px;
    height:18px;
    flex:0 0 18px;
    color:#caa96b;
    stroke-width:1.35;
}
.shop-mini-benefits strong{
    display:block;
    margin-bottom:4px;
    color:#e5dfd5;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.shop-mini-benefits span{
    color:#7f7b74;
    font-size:9px;
    line-height:1.45;
}
/* 
   ADD TO CART BUTTON
    */
.shop-add-cart{
    width:100%;
    min-height:58px;
    margin-top:24px;
    padding:
        0 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-radius:13px;
    color:#13100b;
    background:
        linear-gradient(
            110deg,
            #b88f53,
            #e0bd79 48%,
            #b2874e
        );
    border:
        1px solid
        rgba(255,229,181,.35);
    box-shadow:
        0 16px 45px
        rgba(202,169,107,.12);
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        filter .3s ease;
}
.shop-add-cart:hover{
    transform:translateY(-2px);
    filter:brightness(1.05);
    box-shadow:
        0 22px 55px
        rgba(202,169,107,.18);
}
.shop-add-cart-right{
    display:flex;
    align-items:center;
    gap:12px;
}
.shop-add-cart-right svg{
    width:16px;
    height:16px;
    stroke-width:1.5;
}
/* 
   TRUST
    */
.shop-trust-row{
    display:flex;
    justify-content:center;
    gap:25px;
    margin-top:17px;
}
.shop-trust-row span{
    display:flex;
    align-items:center;
    gap:6px;
    color:#77736c;
    font-size:8px;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.shop-trust-row svg{
    width:13px;
    height:13px;
    color:#9d845b;
    stroke-width:1.4;
}
/* 
   SCROLL DOWN
    */
.shop-scroll-down{
    position:relative;
    z-index:3;
    width:max-content;
    margin:
        33px auto
        0;
    display:flex;
    align-items:center;
    gap:11px;
    color:#69655f;
    font-size:9px;
    letter-spacing:.10em;
    text-transform:uppercase;
    transition:
        color .3s ease;
}
.shop-scroll-down svg{
    width:14px;
    height:14px;
    stroke-width:1.3;
}
.shop-scroll-down:hover{
    color:#caa96b;
}
/* 
   RESPONSIVE
    */
@media(max-width:1100px){
    .shop-hero-grid{
        grid-template-columns:
            1.08fr .92fr;
        gap:22px;
    }
    .shop-slide{
        height:520px;
    }
    .shop-buy-panel{
        padding:
            36px 28px;
    }
}
@media(max-width:900px){
    .shop-hero{
        padding:
            105px 0
            65px;
    }
    .shop-hero-grid{
        grid-template-columns:1fr;
        gap:22px;
    }
    .shop-slide{
        height:560px;
    }
    .shop-buy-panel{
        padding:
            40px 34px;
    }
}
@media(max-width:600px){
    .shop-hero{
        padding:
            90px 0
            50px;
    }
    .shop-gallery{
        padding:12px;
        border-radius:20px;
    }
    .shop-gallery-top{
        padding:
            6px 3px
            13px;
    }
    .shop-gallery-status{
        display:none;
    }
    .shop-slide{
        height:390px;
    }
    .shop-slide img{
        width:94%;
        height:88%;
    }
    .shop-gallery-nav{
        overflow-x:auto;
        padding-bottom:3px;
        scrollbar-width:none;
    }
    .shop-gallery-nav::-webkit-scrollbar{
        display:none;
    }
    .shop-gallery-arrows{
        display:none;
    }
    .shop-buy-panel{
        padding:
            30px 20px;
        border-radius:20px;
    }
    .shop-product-title{
        font-size:46px;
    }
    .shop-price strong{
        font-size:32px;
    }
    .shop-colors{
        gap:7px;
    }
    .shop-mini-benefits{
        grid-template-columns:1fr;
    }
    .shop-trust-row{
        flex-direction:column;
        align-items:center;
        gap:8px;
    }
    .shop-dimension-product{
        width:67%;
    }
}
/* 
   PREMIUM GLASS UPGRADE — SHOP CARDS
    */
.shop-gallery{
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.018)
        ) !important;
    border:
        1px solid rgba(255,255,255,.11) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        inset 0 -1px 0 rgba(255,255,255,.025),
        0 30px 80px rgba(0,0,0,.30) !important;
    backdrop-filter:
        blur(28px)
        saturate(135%) !important;
    -webkit-backdrop-filter:
        blur(28px)
        saturate(135%) !important;
    border-radius:28px !important;
}
.shop-gallery::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:42%;
    pointer-events:none;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.045),
            transparent
        );
    opacity:.55;
}
.shop-slider{
    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(202,169,107,.08),
            transparent 45%
        ),
        linear-gradient(
            145deg,
            rgba(255,255,255,.035),
            rgba(255,255,255,.012)
        ) !important;
    border:
        1px solid rgba(255,255,255,.065) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter:
        blur(18px);
    -webkit-backdrop-filter:
        blur(18px);
}
.shop-thumb{
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        ) !important;
    border:
        1px solid rgba(255,255,255,.09) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter:
        blur(14px);
    -webkit-backdrop-filter:
        blur(14px);
}
.shop-thumb.active{
    background:
        linear-gradient(
            145deg,
            rgba(202,169,107,.12),
            rgba(255,255,255,.025)
        ) !important;
    border-color:
        rgba(202,169,107,.48) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 0 0 1px rgba(202,169,107,.06);
}
.shop-gallery-arrow{
    background:
        rgba(255,255,255,.04) !important;
    border:
        1px solid rgba(255,255,255,.09) !important;
    backdrop-filter:
        blur(14px);
    -webkit-backdrop-filter:
        blur(14px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03);
}
/* 
   DESNA BUY KARTICA — VIŠE GLASS
    */
.shop-buy-panel{
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.08),
            rgba(255,255,255,.018) 42%,
            rgba(255,255,255,.01)
        ) !important;
    border:
        1px solid rgba(255,255,255,.105) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        inset 0 -1px 0 rgba(255,255,255,.02),
        0 35px 95px rgba(0,0,0,.34) !important;
    backdrop-filter:
        blur(32px)
        saturate(140%) !important;
    -webkit-backdrop-filter:
        blur(32px)
        saturate(140%) !important;
}
.shop-buy-panel::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    right:-150px;
    bottom:-180px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(202,169,107,.10),
            transparent 68%
        );
    filter:blur(18px);
    pointer-events:none;
}
/* 
   BOJE — MINI GLASS CARDS
    */
.shop-color{
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.014)
        ) !important;
    border:
        1px solid rgba(255,255,255,.075) !important;
    backdrop-filter:
        blur(15px);
    -webkit-backdrop-filter:
        blur(15px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease !important;
}
.shop-color:hover{
    transform:translateY(-3px);
    border-color:
        rgba(202,169,107,.28) !important;
    background:
        linear-gradient(
            145deg,
            rgba(202,169,107,.08),
            rgba(255,255,255,.02)
        ) !important;
}
.shop-color.active{
    background:
        linear-gradient(
            145deg,
            rgba(202,169,107,.13),
            rgba(255,255,255,.028)
        ) !important;
    border-color:
        rgba(202,169,107,.50) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 10px 30px rgba(0,0,0,.14);
}
/* 
   MINI BENEFITI — GLASS KARTICE
    */
.shop-mini-benefits > div{
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        ) !important;
    border:
        1px solid rgba(255,255,255,.075) !important;
    backdrop-filter:
        blur(16px);
    -webkit-backdrop-filter:
        blur(16px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}
.shop-mini-benefits > div:hover{
    transform:translateY(-3px);
    border-color:
        rgba(202,169,107,.22) !important;
    background:
        linear-gradient(
            145deg,
            rgba(202,169,107,.055),
            rgba(255,255,255,.018)
        ) !important;
}
/* 
   GLASS LABEL NA SLICI
    */
.shop-slide-caption{
    background:
        linear-gradient(
            145deg,
            rgba(25,25,23,.68),
            rgba(10,10,9,.48)
        ) !important;
    border:
        1px solid rgba(255,255,255,.09) !important;
    backdrop-filter:
        blur(18px)
        saturate(120%);
    -webkit-backdrop-filter:
        blur(18px)
        saturate(120%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035);
}
/* 
   TRUSТ — MALI GLASS CHIP
    */
.shop-trust-row span{
    padding:
        7px 10px;
    border-radius:999px;
    background:
        rgba(255,255,255,.022);
    border:
        1px solid rgba(255,255,255,.055);
    backdrop-filter:
        blur(12px);
    -webkit-backdrop-filter:
        blur(12px);
}
/* 
   PRODUCT STORY — PREMIUM GLASS
    */
.product-story{
    position:relative;
    padding:
        125px 0
        110px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 18% 25%,
            rgba(202,169,107,.07),
            transparent 30%
        ),
        #0b0b0a;
}
.product-story::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    left:-300px;
    top:-280px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.035),
            transparent 68%
        );
    pointer-events:none;
}
.product-story-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:
        1.08fr .92fr;
    gap:85px;
    align-items:center;
}
/* 
   IMAGE SIDE
    */
.product-story-media{
    min-width:0;
}
.product-story-image-wrap{
    position:relative;
    min-height:680px;
    border-radius:28px;
    overflow:hidden;
    border:
        1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.012)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 35px 100px rgba(0,0,0,.28);
    backdrop-filter:
        blur(24px);
    -webkit-backdrop-filter:
        blur(24px);
}
.product-story-image-wrap::before{
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            180deg,
            rgba(10,10,9,.05),
            transparent 55%,
            rgba(10,10,9,.35)
        );
}
.product-story-image{
    width:100%;
    height:680px;
    object-fit:cover;
    object-position:center;
    display:block;
    filter:
        brightness(.94)
        contrast(1.04)
        saturate(.94);
}
.product-story-badge{
    position:absolute;
    z-index:4;
    left:22px;
    bottom:22px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:
        12px 15px;
    border-radius:12px;
    color:#e9e3d9;
    background:
        linear-gradient(
            145deg,
            rgba(27,26,23,.76),
            rgba(12,12,11,.56)
        );
    border:
        1px solid rgba(202,169,107,.20);
    backdrop-filter:
        blur(18px)
        saturate(120%);
    -webkit-backdrop-filter:
        blur(18px)
        saturate(120%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 18px 45px rgba(0,0,0,.28);
    font-size:9px;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.product-story-badge svg{
    width:17px;
    height:17px;
    color:#caa96b;
    stroke-width:1.4;
}
/* 
   RIGHT COPY
    */
.product-story-content{
    max-width:610px;
}
.product-story-content h2{
    margin-top:17px;
    max-width:600px;
    font-size:
        clamp(52px,5vw,76px);
    line-height:.96;
}
.product-story-lead{
    max-width:520px;
    margin-top:27px;
    color:#d8d2c7;
    font-size:17px;
    line-height:1.68;
}
.product-story-text{
    max-width:540px;
    margin-top:18px;
    color:#8f8a81;
    font-size:14px;
    line-height:1.8;
}
/* 
   FEATURE GRID
    */
.product-story-features{
    display:grid;
    grid-template-columns:
        repeat(2,1fr);
    gap:12px;
    margin-top:36px;
}
.story-feature{
    min-height:104px;
    padding:16px;
    display:flex;
    align-items:center;
    gap:14px;
    border-radius:16px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.016)
        );
    border:
        1px solid rgba(255,255,255,.075);
    backdrop-filter:
        blur(18px);
    -webkit-backdrop-filter:
        blur(18px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03);
    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}
.story-feature:hover{
    transform:translateY(-3px);
    border-color:
        rgba(202,169,107,.22);
    background:
        linear-gradient(
            145deg,
            rgba(202,169,107,.06),
            rgba(255,255,255,.018)
        );
}
.story-feature-icon{
    width:44px;
    height:44px;
    flex:0 0 44px;
    display:grid;
    place-items:center;
    border-radius:13px;
    color:#caa96b;
    border:
        1px solid rgba(202,169,107,.22);
    background:
        rgba(202,169,107,.035);
}
.story-feature-icon svg{
    width:18px;
    height:18px;
    stroke-width:1.35;
}
.story-feature strong{
    display:block;
    margin-bottom:5px;
    color:#e7e1d7;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.055em;
}
.story-feature span{
    display:block;
    color:#77736c;
    font-size:10px;
    line-height:1.45;
}
/* 
   QUOTE
    */
.product-story-quote{
    margin-top:30px;
    padding:
        20px 0 0
        22px;
    border-top:
        1px solid rgba(255,255,255,.055);
    border-left:
        1px solid rgba(202,169,107,.26);
    font-family:var(--serif);
    font-size:22px;
    font-style:italic;
    line-height:1.35;
    color:#c7a96f;
}
/* 
   RESPONSIVE
    */
@media(max-width:1000px){
    .product-story-grid{
        grid-template-columns:1fr;
        gap:55px;
    }
    .product-story-image-wrap,
    .product-story-image{
        min-height:600px;
        height:600px;
    }
    .product-story-content{
        max-width:700px;
    }
}
@media(max-width:600px){
    .product-story{
        padding:
            80px 0;
    }
    .product-story-grid{
        gap:40px;
    }
    .product-story-image-wrap,
    .product-story-image{
        min-height:430px;
        height:430px;
    }
    .product-story-image-wrap{
        border-radius:20px;
    }
    .product-story-content h2{
        font-size:45px;
    }
    .product-story-lead{
        font-size:15px;
    }
    .product-story-features{
        grid-template-columns:1fr;
    }
}
/* 
   LIGHT THEME TEST — SAMO BOJE
   NE MENJA RASPORED / VELICINE / FUNKCIONALNOST
    */
:root{
    --bg:#f5f2ec;
    --bg-soft:#eee9e1;
    --panel:#ffffff;
    --panel-2:#f3eee6;
    --text:#171613;
    --muted:#777168;
    --gold:#9b7745;
    --gold-soft:#b99259;
    --gold-dark:#77562f;
    --border:rgba(44,38,30,.10);
    --border-gold:rgba(155,119,69,.30);
}
html,
body{
    background:#f5f2ec !important;
    color:#171613 !important;
}
.hero,
.shop-hero,
.product-section,
.product-story,
.features-strip,
.secret-section,
.materials-section,
.info-section,
.value-section,
.order-section,
.faq-section{
    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(155,119,69,.055),
            transparent 30%
        ),
        #f5f2ec !important;
    color:#171613 !important;
}
.site-header{
    background:
        rgba(245,242,236,.82) !important;
    border-bottom:
        1px solid rgba(40,35,28,.08) !important;
    backdrop-filter:
        blur(18px);
    -webkit-backdrop-filter:
        blur(18px);
}
.desktop-nav a{
    color:
        rgba(23,22,19,.66) !important;
}
.desktop-nav a:hover{
    color:#171613 !important;
}
/* LOGO
   ako ti je beli SVG — ovo ga pretvara u crni */
.navbar-logo-img{
    filter:
        brightness(0) !important;
}
.nav-order-button{
    color:#171613 !important;
    background:
        rgba(255,255,255,.46) !important;
    border:
        1px solid rgba(155,119,69,.30) !important;
}
.nav-cart-button{
    color:#171613 !important;
    background:
        rgba(255,255,255,.46) !important;
    border:
        1px solid rgba(155,119,69,.30) !important;
}
h1,
h2,
h3,
.hero-content h1,
.shop-product-title{
    color:#171613 !important;
}
h2 em,
.shop-product-title em,
.eyebrow,
.small-title{
    color:#9b7745 !important;
}
p,
.hero-description,
.shop-product-description,
.product-story-text,
.section-heading p{
    color:#777168 !important;
}
.hero-price,
.hero-price strong,
.shop-price,
.shop-price strong,
.order-price,
.order-price strong{
    color:#171613 !important;
}
/* 
   KARTICE / GLASS
    */
.shop-gallery,
.shop-buy-panel,
.story-feature,
.detail-card,
.info-card,
.materials-panel,
.feature-item,
.variant-image,
.footer-mini-card{
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.72),
            rgba(255,255,255,.38)
        ) !important;
    border:
        1px solid rgba(255,255,255,.85) !important;
    box-shadow:
        0 20px 55px rgba(54,45,34,.07),
        inset 0 1px 0 rgba(255,255,255,.95) !important;
    backdrop-filter:
        blur(22px)
        saturate(120%) !important;
    -webkit-backdrop-filter:
        blur(22px)
        saturate(120%) !important;
}
.shop-color,
.shop-thumb,
.shop-mini-benefits > div,
.shop-gallery-arrow{
    background:
        rgba(255,255,255,.55) !important;
    border:
        1px solid rgba(45,38,30,.09) !important;
    color:#171613 !important;
    box-shadow:
        0 10px 30px rgba(50,40,30,.045) !important;
}
.shop-color.active,
.shop-thumb.active,
.variant-card.active .variant-image{
    border-color:
        rgba(155,119,69,.45) !important;
    background:
        rgba(155,119,69,.065) !important;
}
.feature-item strong,
.story-feature strong,
.detail-card h3{
    color:#211f1b !important;
}
.feature-item span,
.story-feature span,
.detail-card p{
    color:#777168 !important;
}
.button-primary,
.button-gold,
.shop-add-cart,
.footer-order-button{
    background:
        linear-gradient(
            135deg,
            #b99158,
            #94703f
        ) !important;
    color:#fffdf9 !important;
}
.button-secondary{
    color:#211f1b !important;
    border:
        1px solid rgba(45,38,30,.13) !important;
    background:
        rgba(255,255,255,.36) !important;
}
.faq-item{
    border-color:
        rgba(45,38,30,.10) !important;
}
.faq-question{
    color:#171613 !important;
}
.faq-answer p{
    color:#777168 !important;
}
img{
    filter:none;
}
/* 
   FOOTER OSTAVLJAMO TAMAN
   da vidimo kako izgleda kontrast na kraju sajta
    */
.site-footer{
    background:#0b0b0a !important;
    color:#f5f2eb !important;
}
.site-footer p,
.site-footer span,
.site-footer a{
    color:inherit;
}
.site-footer .footer-description,
.site-footer small{
    color:#aaa59b !important;
}
/* 
   SEFKOMODA — PREMIUM LIGHT SYSTEM
   STEP 01
    */
:root {
  --sk-bg: #f4f1eb;
  --sk-bg-2: #ebe6de;
  --sk-surface: rgba(255,255,255,.58);
  --sk-surface-strong: rgba(255,255,255,.76);
  --sk-black: #11110f;
  --sk-text: #1b1a17;
  --sk-muted: #777168;
  --sk-gold: #9b7543;
  --sk-gold-light: #c8a875;
  --sk-gold-soft: rgba(155,117,67,.13);
  --sk-line: rgba(32,29,24,.09);
  --sk-glass-line: rgba(255,255,255,.82);
  --sk-shadow:
    0 24px 70px rgba(53,45,34,.09);
  --sk-shadow-soft:
    0 12px 35px rgba(53,45,34,.055);
  --sk-radius: 26px;
}
html {
  background: var(--sk-bg);
}
body {
  color: var(--sk-text);
  background:
    radial-gradient(
      circle at 82% 7%,
      rgba(198,164,111,.17),
      transparent 25%
    ),
    radial-gradient(
      circle at 8% 30%,
      rgba(255,255,255,.95),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #f8f6f2 0%,
      #f1ede6 48%,
      #f7f5f1 100%
    );
  background-attachment: fixed;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  opacity: .035;
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}
/* 
   LIQUID GLASS SYSTEM
    */
.liquid-glass {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.78),
      rgba(255,255,255,.38)
    );
  border: 1px solid var(--sk-glass-line);
  box-shadow:
    0 22px 65px rgba(53,45,34,.09),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(255,255,255,.30);
  backdrop-filter:
    blur(26px)
    saturate(145%);
  -webkit-backdrop-filter:
    blur(26px)
    saturate(145%);
  border-radius: var(--sk-radius);
}
.liquid-glass::before {
  content: "";
  position: absolute;
  width: 70%;
  height: 180%;
  top: -90%;
  left: -30%;
  transform: rotate(28deg);
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.42),
      transparent
    );
  pointer-events: none;
}
.liquid-glass-dark {
  background:
    linear-gradient(
      145deg,
      rgba(22,21,18,.91),
      rgba(22,21,18,.76)
    );
  color: #fff;
  border:
    1px solid rgba(255,255,255,.12);
  box-shadow:
    0 25px 70px rgba(15,13,10,.18),
    inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
}
/* 
   GOLD DETAILS
    */
.gold-text {
  color: var(--sk-gold);
}
.gold-line {
  width: 42px;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      var(--sk-gold),
      rgba(155,117,67,.15)
    );
}
.gold-glow {
  box-shadow:
    0 18px 50px rgba(155,117,67,.14);
}
/* 
   PREMIUM TYPOGRAPHY HELPERS
    */
.premium-eyebrow {
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--sk-gold);
}
.premium-title {
  font-family: "Playfair Display", serif;
  font-weight: 400;
  line-height: .96;
  letter-spacing: -.045em;
  color: var(--sk-black);
}
.premium-title em {
  font-weight: 400;
  color: var(--sk-gold);
}
.premium-copy {
  font-family: "Manrope", sans-serif;
  line-height: 1.75;
  color: var(--sk-muted);
}
/* 
   BUTTON SYSTEM
    */
.sk-btn-primary {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 54px;
  padding: 0 28px;
  border: 0;
  border-radius: 16px;
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: #fff;
  background:
    linear-gradient(
      135deg,
      #ad8852,
      #886438
    );
  box-shadow:
    0 14px 35px rgba(139,101,56,.22),
    inset 0 1px 0 rgba(255,255,255,.28);
  cursor: pointer;
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}
.sk-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow:
    0 20px 45px rgba(139,101,56,.28),
    inset 0 1px 0 rgba(255,255,255,.32);
}
.sk-btn-glass {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 0 25px;
  border-radius: 16px;
  border:
    1px solid rgba(255,255,255,.8);
  color: var(--sk-black);
  background:
    rgba(255,255,255,.44);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow:
    var(--sk-shadow-soft);
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
  transition:
    transform .35s ease,
    background .35s ease;
}
.sk-btn-glass:hover {
  transform: translateY(-2px);
  background:
    rgba(255,255,255,.72);
}
/* 
   BACKGROUND DECORATIONS
    */
.sk-aura {
  position: absolute;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(195,161,109,.21) 0%,
      rgba(195,161,109,.09) 38%,
      transparent 70%
    );
  filter: blur(18px);
  pointer-events: none;
}
.sk-orb {
  position: absolute;
  border-radius: 999px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.64),
      rgba(255,255,255,.18)
    );
  border:
    1px solid rgba(255,255,255,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 30px 80px rgba(57,48,36,.08);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  pointer-events: none;
}
/* 
   SMALL PREMIUM CHIP
    */
.sk-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-radius: 999px;
  background:
    rgba(255,255,255,.52);
  border:
    1px solid rgba(255,255,255,.82);
  box-shadow:
    0 10px 28px rgba(48,40,30,.06);
  backdrop-filter:
    blur(18px)
    saturate(140%);
  -webkit-backdrop-filter:
    blur(18px)
    saturate(140%);
  font-family: "Manrope", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--sk-text);
}
.sk-chip-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sk-gold);
  box-shadow:
    0 0 0 4px rgba(155,117,67,.10);
}
/* 
   NEW SHOP HERO
   SEFKOMODA — CLEAN / LIQUID / PRODUCT FIRST
 */
.shop-hero{
    --shop-bg:#0b0c0d;
    --shop-panel:rgba(255,255,255,.035);
    --shop-text:#f5f5f2;
    --shop-muted:rgba(245,245,242,.52);
    --shop-line:rgba(255,255,255,.09);
    --shop-accent:#d2b57b;
    position:relative;
    min-height:100svh;
    padding:
        118px
        max(28px,4vw)
        34px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 23% 38%,
            rgba(203,180,132,.09),
            transparent 29%
        ),
        radial-gradient(
            circle at 92% 0%,
            rgba(255,255,255,.045),
            transparent 25%
        ),
        #0b0c0d;
    font-family:"Manrope","DM Sans",sans-serif;
}
.shop-hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.018;
    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
/* 
   BACKGROUND LIQUID AURAS
 */
.shop-hero-aura{
    position:absolute;
    border-radius:999px;
    filter:blur(100px);
    pointer-events:none;
    opacity:.5;
}
.shop-hero-aura-1{
    width:430px;
    height:430px;
    left:-170px;
    top:27%;
    background:
        rgba(196,164,105,.10);
}
.shop-hero-aura-2{
    width:520px;
    height:520px;
    right:-250px;
    bottom:-230px;
    background:
        rgba(255,255,255,.045);
}
/* 
   MAIN SHELL
 */
.shop-hero-shell{
    position:relative;
    z-index:2;
    width:min(100%,1540px);
    min-height:calc(100svh - 152px);
    margin:0 auto;
    display:grid;
    grid-template-columns:
        minmax(0,1.45fr)
        minmax(390px,.55fr);
    overflow:hidden;
    border:
        1px solid rgba(255,255,255,.085);
    border-radius:28px;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.035),
            rgba(255,255,255,.012)
        );
    box-shadow:
        0 40px 100px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter:
        blur(30px)
        saturate(125%);
    -webkit-backdrop-filter:
        blur(30px)
        saturate(125%);
}
/* 
   GALLERY
 */
.shop-gallery{
    position:relative;
    min-width:0;
    padding:32px 34px 26px;
    display:flex;
    flex-direction:column;
    border-right:
        1px solid var(--shop-line);
}
.shop-gallery-top{
    position:relative;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.shop-kicker{
    font-size:10px;
    font-weight:600;
    letter-spacing:.18em;
    color:
        rgba(255,255,255,.42);
}
.shop-availability{
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border:
        1px solid rgba(255,255,255,.08);
    border-radius:999px;
    background:
        rgba(255,255,255,.025);
    color:
        rgba(255,255,255,.65);
    font-size:10px;
    letter-spacing:.08em;
}
.shop-availability > span{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#a8c8a4;
    box-shadow:
        0 0 12px rgba(168,200,164,.65);
}
/* 
   PRODUCT STAGE
 */
.shop-product-stage{
    position:relative;
    flex:1;
    min-height:580px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.shop-stage-light{
    position:absolute;
    left:50%;
    top:50%;
    width:72%;
    height:62%;
    transform:
        translate(-50%,-48%);
    border-radius:50%;
    background:
        radial-gradient(
            ellipse,
            rgba(207,181,130,.115),
            rgba(207,181,130,.025) 42%,
            transparent 72%
        );
    filter:blur(10px);
}
.shop-image-wrap{
    position:relative;
    width:min(76%,720px);
    height:590px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.shop-image-wrap::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:6%;
    width:58%;
    height:35px;
    transform:translateX(-50%);
    border-radius:50%;
    background:
        rgba(0,0,0,.48);
    filter:blur(22px);
}
.shop-main-image{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    object-fit:contain;
    filter:
        drop-shadow(
            0 38px 50px rgba(0,0,0,.32)
        );
    transition:
        opacity .3s ease,
        transform .65s cubic-bezier(.2,.8,.2,1);
}
.shop-main-image:hover{
    transform:
        translateY(-7px)
        scale(1.012);
}
/* 
   GALLERY ARROWS
 */
.shop-gallery-arrow{
    position:absolute;
    z-index:10;
    top:50%;
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border:
        1px solid rgba(255,255,255,.09);
    border-radius:50%;
    background:
        rgba(255,255,255,.035);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    color:
        rgba(255,255,255,.72);
    transition:
        .3s ease;
}
.shop-gallery-arrow svg{
    width:16px;
    height:16px;
    stroke-width:1.5;
}
.shop-gallery-arrow:hover{
    background:
        rgba(255,255,255,.09);
    border-color:
        rgba(255,255,255,.18);
    color:white;
}
.shop-gallery-prev{
    left:0;
}
.shop-gallery-next{
    right:0;
}
/* 
   VIEW NUMBER
 */
.shop-view-indicator{
    position:absolute;
    right:5px;
    bottom:18px;
    display:flex;
    align-items:center;
    gap:10px;
    color:
        rgba(255,255,255,.38);
}
.shop-view-indicator strong{
    color:
        rgba(255,255,255,.85);
    font-size:11px;
    font-weight:500;
}
.shop-view-indicator span{
    width:36px;
    height:1px;
    background:
        rgba(255,255,255,.16);
}
.shop-view-indicator small{
    font-size:10px;
}
/* 
   THUMBNAILS
 */
.shop-thumbnails{
    display:flex;
    justify-content:center;
    gap:8px;
}
.shop-thumb{
    position:relative;
    width:68px;
    height:68px;
    padding:7px;
    overflow:hidden;
    border:
        1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:
        rgba(255,255,255,.025);
    opacity:.48;
    transition:.3s ease;
}
.shop-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.shop-thumb:hover{
    opacity:.8;
    border-color:
        rgba(255,255,255,.14);
}
.shop-thumb.active{
    opacity:1;
    border-color:
        rgba(210,181,123,.48);
    background:
        rgba(210,181,123,.055);
}
/* 
   BUY PANEL
 */
.shop-buy-panel{
    position:relative;
    min-width:0;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.035),
            rgba(255,255,255,.012)
        );
}
.shop-buy-inner{
    min-height:100%;
    padding:
        clamp(42px,4vw,72px)
        clamp(30px,3vw,52px);
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.shop-product-meta{
    display:flex;
    justify-content:space-between;
    gap:20px;
    color:
        rgba(255,255,255,.35);
    font-size:9px;
    font-weight:600;
    letter-spacing:.16em;
}
/* 
   PRODUCT TYPOGRAPHY
 */
.shop-buy-panel h1{
    margin-top:30px;
    font-family:
        "Manrope",
        sans-serif;
    font-size:
        clamp(44px,4.3vw,72px);
    line-height:.96;
    font-weight:500;
    letter-spacing:-.055em;
    color:#f4f3ef;
}
.shop-product-subtitle{
    margin-top:13px;
    font-size:
        clamp(17px,1.4vw,21px);
    font-weight:400;
    letter-spacing:-.025em;
    color:
        rgba(255,255,255,.73);
}
.shop-product-description{
    max-width:430px;
    margin-top:24px;
    color:
        rgba(255,255,255,.43);
    font-size:13px;
    line-height:1.75;
}
/* 
   PRICE
 */
.shop-price-area{
    margin-top:35px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
}
.shop-price{
    display:flex;
    align-items:flex-end;
    gap:8px;
}
.shop-price strong{
    font-size:30px;
    font-weight:500;
    letter-spacing:-.04em;
}
.shop-price span{
    margin-bottom:4px;
    color:
        rgba(255,255,255,.43);
    font-size:11px;
}
.shop-price-note{
    margin-bottom:4px;
    color:
        rgba(255,255,255,.3);
    font-size:9px;
    letter-spacing:.08em;
}
.shop-divider{
    width:100%;
    height:1px;
    margin:29px 0;
    background:
        rgba(255,255,255,.075);
}
/* 
   COLOR CONFIGURATOR
 */
.shop-option-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:15px;
}
.shop-option-heading > span{
    color:
        rgba(255,255,255,.43);
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.13em;
}
.shop-option-heading strong{
    color:
        rgba(255,255,255,.78);
    font-size:11px;
    font-weight:500;
}
.shop-color-grid{
    display:grid;
    grid-template-columns:
        repeat(3,1fr);
    gap:8px;
}
.shop-color{
    min-height:61px;
    padding:10px 12px;
    display:flex;
    align-items:center;
    gap:10px;
    text-align:left;
    border:
        1px solid rgba(255,255,255,.075);
    border-radius:12px;
    background:
        rgba(255,255,255,.018);
    color:
        rgba(255,255,255,.62);
    font-size:10px;
    transition:.3s ease;
}
.shop-color:hover{
    border-color:
        rgba(255,255,255,.16);
    background:
        rgba(255,255,255,.035);
}
.shop-color.active{
    border-color:
        rgba(210,181,123,.46);
    background:
        rgba(210,181,123,.055);
    color:#f4f0e8;
    box-shadow:
        inset 0 0 0 1px
        rgba(210,181,123,.035);
}
.shop-color-swatch{
    width:22px;
    height:22px;
    flex-shrink:0;
    border-radius:50%;
    border:
        1px solid rgba(255,255,255,.18);
    box-shadow:
        inset 0 0 0 3px
        rgba(0,0,0,.15);
}
.shop-color-swatch.black{
    background:#171717;
}
.shop-color-swatch.white{
    background:#e8e5df;
}
.shop-color-swatch.oak{
    background:#9b7650;
}
.shop-color > span:last-child{
    display:flex;
    flex-direction:column;
    gap:2px;
}
.shop-color small{
    color:
        rgba(255,255,255,.29);
    font-size:8px;
}
/* 
   BUY BUTTON
 */
.shop-buy-button{
    width:100%;
    height:60px;
    margin-top:24px;
    padding:0 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-radius:12px;
    background:
        #eeeae2;
    color:#101110;
    font-size:11px;
    font-weight:600;
    letter-spacing:.02em;
    box-shadow:
        0 18px 45px rgba(0,0,0,.18);
    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}
.shop-buy-button:hover{
    transform:translateY(-2px);
    background:#fff;
    box-shadow:
        0 22px 55px rgba(0,0,0,.25);
}
.shop-buy-price{
    color:
        rgba(16,17,16,.56);
    font-size:10px;
    font-weight:500;
}
/* 
   QUICK INFO
 */
.shop-quick-info{
    padding:20px 2px;
    display:grid;
    grid-template-columns:
        repeat(2,1fr);
    gap:14px;
    border-bottom:
        1px solid rgba(255,255,255,.07);
}
.shop-quick-info > div{
    display:flex;
    align-items:center;
    gap:10px;
}
.shop-quick-info svg{
    width:16px;
    height:16px;
    flex-shrink:0;
    color:
        rgba(210,181,123,.8);
    stroke-width:1.5;
}
.shop-quick-info span{
    display:flex;
    flex-direction:column;
    gap:3px;
}
.shop-quick-info strong{
    color:
        rgba(255,255,255,.68);
    font-size:9px;
    font-weight:500;
}
.shop-quick-info small{
    color:
        rgba(255,255,255,.3);
    font-size:8px;
}
/* 
   GLASS SPEC BAR
 */
.shop-specs{
    margin-top:20px;
    display:grid;
    grid-template-columns:
        repeat(3,1fr);
    overflow:hidden;
    border:
        1px solid rgba(255,255,255,.07);
    border-radius:14px;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );
    backdrop-filter:
        blur(24px);
    -webkit-backdrop-filter:
        blur(24px);
}
.shop-specs > div{
    min-height:88px;
    padding:15px 10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    text-align:center;
    border-right:
        1px solid rgba(255,255,255,.065);
}
.shop-specs > div:last-child{
    border-right:0;
}
.shop-specs svg{
    width:16px;
    height:16px;
    color:
        rgba(210,181,123,.82);
    stroke-width:1.4;
}
.shop-specs span{
    display:flex;
    flex-direction:column;
    gap:3px;
}
.shop-specs strong{
    color:
        rgba(255,255,255,.7);
    font-size:8px;
    font-weight:600;
}
.shop-specs small{
    color:
        rgba(255,255,255,.27);
    font-size:7px;
}
/* 
   DISCOVER LINK
 */
.shop-discover{
    margin-top:23px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:
        rgba(255,255,255,.42);
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.12em;
    transition:.3s ease;
}
.shop-discover svg{
    width:14px;
    height:14px;
    stroke-width:1.4;
}
.shop-discover:hover{
    color:
        rgba(255,255,255,.8);
}
/* 
   RESPONSIVE
 */
@media(max-width:1100px){
    .shop-hero{
        padding:
            96px 22px 25px;
    }
    .shop-hero-shell{
        grid-template-columns:
            minmax(0,1.1fr)
            minmax(340px,.9fr);
    }
    .shop-gallery{
        padding:
            25px 22px;
    }
    .shop-image-wrap{
        width:88%;
        height:500px;
    }
    .shop-product-stage{
        min-height:500px;
    }
    .shop-buy-inner{
        padding:
            42px 28px;
    }
}
@media(max-width:820px){
    .shop-hero{
        min-height:auto;
        padding:
            84px 12px 16px;
    }
    .shop-hero-shell{
        min-height:0;
        display:block;
        border-radius:20px;
    }
    .shop-gallery{
        min-height:560px;
        border-right:0;
        border-bottom:
            1px solid var(--shop-line);
        padding:
            22px 18px 20px;
    }
    .shop-product-stage{
        min-height:420px;
    }
    .shop-image-wrap{
        height:420px;
        width:88%;
    }
    .shop-gallery-arrow{
        width:40px;
        height:40px;
    }
    .shop-gallery-prev{
        left:-3px;
    }
    .shop-gallery-next{
        right:-3px;
    }
    .shop-thumbnails{
        gap:6px;
    }
    .shop-thumb{
        width:58px;
        height:58px;
    }
    .shop-view-indicator{
        display:none;
    }
    .shop-buy-inner{
        padding:
            38px 22px 30px;
    }
    .shop-buy-panel h1{
        font-size:48px;
    }
    .shop-product-description{
        max-width:100%;
    }
}
@media(max-width:520px){
    .shop-gallery{
        min-height:500px;
    }
    .shop-product-stage{
        min-height:365px;
    }
    .shop-image-wrap{
        height:360px;
        width:92%;
    }
    .shop-kicker{
        font-size:8px;
    }
    .shop-availability{
        font-size:8px;
        padding:7px 9px;
    }
    .shop-buy-panel h1{
        font-size:43px;
    }
    .shop-product-subtitle{
        font-size:17px;
    }
    .shop-color{
        min-height:58px;
        padding:8px;
        gap:7px;
    }
    .shop-color-swatch{
        width:18px;
        height:18px;
    }
    .shop-quick-info{
        grid-template-columns:1fr;
        gap:13px;
    }
}
/* 
   FOOTER — LIGHT / IVORY THEME
   samo promena boja
 */
.premium-footer{
    position: relative;
    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(202, 169, 107, .10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8f7f3 0%,
            #f5f2ec 42%,
            #eee8de 72%,
            #e5dacb 100%
        ) !important;
    color: #171714 !important;
}
.premium-footer::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(
            ellipse at 15% 30%,
            rgba(255,255,255,.85),
            transparent 36%
        ),
        radial-gradient(
            ellipse at 75% 75%,
            rgba(201,166,107,.09),
            transparent 38%
        );
    opacity:.8;
}
.premium-footer > *{
    position:relative;
    z-index:1;
}
/* 
   GLAVNI TEKST
 */
.premium-footer,
.premium-footer a,
.premium-footer h2,
.premium-footer h3,
.premium-footer h4,
.premium-footer strong{
    color:#181816;
}
.premium-footer p,
.premium-footer li,
.premium-footer span{
    color:rgba(24,24,22,.56);
}
/* 
   NASLOVI KOLONA
 */
.premium-footer .footer-title,
.premium-footer .footer-column-title{
    color:rgba(24,24,22,.72);
}
/* 
   LINKOVI
 */
.premium-footer a{
    color:rgba(24,24,22,.68);
}
.premium-footer a:hover{
    color:#171714;
}
/* 
   VELIKI NASLOV
 */
.premium-footer .footer-big-title,
.premium-footer .footer-statement,
.premium-footer .footer-bottom-title{
    color:#181816;
}
.premium-footer em,
.premium-footer .gold,
.premium-footer .accent{
    color:#a77c43;
}
/* 
   LINIJE
 */
.premium-footer hr,
.premium-footer .footer-divider,
.premium-footer .footer-line{
    border-color:rgba(24,24,22,.10) !important;
}
/* 
   INSTAGRAM / GLASS KARTICA
 */
.premium-footer .footer-contact-card,
.premium-footer .footer-social-card{
    background:
        rgba(255,255,255,.38) !important;
    border-color:
        rgba(30,28,24,.10) !important;
    box-shadow:
        0 15px 45px rgba(67,52,33,.055);
    backdrop-filter:
        blur(20px);
    -webkit-backdrop-filter:
        blur(20px);
}
/* 
   DELIVERY / SVETLIJA GLASS KARTICA
 */
.premium-footer .footer-delivery-card{
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.72),
            rgba(255,255,255,.30)
        ) !important;
    border-color:
        rgba(255,255,255,.75) !important;
    box-shadow:
        0 18px 55px rgba(77,58,34,.07);
    backdrop-filter:
        blur(24px);
    -webkit-backdrop-filter:
        blur(24px);
}
/* 
   DONJI DEO FOOTERA
 */
.premium-footer .footer-bottom{
    border-top:
        1px solid rgba(24,24,22,.09) !important;
    color:
        rgba(24,24,22,.38);
}
.premium-footer .footer-bottom a{
    color:
        rgba(24,24,22,.40);
}
.premium-footer .footer-bottom a:hover{
    color:#181816;
}
/* 
   FOOTER — FORCE REMOVE EMPTY SPACE
 */
html body .site-footer.premium-footer{
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
}
html body .site-footer.premium-footer .footer-main{
    min-height: 0 !important;
    height: auto !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    margin-top: 0 !important;
    align-content: start !important;
    align-items: start !important;
}
html body .site-footer.premium-footer .footer-glow{
    position: absolute !important;
}
/* 
   REVIEWS — LIGHT PREMIUM
 */
.reviews-section{
    position:relative;
    padding:
        110px 0
        95px !important;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(202,169,107,.08),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 75%,
            rgba(255,255,255,.8),
            transparent 30%
        ),
        #f6f3ed;
}
.reviews-section::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.45),
            transparent 22%,
            transparent 78%,
            rgba(223,214,201,.18)
        );
}
.reviews-heading{
    position:relative;
    z-index:2;
    margin-bottom:52px;
}
.reviews-heading .eyebrow{
    color:#a57d43;
}
.reviews-heading h2{
    color:#1b1a17;
}
.reviews-heading p{
    color:rgba(27,26,23,.52);
}
.reviews-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:
        repeat(3,1fr);
    gap:18px;
}
.review-card{
    min-height:285px;
    padding:
        28px 28px
        26px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border:
        1px solid rgba(49,42,34,.08);
    border-radius:22px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.72),
            rgba(255,255,255,.38)
        );
    box-shadow:
        0 18px 55px rgba(79,62,42,.055),
        inset 0 1px 0 rgba(255,255,255,.85);
    backdrop-filter:
        blur(22px);
    -webkit-backdrop-filter:
        blur(22px);
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}
.review-card:hover{
    transform:
        translateY(-5px);
    border-color:
        rgba(167,126,67,.22);
    box-shadow:
        0 26px 70px rgba(79,62,42,.08),
        inset 0 1px 0 rgba(255,255,255,.9);
}
.review-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}
.review-stars{
    color:#a77c43;
    font-size:13px;
    letter-spacing:.08em;
}
.review-verified{
    color:rgba(27,26,23,.38);
    font-size:8px;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.review-text{
    margin:
        34px 0
        30px;
    color:rgba(27,26,23,.72);
    font-size:14px;
    line-height:1.75;
}
.review-user{
    display:flex;
    align-items:center;
    gap:12px;
}
.review-avatar{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    flex:0 0 38px;
    border-radius:50%;
    background:
        rgba(167,124,67,.10);
    border:
        1px solid rgba(167,124,67,.18);
    color:#8e6838;
    font-size:11px;
    font-weight:600;
}
.review-user strong{
    display:block;
    color:#1c1a17;
    font-size:11px;
    font-weight:600;
}
.review-user span{
    display:block;
    margin-top:3px;
    color:rgba(27,26,23,.38);
    font-size:9px;
}
/* 
   MOBILE
 */
@media(max-width:900px){
    .reviews-grid{
        grid-template-columns:1fr;
    }
    .review-card{
        min-height:auto;
    }
}
@media(max-width:600px){
    .reviews-section{
        padding:
            80px 0
            70px !important;
    }
    .review-card{
        padding:
            24px 22px;
    }
    .review-top{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }
}
/* 
   COMPARISON — ORDINARY VS SEFKOMODA
 */
.comparison-section{
    position:relative;
    padding:
        115px 0
        105px !important;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(201,166,107,.11),
            transparent 30%
        ),
        radial-gradient(
            circle at 8% 85%,
            rgba(255,255,255,.85),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8f6f1 0%,
            #f3efe8 100%
        );
}
.comparison-section::before{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    right:-220px;
    top:-180px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(204,174,125,.15),
            transparent 68%
        );
    filter:blur(40px);
    pointer-events:none;
}
/* 
   HEADING
 */
.comparison-heading{
    position:relative;
    z-index:2;
    margin-bottom:55px;
}
.comparison-heading h2{
    color:#1c1a17;
}
.comparison-heading h2 em{
    color:#9e7642;
}
.comparison-heading p{
    color:rgba(28,26,23,.50);
}
/* 
   TABLE
 */
.comparison-table{
    position:relative;
    z-index:2;
    width:100%;
    overflow:hidden;
    border:
        1px solid rgba(41,35,28,.09);
    border-radius:26px;
    background:
        rgba(255,255,255,.44);
    box-shadow:
        0 28px 80px rgba(76,58,35,.07),
        inset 0 1px 0 rgba(255,255,255,.85);
    backdrop-filter:
        blur(24px);
    -webkit-backdrop-filter:
        blur(24px);
}
/* 
   ROWS
 */
.comparison-row{
    display:grid;
    grid-template-columns:
        1.4fr
        .85fr
        .95fr;
    min-height:74px;
    border-bottom:
        1px solid rgba(42,36,29,.075);
}
.comparison-row:last-child{
    border-bottom:none;
}
.comparison-row > div{
    display:flex;
    align-items:center;
    padding:
        18px 24px;
}
.comparison-row > div:not(:last-child){
    border-right:
        1px solid rgba(42,36,29,.065);
}
/* 
   HEADER
 */
.comparison-header{
    min-height:90px;
    background:
        rgba(255,255,255,.28);
}
.comparison-feature-title{
    color:
        rgba(28,26,23,.35);
    font-size:9px;
    font-weight:600;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.comparison-column-title{
    flex-direction:column;
    align-items:flex-start !important;
    justify-content:center;
    gap:6px;
    font-size:11px;
    font-weight:600;
}
.comparison-column-title.muted{
    color:
        rgba(28,26,23,.43);
}
.comparison-column-title.premium{
    color:#1e1b17;
    background:
        linear-gradient(
            180deg,
            rgba(202,169,107,.08),
            rgba(202,169,107,.025)
        );
}
.comparison-badge{
    display:inline-flex;
    padding:
        6px 9px;
    border:
        1px solid rgba(159,118,65,.18);
    border-radius:999px;
    background:
        rgba(159,118,65,.07);
    color:#956c37;
    font-size:7px;
    letter-spacing:.13em;
}
/* 
   FEATURE NAME
 */
.comparison-feature{
    color:#28241f;
    font-size:12px;
    font-weight:500;
}
/* 
   VALUES
 */
.comparison-value{
    gap:9px;
    color:
        rgba(28,26,23,.48);
    font-size:11px;
    line-height:1.45;
}
.comparison-value svg{
    width:15px;
    height:15px;
    flex:0 0 15px;
    stroke-width:1.6;
}
.comparison-value.positive{
    color:#6e552f;
    background:
        rgba(202,169,107,.035);
}
.comparison-value.positive svg{
    color:#a57a40;
}
.comparison-value.negative{
    color:
        rgba(28,26,23,.32);
}
.comparison-value.negative > span{
    font-size:15px;
}
.comparison-value.neutral{
    color:
        rgba(28,26,23,.45);
}
/* 
   PREMIUM COLUMN SUBTLE HIGHLIGHT
 */
.comparison-row > div:last-child{
    background:
        linear-gradient(
            90deg,
            rgba(202,169,107,.025),
            rgba(202,169,107,.055)
        );
}
/* 
   BOTTOM
 */
.comparison-bottom{
    position:relative;
    z-index:2;
    margin-top:22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}
.comparison-bottom > div{
    display:flex;
    align-items:center;
    gap:24px;
}
.comparison-bottom > div span{
    position:relative;
    padding-left:14px;
    color:
        rgba(28,26,23,.42);
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.comparison-bottom > div span::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:5px;
    height:5px;
    transform:
        translateY(-50%)
        rotate(45deg);
    border:
        1px solid #a57a40;
}
.comparison-cta{
    min-height:48px;
    padding:
        0 18px;
    display:inline-flex;
    align-items:center;
    gap:22px;
    border:
        1px solid rgba(159,118,65,.20);
    border-radius:12px;
    background:
        rgba(255,255,255,.45);
    color:#372d20;
    font-size:9px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.08em;
    transition:.3s ease;
}
.comparison-cta svg{
    width:14px;
    height:14px;
}
.comparison-cta:hover{
    transform:
        translateY(-2px);
    background:
        rgba(255,255,255,.78);
    border-color:
        rgba(159,118,65,.35);
}
/* 
   RESPONSIVE
 */
@media(max-width:800px){
    .comparison-section{
        padding:
            85px 0
            75px !important;
    }
    .comparison-table{
        overflow-x:auto;
    }
    .comparison-row{
        min-width:760px;
    }
    .comparison-bottom{
        align-items:flex-start;
        flex-direction:column;
    }
    .comparison-bottom > div{
        flex-wrap:wrap;
        gap:12px 20px;
    }
}
@media(max-width:520px){
    .comparison-heading{
        margin-bottom:38px;
    }
    .comparison-row{
        min-width:700px;
    }
    .comparison-row > div{
        padding:
            16px 18px;
    }
    .comparison-cta{
        width:100%;
        justify-content:space-between;
    }
}
/* 
   PRODUCT ANATOMY — LEFT VISUAL / RIGHT DETAILS
 */
.anatomy-section{
    position:relative;
    padding:
        120px 0
        115px !important;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 15% 35%,
            rgba(202,169,107,.08),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8f6f1 0%,
            #f4f0e9 100%
        );
}
/* 
   GRID
 */
.anatomy-layout{
    display:grid;
    grid-template-columns:
        minmax(0,1.15fr)
        minmax(380px,.85fr);
    gap:80px;
    align-items:start;
}
/* 
   LEFT
 */
.anatomy-visual{
    position:relative;
}
.anatomy-visual-heading{
    max-width:620px;
    margin-bottom:50px;
}
.anatomy-visual-heading h2{
    margin-top:14px;
    color:#1c1915;
}
.anatomy-visual-heading h2 em{
    color:#9d7540;
}
/* 
   STAGE
 */
.anatomy-stage{
    position:relative;
    min-height:720px;
}
.anatomy-product{
    position:absolute;
    left:50%;
    top:51%;
    transform:
        translate(-50%,-50%);
    width:56%;
    height:650px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.anatomy-glow{
    position:absolute;
    width:115%;
    height:75%;
    left:50%;
    top:52%;
    transform:
        translate(-50%,-50%);
    border-radius:50%;
    background:
        radial-gradient(
            ellipse,
            rgba(184,145,87,.17),
            transparent 68%
        );
    filter:blur(30px);
}
.anatomy-image{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    object-fit:contain;
    filter:
        drop-shadow(
            0 38px 45px
            rgba(68,50,30,.14)
        );
}
/* 
   CALLOUT
 */
.anatomy-callout{
    position:absolute;
    z-index:5;
    display:flex;
    align-items:center;
    width:42%;
}
.anatomy-callout-copy{
    width:175px;
    padding:
        11px 13px;
    flex-shrink:0;
    border:
        1px solid rgba(41,34,26,.08);
    border-radius:12px;
    background:
        rgba(255,255,255,.54);
    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.8);
    backdrop-filter:
        blur(15px);
    -webkit-backdrop-filter:
        blur(15px);
}
.anatomy-callout-copy span{
    display:block;
    margin-bottom:6px;
    color:#a07945;
    font-size:7px;
    font-weight:700;
    letter-spacing:.13em;
}
.anatomy-callout-copy strong{
    display:block;
    color:#221f1a;
    font-size:10px;
    font-weight:600;
}
.anatomy-callout-copy small{
    display:block;
    margin-top:6px;
    color:
        rgba(34,31,26,.43);
    font-size:8px;
    line-height:1.5;
}
/* 
   LINES
 */
.anatomy-line{
    position:relative;
    flex:1;
    height:1px;
    background:
        linear-gradient(
            90deg,
            rgba(160,117,60,.18),
            rgba(160,117,60,.68)
        );
}
.anatomy-line.reverse{
    background:
        linear-gradient(
            90deg,
            rgba(160,117,60,.68),
            rgba(160,117,60,.18)
        );
}
.anatomy-dot{
    position:absolute;
    width:7px;
    height:7px;
    top:50%;
    transform:
        translateY(-50%);
    border-radius:50%;
    background:#aa7d3f;
    box-shadow:
        0 0 0 4px
        rgba(170,125,63,.09);
}
.anatomy-line:not(.reverse)
.anatomy-dot{
    right:-3px;
}
.anatomy-line.reverse
.anatomy-dot{
    left:-3px;
}
/* 
   EXACT POSITIONS
   podešeno prema black2.png iz screenshota
 */
.anatomy-callout-rfid{
    left:0;
    top:15%;
}
.anatomy-line-rfid{
    transform:
        translateY(4px);
}
.anatomy-callout-led{
    left:0;
    top:47%;
}
.anatomy-line-led{
    width:100%;
}
.anatomy-callout-soft{
    right:0;
    top:31%;
}
.anatomy-callout-alcantara{
    right:0;
    top:49%;
}
.anatomy-callout-board{
    right:0;
    top:72%;
}
/* 
   RIGHT CONTENT
 */
.anatomy-details{
    position:sticky;
    top:120px;
    padding-top:95px;
}
.anatomy-details-label{
    display:block;
    color:#9d7540;
    font-size:9px;
    font-weight:600;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.anatomy-details h3{
    max-width:520px;
    margin-top:18px;
    font-family:
        var(--serif);
    color:#1d1a16;
    font-size:
        clamp(38px,3.7vw,58px);
    line-height:1;
    font-weight:400;
    letter-spacing:-.04em;
}
.anatomy-details h3 em{
    display:block;
    color:#9d7540;
    font-weight:400;
}
.anatomy-details-intro{
    max-width:500px;
    margin-top:24px;
    color:
        rgba(29,26,22,.50);
    font-size:13px;
    line-height:1.75;
}
/* 
   DETAIL LIST
 */
.anatomy-detail-list{
    margin-top:40px;
    border-top:
        1px solid rgba(43,36,28,.09);
}
.anatomy-detail-item{
    display:grid;
    grid-template-columns:
        42px 1fr;
    gap:16px;
    padding:
        21px 0;
    border-bottom:
        1px solid rgba(43,36,28,.08);
}
.anatomy-detail-number{
    padding-top:2px;
    color:#a77d44;
    font-size:8px;
    font-weight:600;
    letter-spacing:.12em;
}
.anatomy-detail-item strong{
    display:block;
    color:#211e19;
    font-size:11px;
    font-weight:600;
}
.anatomy-detail-item p{
    max-width:460px;
    margin-top:8px;
    color:
        rgba(33,30,25,.46);
    font-size:10px;
    line-height:1.65;
}
/* 
   MATERIAL STRIP
 */
.anatomy-material-strip{
    margin-top:28px;
    display:grid;
    grid-template-columns:
        repeat(3,1fr);
    overflow:hidden;
    border:
        1px solid rgba(42,35,27,.08);
    border-radius:16px;
    background:
        rgba(255,255,255,.38);
}
.anatomy-material-strip > div{
    padding:
        16px 15px;
    border-right:
        1px solid rgba(42,35,27,.07);
}
.anatomy-material-strip > div:last-child{
    border-right:0;
}
.anatomy-material-strip strong{
    display:block;
    color:#27221c;
    font-size:10px;
    font-weight:600;
}
.anatomy-material-strip span{
    display:block;
    margin-top:5px;
    color:
        rgba(39,34,28,.38);
    font-size:8px;
}
/* 
   RESPONSIVE
 */
@media(max-width:1050px){
    .anatomy-layout{
        grid-template-columns:1fr;
        gap:40px;
    }
    .anatomy-details{
        position:relative;
        top:auto;
        padding-top:0;
    }
    .anatomy-stage{
        min-height:700px;
    }
}
@media(max-width:720px){
    .anatomy-section{
        padding:
            85px 0
            70px !important;
    }
    .anatomy-stage{
        min-height:auto;
        display:flex;
        flex-direction:column;
        gap:12px;
    }
    .anatomy-product{
        position:relative;
        left:auto;
        top:auto;
        transform:none;
        width:100%;
        height:430px;
        order:1;
    }
    .anatomy-callout{
        position:relative;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        width:100%;
        order:2;
    }
    .anatomy-line{
        display:none;
    }
    .anatomy-callout-copy{
        width:100%;
    }
    .anatomy-material-strip{
        grid-template-columns:1fr;
    }
    .anatomy-material-strip > div{
        border-right:0;
        border-bottom:
            1px solid rgba(42,35,27,.07);
    }
}
/* 
   HOW IT WORKS — STEP BY STEP
 */
.how-section{
    position:relative;
    padding:
        110px 0
        100px !important;
    overflow:hidden;
    background:
        linear-gradient(
            180deg,
            #f8f6f1 0%,
            #f5f1ea 100%
        );
}
.how-section::before{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    left:50%;
    top:38%;
    transform:
        translate(-50%,-50%);
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(202,169,107,.09),
            transparent 68%
        );
    filter:blur(40px);
    pointer-events:none;
}
/* 
   HEADING
 */
.how-heading{
    position:relative;
    z-index:2;
    margin-bottom:65px;
}
.how-heading h2{
    color:#1c1a17;
}
.how-heading h2 em{
    color:#9d7540;
}
.how-heading p{
    color:
        rgba(28,26,23,.48);
}
/* 
   STEPS
 */
.how-steps{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:
        1fr
        70px
        1fr
        70px
        1fr
        70px
        1fr
        70px
        1fr;
    align-items:center;
}
/* 
   STEP
 */
.how-step{
    position:relative;
    min-height:240px;
    padding:
        26px 20px;
    border:
        1px solid rgba(45,37,29,.07);
    border-radius:20px;
    background:
        rgba(255,255,255,.44);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.8),
        0 18px 55px rgba(70,52,33,.04);
    backdrop-filter:
        blur(18px);
    -webkit-backdrop-filter:
        blur(18px);
}
.how-step-number{
    position:absolute;
    top:17px;
    right:18px;
    color:
        rgba(35,30,24,.22);
    font-size:9px;
    font-weight:600;
    letter-spacing:.13em;
}
.how-step-icon{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    margin-bottom:32px;
    border:
        1px solid rgba(157,117,64,.17);
    border-radius:14px;
    background:
        rgba(157,117,64,.055);
    color:#9d7540;
}
.how-step-icon svg{
    width:19px;
    height:19px;
    stroke-width:1.4;
}
.how-step h3{
    color:#211e19;
    font-size:12px;
    font-weight:600;
    line-height:1.45;
}
.how-step p{
    margin-top:10px;
    color:
        rgba(33,30,25,.44);
    font-size:9px;
    line-height:1.65;
}
/* 
   CONNECTOR
 */
.how-step-line{
    display:flex;
    align-items:center;
    justify-content:center;
}
.how-step-line span{
    position:relative;
    width:100%;
    height:1px;
    background:
        linear-gradient(
            90deg,
            rgba(158,116,62,.12),
            rgba(158,116,62,.48),
            rgba(158,116,62,.12)
        );
}
.how-step-line span::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    width:6px;
    height:6px;
    transform:
        translate(50%,-50%)
        rotate(45deg);
    border:
        1px solid #a77c43;
    background:#f6f2eb;
}
/* 
   RESPONSIVE
 */
@media(max-width:1100px){
    .how-steps{
        grid-template-columns:
            1fr 45px
            1fr 45px
            1fr;
        gap:0;
    }
    .how-step:nth-of-type(7),
    .how-step:nth-of-type(9){
        margin-top:30px;
    }
}
@media(max-width:800px){
    .how-steps{
        display:flex;
        flex-direction:column;
        gap:14px;
    }
    .how-step{
        width:100%;
        min-height:auto;
    }
    .how-step-line{
        width:1px;
        height:28px;
    }
    .how-step-line span{
        width:1px;
        height:100%;
        background:
            linear-gradient(
                180deg,
                rgba(158,116,62,.12),
                rgba(158,116,62,.48),
                rgba(158,116,62,.12)
            );
    }
    .how-step-line span::after{
        right:50%;
        top:auto;
        bottom:0;
        transform:
            translate(50%,50%)
            rotate(45deg);
    }
}
@media(max-width:600px){
    .how-section{
        padding:
            80px 0
            70px !important;
    }
    .how-heading{
        margin-bottom:42px;
    }
    .how-step{
        padding:
            22px 20px;
    }
}
/* 
   NAVBAR — SAMO GLASS / BLUR
   NE MENJA POSTOJECI IZGLED
 */
.site-header{
    position: sticky;
    top: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.22) !important;
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    backdrop-filter: blur(22px) saturate(150%);
    border-color: rgba(255, 255, 255, 0.35) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.45),
        0 8px 30px rgba(40,35,28,.035);
}
.site-header .container{
    min-height: 58px !important;
    height: 58px !important;
}
.site-header{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* 
   SEFKOMODA — SIGNATURE SHOP HERO
 */
.signature-hero{
    --hero-bg:#f4f1eb;
    --hero-text:#181714;
    --hero-muted:rgba(24,23,20,.48);
    --hero-line:rgba(38,33,27,.09);
    --hero-gold:#9d7540;
    position:relative;
    min-height:100svh;
    padding:
        95px 0
        28px;
    overflow:hidden;
    background:
        radial-gradient(
            circle at 66% 43%,
            rgba(194,155,98,.14),
            transparent 30%
        ),
        radial-gradient(
            circle at 8% 8%,
            rgba(255,255,255,.95),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #faf9f6 0%,
            #f5f2ec 48%,
            #ece5db 100%
        );
    color:var(--hero-text);
    font-family:
        "Manrope",
        "DM Sans",
        sans-serif;
}
/* 
   VERY SUBTLE TEXTURE
 */
.signature-hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.015;
    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
}
/* 
   AMBIENT LIQUID LIGHT
 */
.signature-aura{
    position:absolute;
    border-radius:50%;
    filter:blur(110px);
    pointer-events:none;
}
.signature-aura-left{
    width:500px;
    height:500px;
    left:-260px;
    bottom:-150px;
    background:
        rgba(210,184,143,.22);
}
.signature-aura-right{
    width:600px;
    height:600px;
    right:-280px;
    top:-250px;
    background:
        rgba(255,255,255,.68);
}
/* 
   SHELL
 */
.signature-shell{
    position:relative;
    z-index:2;
    min-height:
        calc(100svh - 123px);
    display:flex;
    flex-direction:column;
}
/* 
   TOP LINE
 */
.signature-topline{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:
        0 2px;
    border-bottom:
        1px solid var(--hero-line);
    color:
        rgba(24,23,20,.34);
    font-size:8px;
    font-weight:600;
    letter-spacing:.16em;
}
.signature-status{
    display:flex;
    align-items:center;
    gap:8px;
}
.signature-status i{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#7f9a6e;
    box-shadow:
        0 0 0 4px
        rgba(127,154,110,.10);
}
/* 
   MAIN LAYOUT
 */
.signature-main{
    position:relative;
    flex:1;
    min-height:560px;
    display:grid;
    grid-template-columns:
        minmax(320px,.68fr)
        minmax(600px,1.32fr);
    align-items:center;
    gap:30px;
}
/* 
   COPY
 */
.signature-copy{
    position:relative;
    z-index:5;
    max-width:485px;
    padding-left:6px;
}
.signature-eyebrow{
    display:block;
    margin-bottom:22px;
    color:var(--hero-gold);
    font-size:8px;
    font-weight:600;
    letter-spacing:.18em;
}
.signature-copy h1{
    margin:0;
    font-family:
        "Manrope",
        sans-serif;
    font-size:
        clamp(52px,5.25vw,82px);
    line-height:.91;
    font-weight:450;
    letter-spacing:-.065em;
    color:#181714;
}
.signature-copy h1 span{
    display:block;
    color:
        rgba(24,23,20,.54);
    font-weight:400;
}
.signature-copy > p{
    max-width:430px;
    margin-top:27px;
    color:var(--hero-muted);
    font-size:12px;
    line-height:1.75;
}
/* 
   MINI BENEFITS
 */
.signature-mini-benefits{
    margin-top:30px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:
        10px 18px;
}
.signature-mini-benefits span{
    display:flex;
    align-items:center;
    gap:7px;
    color:
        rgba(24,23,20,.50);
    font-size:8px;
    letter-spacing:.03em;
}
.signature-mini-benefits svg{
    width:13px;
    height:13px;
    color:var(--hero-gold);
    stroke-width:1.45;
}
/* 
   PRODUCT STAGE
 */
.signature-stage{
    position:relative;
    width:100%;
    height:100%;
    min-height:590px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.signature-product-light{
    position:absolute;
    left:50%;
    top:51%;
    width:74%;
    height:70%;
    transform:
        translate(-50%,-50%);
    border-radius:50%;
    background:
        radial-gradient(
            ellipse,
            rgba(191,153,98,.21),
            rgba(191,153,98,.07) 40%,
            transparent 70%
        );
    filter:blur(28px);
}
/* 
   PRODUCT
 */
.signature-product{
    position:relative;
    z-index:2;
    width:min(86%,760px);
    height:570px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.signature-product::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:5%;
    width:58%;
    height:35px;
    transform:
        translateX(-50%);
    border-radius:50%;
    background:
        rgba(95,74,48,.13);
    filter:blur(22px);
}
.signature-product-image{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    object-fit:contain;
    filter:
        drop-shadow(
            0 38px 45px
            rgba(62,47,29,.17)
        );
    transition:
        opacity .25s ease,
        transform .65s
        cubic-bezier(.2,.8,.2,1);
}
.signature-product:hover
.signature-product-image{
    transform:
        translateY(-5px)
        scale(1.008);
}
/* 
   ARROWS
 */
.signature-arrow{
    position:absolute;
    z-index:8;
    top:50%;
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border:
        1px solid rgba(48,40,31,.09);
    border-radius:50%;
    background:
        rgba(255,255,255,.40);
    color:
        rgba(25,23,19,.68);
    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.72);
    backdrop-filter:
        blur(16px);
    -webkit-backdrop-filter:
        blur(16px);
    transition:.3s ease;
}
.signature-arrow svg{
    width:14px;
    height:14px;
    stroke-width:1.5;
}
.signature-arrow:hover{
    background:
        rgba(255,255,255,.72);
    border-color:
        rgba(157,117,64,.24);
    transform:
        scale(1.04);
}
.signature-arrow-left{
    left:3%;
}
.signature-arrow-right{
    right:2%;
}
/* 
   COUNTER
 */
.signature-counter{
    position:absolute;
    right:4%;
    bottom:11%;
    z-index:5;
    display:flex;
    align-items:center;
    gap:9px;
    color:
        rgba(24,23,20,.30);
}
.signature-counter strong{
    color:
        rgba(24,23,20,.72);
    font-size:9px;
    font-weight:600;
}
.signature-counter span{
    width:32px;
    height:1px;
    background:
        rgba(24,23,20,.15);
}
.signature-counter small{
    font-size:8px;
}
/* 
   LIQUID GLASS CONFIGURATOR
 */
.signature-configurator{
    position:relative;
    z-index:10;
    width:min(100%,1180px);
    min-height:98px;
    margin:
        -12px auto
        0;
    padding:
        13px 15px;
    display:grid;
    grid-template-columns:
        1.4fr
        1px
        .55fr
        1px
        .8fr;
    align-items:center;
    gap:18px;
    border:
        1px solid rgba(255,255,255,.68);
    border-radius:22px;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.64),
            rgba(255,255,255,.30)
        );
    box-shadow:
        0 18px 60px
        rgba(76,58,35,.07),
        inset 0 1px 0
        rgba(255,255,255,.90);
    backdrop-filter:
        blur(28px)
        saturate(140%);
    -webkit-backdrop-filter:
        blur(28px)
        saturate(140%);
}
.signature-configurator::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.40),
            transparent 30%,
            transparent 70%,
            rgba(255,255,255,.20)
        );
}
/* 
   CONFIG LABEL
 */
.signature-config-label{
    display:block;
    margin-bottom:8px;
    color:
        rgba(24,23,20,.34);
    font-size:7px;
    font-weight:600;
    letter-spacing:.13em;
    text-transform:uppercase;
}
/* 
   COLORS
 */
.signature-color-buttons{
    display:flex;
    gap:7px;
}
.signature-color{
    min-width:92px;
    min-height:48px;
    padding:
        7px 10px;
    display:flex;
    align-items:center;
    gap:9px;
    text-align:left;
    border:
        1px solid transparent;
    border-radius:12px;
    color:
        rgba(24,23,20,.58);
    transition:.25s ease;
}
.signature-color:hover{
    background:
        rgba(255,255,255,.32);
}
.signature-color.active{
    border-color:
        rgba(157,117,64,.24);
    background:
        rgba(255,255,255,.52);
    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.75);
}
.signature-swatch{
    width:19px;
    height:19px;
    flex:0 0 19px;
    border-radius:50%;
    border:
        1px solid rgba(35,30,24,.12);
}
.signature-swatch.black{
    background:#151515;
}
.signature-swatch.white{
    background:#ebe7df;
}
.signature-swatch.oak{
    background:
        linear-gradient(
            135deg,
            #bd8a51,
            #8f6237
        );
}
.signature-color > span{
    display:flex;
    flex-direction:column;
    gap:2px;
    font-size:9px;
    font-weight:500;
}
.signature-color small{
    color:
        rgba(24,23,20,.30);
    font-size:7px;
}
/* 
   DIVIDER
 */
.signature-config-divider{
    width:1px;
    height:52px;
    background:
        rgba(39,33,27,.08);
}
/* 
   PRICE
 */
.signature-price > span{
    display:block;
    margin-bottom:7px;
    color:
        rgba(24,23,20,.32);
    font-size:7px;
    text-transform:uppercase;
    letter-spacing:.12em;
}
.signature-price > div{
    display:flex;
    align-items:flex-end;
    gap:6px;
}
.signature-price strong{
    color:#1b1916;
    font-size:23px;
    line-height:1;
    font-weight:500;
    letter-spacing:-.04em;
}
.signature-price small{
    margin-bottom:2px;
    color:
        rgba(24,23,20,.44);
    font-size:8px;
}
.signature-price em{
    display:block;
    margin-top:5px;
    color:
        rgba(24,23,20,.28);
    font-size:7px;
    font-style:normal;
}
/* 
   BUY
 */
.signature-buy-button{
    width:100%;
    height:51px;
    padding:
        0 17px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-radius:12px;
    background:#191816;
    color:#f7f4ee;
    font-size:9px;
    font-weight:600;
    letter-spacing:.02em;
    box-shadow:
        0 12px 30px
        rgba(28,23,17,.14);
    transition:
        transform .25s ease,
        background .25s ease;
}
.signature-buy-button:hover{
    transform:
        translateY(-2px);
    background:#292620;
}
.signature-buy-button svg{
    width:14px;
    height:14px;
    stroke-width:1.5;
}
.signature-buy > small{
    display:block;
    margin-top:7px;
    text-align:center;
    color:
        rgba(24,23,20,.30);
    font-size:7px;
}
/* 
   BOTTOM META
 */
.signature-bottom{
    min-height:48px;
    display:flex;
    align-items:center;
    gap:28px;
    margin-top:13px;
    padding:
        0 3px;
    border-top:
        1px solid var(--hero-line);
    color:
        rgba(24,23,20,.33);
    font-size:7px;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.signature-bottom a{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:9px;
    color:
        rgba(24,23,20,.48);
    transition:.25s ease;
}
.signature-bottom a:hover{
    color:#181714;
}
.signature-bottom svg{
    width:12px;
    height:12px;
}
/* 
   LARGE DESKTOP
 */
@media(min-width:1500px){
    .signature-main{
        min-height:620px;
    }
    .signature-product{
        height:610px;
    }
}
/* 
   LAPTOP
 */
@media(max-width:1150px){
    .signature-main{
        grid-template-columns:
            .75fr
            1.25fr;
    }
    .signature-copy h1{
        font-size:
            clamp(48px,5.5vw,68px);
    }
    .signature-product{
        width:94%;
    }
    .signature-configurator{
        grid-template-columns:
            1.3fr
            1px
            .55fr
            1px
            .75fr;
    }
}
/* 
   TABLET
 */
@media(max-width:900px){
    .signature-hero{
        min-height:auto;
        padding:
            85px 0
            25px;
    }
    .signature-shell{
        min-height:auto;
    }
    .signature-main{
        display:flex;
        flex-direction:column;
        gap:10px;
        padding:
            45px 0
            20px;
    }
    .signature-copy{
        max-width:650px;
        align-self:flex-start;
    }
    .signature-stage{
        width:100%;
        min-height:520px;
    }
    .signature-product{
        width:82%;
        height:500px;
    }
    .signature-configurator{
        grid-template-columns:1fr;
        gap:14px;
        padding:16px;
    }
    .signature-config-divider{
        width:100%;
        height:1px;
    }
    .signature-bottom{
        flex-wrap:wrap;
        gap:10px 18px;
        padding:
            15px 2px;
    }
}
/* 
   MOBILE
 */
@media(max-width:600px){
    .signature-hero{
        padding-top:75px;
    }
    .signature-topline{
        min-height:38px;
    }
    .signature-main{
        padding:
            34px 0
            10px;
    }
    .signature-copy h1{
        font-size:48px;
    }
    .signature-copy > p{
        font-size:11px;
    }
    .signature-stage{
        min-height:410px;
    }
    .signature-product{
        width:100%;
        height:390px;
    }
    .signature-arrow{
        width:38px;
        height:38px;
    }
    .signature-arrow-left{
        left:0;
    }
    .signature-arrow-right{
        right:0;
    }
    .signature-counter{
        bottom:8%;
    }
    .signature-mini-benefits{
        gap:10px 14px;
    }
    .signature-color-buttons{
        display:grid;
        grid-template-columns:
            repeat(3,1fr);
    }
    .signature-color{
        min-width:0;
    }
}
/* 
   SHOP ZONA — JOŠ JASNIJA I UPEČATLJIVIJA
 */
.signature-shop-wrap{
    position:relative;
    z-index:12;
    width:min(100%,1220px);
    margin:
        -18px auto
        0;
}
.signature-shop-label{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    padding:
        0 10px
        12px;
}
.signature-shop-label > div{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.signature-shop-label > div > span{
    color:#2b2823;
    font-size:9px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.signature-shop-label > div > small{
    color:
        rgba(28,25,21,.40);
    font-size:8px;
}
.signature-shop-stock{
    display:flex;
    align-items:center;
    gap:7px;
    color:
        rgba(28,25,21,.46);
    font-size:8px;
    font-weight:600;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.signature-shop-stock i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#79956d;
    box-shadow:
        0 0 0 4px
        rgba(121,149,109,.10);
}
/* 
   CONFIGURATOR — JAČI SHOP FEEL
 */
.signature-configurator{
    width:100%;
    min-height:112px;
    margin:0;
    padding:
        16px 18px;
    border:
        1px solid rgba(150,111,62,.16);
    border-radius:24px;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.78),
            rgba(247,241,232,.54)
        );
    box-shadow:
        0 24px 70px
        rgba(77,58,34,.11),
        0 2px 10px
        rgba(77,58,34,.04),
        inset 0 1px 0
        rgba(255,255,255,.95);
    backdrop-filter:
        blur(30px)
        saturate(150%);
    -webkit-backdrop-filter:
        blur(30px)
        saturate(150%);
}
.signature-configurator::after{
    content:"";
    position:absolute;
    left:26px;
    right:26px;
    top:0;
    height:1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(165,122,64,.42),
            transparent
        );
}
/* 
   COLOR AREA
 */
.signature-config-label{
    margin-bottom:10px;
    color:
        rgba(24,23,20,.48);
    font-size:8px;
    font-weight:700;
}
.signature-color-buttons{
    gap:9px;
}
.signature-color{
    min-width:104px;
    min-height:54px;
    padding:
        8px 12px;
    border:
        1px solid rgba(38,32,26,.06);
    background:
        rgba(255,255,255,.28);
}
.signature-color:hover{
    border-color:
        rgba(157,117,64,.18);
    background:
        rgba(255,255,255,.52);
}
.signature-color.active{
    border-color:
        rgba(157,117,64,.38);
    background:
        rgba(255,255,255,.82);
    box-shadow:
        0 8px 22px rgba(68,50,29,.06),
        inset 0 1px 0 rgba(255,255,255,.96);
}
.signature-swatch{
    width:22px;
    height:22px;
    flex-basis:22px;
}
/* 
   PRICE — VIŠE FOKUSA
 */
.signature-price{
    padding:
        0 4px;
}
.signature-price > span{
    color:
        rgba(24,23,20,.42);
    font-size:8px;
    font-weight:700;
}
.signature-price strong{
    font-size:29px;
    font-weight:600;
}
.signature-price small{
    font-size:9px;
}
.signature-price em{
    margin-top:7px;
    font-size:7px;
}
/* 
   BUY BUTTON — GLAVNI CTA
 */
.signature-buy-button{
    height:60px;
    padding:
        0 20px;
    border-radius:14px;
    background:
        linear-gradient(
            135deg,
            #171614,
            #26221d
        );
    color:#fbf7ef;
    font-size:10px;
    font-weight:700;
    letter-spacing:.03em;
    box-shadow:
        0 15px 35px
        rgba(30,24,18,.18);
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}
.signature-buy-button:hover{
    transform:
        translateY(-2px);
    background:#11100f;
    box-shadow:
        0 20px 45px
        rgba(30,24,18,.23);
}
.signature-buy-button svg{
    width:16px;
    height:16px;
}
.signature-buy > small{
    margin-top:8px;
    color:
        rgba(24,23,20,.42);
    font-size:8px;
}
/* 
   DIVIDERS — MALO VIDLJIVIJI
 */
.signature-config-divider{
    height:62px;
    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(157,117,64,.18),
            transparent
        );
}
/* 
   DIMENSIONS BUTTON U SHOP CONFIGURATORU
 */
.signature-dimensions-button{
    min-width:118px;
    min-height:54px;
    padding:8px 12px;
    display:flex;
    align-items:center;
    gap:9px;
    text-align:left;
    border:
        1px solid rgba(157,117,64,.15);
    border-radius:12px;
    background:
        rgba(157,117,64,.045);
    color:
        rgba(24,23,20,.58);
    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease;
}
.signature-dimensions-button:hover{
    transform:translateY(-2px);
    border-color:
        rgba(157,117,64,.32);
    background:
        rgba(255,255,255,.60);
}
.signature-dimensions-button svg{
    width:19px;
    height:19px;
    flex:0 0 19px;
    color:#9d7540;
    stroke-width:1.45;
}
.signature-dimensions-button > span{
    display:flex;
    flex-direction:column;
    gap:2px;
    font-size:9px;
    font-weight:600;
    color:#28241f;
}
.signature-dimensions-button small{
    font-size:7px;
    font-weight:400;
    color:
        rgba(24,23,20,.34);
}
/* 
   SEFKOMODA — LIGHT CART THEME
   SAMO BOJE — BEZ PROMENE LAYOUTA
 */
.cart-overlay{
    background:rgba(35,30,24,.18) !important;
    backdrop-filter:blur(9px) !important;
    -webkit-backdrop-filter:blur(9px) !important;
}
.cart-drawer{
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(247,244,238,.985)
        ) !important;
    border-left:
        1px solid rgba(126,101,70,.12) !important;
    box-shadow:
        -35px 0 90px rgba(67,53,36,.13) !important;
    color:#24211d !important;
}
.cart-drawer-header{
    border-bottom:
        1px solid rgba(70,55,38,.09) !important;
}
.cart-small-title{
    color:#a27d4b !important;
}
.cart-drawer-header h2{
    color:#24211d !important;
}
.cart-drawer-close{
    color:#625b52 !important;
}
.cart-drawer-close:hover{
    color:#9d7540 !important;
}
/* =========================
   PRAZNA KORPA
========================= */
.cart-empty-state h3{
    color:#27231e !important;
}
.cart-empty-state p{
    color:#847c72 !important;
}
.cart-empty-icon{
    border-color:
        rgba(157,117,64,.18) !important;
    background:
        linear-gradient(
            145deg,
            rgba(157,117,64,.08),
            rgba(255,255,255,.65)
        ) !important;
    color:#9d7540 !important;
}
.cart-browse-button{
    border-color:
        rgba(157,117,64,.25) !important;
    background:
        rgba(255,255,255,.48) !important;
    color:#8e6939 !important;
}
.cart-browse-button:hover{
    background:
        rgba(157,117,64,.08) !important;
    border-color:
        rgba(157,117,64,.42) !important;
}
/* =========================
   PROIZVOD
========================= */
.cart-product{
    border-bottom:
        1px solid rgba(65,52,37,.09) !important;
}
.cart-product-image{
    border-color:
        rgba(92,72,48,.10) !important;
    background:
        rgba(255,255,255,.58) !important;
}
.cart-product-name{
    color:#29251f !important;
}
.cart-product-color{
    color:#8e8579 !important;
}
.cart-product-remove{
    color:#9a9288 !important;
}
.cart-product-remove:hover{
    color:#9d7540 !important;
}
.cart-product-price{
    color:#29251f !important;
}
.cart-product-quantity{
    border-color:
        rgba(72,56,39,.13) !important;
    background:
        rgba(255,255,255,.48) !important;
}
.cart-product-quantity button{
    color:#71695f !important;
}
.cart-product-quantity button:hover{
    background:
        rgba(157,117,64,.07) !important;
    color:#8f6939 !important;
}
.cart-product-quantity span{
    color:#2c2823 !important;
}
/* =========================
   SUMMARY / PROMO
========================= */
.cart-summary{
    background:
        rgba(250,248,244,.72) !important;
    border-top:
        1px solid rgba(72,56,39,.09) !important;
}
.cart-promo{
    border-color:
        rgba(72,56,39,.09) !important;
}
.cart-promo-toggle{
    color:#5f584f !important;
}
.cart-promo-plus{
    color:#9d7540 !important;
}
.cart-promo-input-wrap{
    border-color:
        rgba(82,64,43,.14) !important;
    background:
        rgba(255,255,255,.62) !important;
}
.cart-promo-input-wrap input{
    color:#29251f !important;
    background:transparent !important;
}
.cart-promo-input-wrap input::placeholder{
    color:#aaa197 !important;
}
#cartPromoApply{
    color:#916c3e !important;
}
.cart-promo-message{
    color:#81786e !important;
}
.cart-total-label{
    color:#81786e !important;
}
#cartTotalPrice{
    color:#24211d !important;
}
.cart-next-button{
    background:
        linear-gradient(
            135deg,
            #9d7540,
            #b48c58
        ) !important;
    border-color:
        rgba(126,91,48,.15) !important;
    color:#ffffff !important;
    box-shadow:
        0 12px 30px rgba(133,94,48,.16) !important;
}
.cart-next-button:hover{
    background:
        linear-gradient(
            135deg,
            #916a39,
            #aa804d
        ) !important;
}
/* 
   CHECKOUT ISTA SVETLA PALETA
 */
.checkout-view{
    background:
        linear-gradient(
            145deg,
            #fdfcf9,
            #f6f2eb
        ) !important;
    color:#28241f !important;
}
.checkout-header{
    border-color:
        rgba(72,56,39,.09) !important;
}
.checkout-header h2{
    color:#28241f !important;
}
.checkout-back{
    color:#746c62 !important;
}
.checkout-field label,
.checkout-section-label{
    color:#6e665d !important;
}
.checkout-field input,
.checkout-field textarea{
    background:
        rgba(255,255,255,.68) !important;
    border-color:
        rgba(76,59,40,.13) !important;
    color:#28241f !important;
}
.checkout-field input:focus,
.checkout-field textarea:focus{
    border-color:
        rgba(157,117,64,.42) !important;
    box-shadow:
        0 0 0 3px rgba(157,117,64,.06) !important;
}
.checkout-payment-option{
    background:
        rgba(255,255,255,.52) !important;
    border-color:
        rgba(78,60,40,.11) !important;
}
.checkout-payment-copy strong{
    color:#29251f !important;
}
.checkout-payment-copy span{
    color:#847b70 !important;
}
.checkout-footer{
    background:
        rgba(249,246,240,.88) !important;
    border-color:
        rgba(72,56,39,.09) !important;
}
.checkout-total span{
    color:#81786e !important;
}
.checkout-total strong{
    color:#28241f !important;
}
.checkout-submit{
    background:
        linear-gradient(
            135deg,
            #9d7540,
            #b48c58
        ) !important;
    color:#fff !important;
}
/* 
   CART OPEN — CLEAN LIGHT GLASS STATE
 */
.cart-overlay{
    background:
        rgba(241, 237, 230, .34) !important;
    backdrop-filter:
        blur(10px)
        saturate(115%) !important;
    -webkit-backdrop-filter:
        blur(10px)
        saturate(115%) !important;
}
.cart-drawer{
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(248,245,239,.98)
        ) !important;
    border-left:
        1px solid rgba(124, 98, 66, .10) !important;
    box-shadow:
        -22px 0 70px rgba(71, 55, 36, .10) !important;
}
.cart-drawer-header{
    background:
        rgba(255,255,255,.72) !important;
    border-bottom:
        1px solid rgba(86,68,47,.08) !important;
    backdrop-filter:
        blur(18px) !important;
    -webkit-backdrop-filter:
        blur(18px) !important;
}
.cart-drawer-header h2{
    color:#201d19 !important;
}
.cart-drawer-close{
    background:
        rgba(255,255,255,.68) !important;
    border-color:
        rgba(110,84,53,.12) !important;
    color:#5f574d !important;
}
.cart-empty-state{
    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(185,145,88,.055),
            transparent 36%
        ) !important;
}
.cart-empty-icon{
    background:
        rgba(255,255,255,.58) !important;
    border-color:
        rgba(157,117,64,.16) !important;
    color:#9d7540 !important;
    box-shadow:
        0 10px 30px rgba(90,68,42,.05) !important;
}
.cart-browse-button{
    background:
        rgba(255,255,255,.58) !important;
    border-color:
        rgba(157,117,64,.20) !important;
    color:#8f6a3d !important;
    box-shadow:
        0 8px 24px rgba(75,56,35,.04) !important;
}
body.cart-open .site-header{
    filter:none !important;
}
.site-header{
    z-index:1900 !important;
}
.cart-overlay{
    z-index:2000 !important;
}
.cart-drawer{
    z-index:2001 !important;
}
/* 
   CART EMPTY STATE — TAČNO U CENTRU
 */
.cart-drawer{
    display:flex !important;
    flex-direction:column !important;
}
.cart-drawer-header{
    flex:0 0 auto !important;
}
.cart-empty-state{
    flex:1 1 auto !important;
    width:100% !important;
    min-height:0 !important;
    padding:35px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}
.cart-empty-state.is-hidden{
    display:none !important;
}
.cart-items-list{
    flex:1 1 auto !important;
    overflow-y:auto !important;
}
.cart-summary{
    flex:0 0 auto !important;
}
.signature-arrow.hidden{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}
.signature-counter.hidden{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
#offerMainImage.hero-image-smaller{
    transform: scale(.84) !important;
}
/* =====================================================
   CONFIGURATOR — ONE PIECE OF LIQUID GLASS
===================================================== */
.signature-configurator{
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.38) 0%,
            rgba(255,255,255,.13) 32%,
            rgba(255,255,255,.08) 62%,
            rgba(255,255,255,.26) 100%
        ) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 26px !important;
    backdrop-filter:
        blur(18px)
        saturate(150%)
        brightness(1.05);
    -webkit-backdrop-filter:
        blur(18px)
        saturate(150%)
        brightness(1.05);
    box-shadow:
        0 22px 55px rgba(65,52,35,.10),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(255,255,255,.38),
        inset 1px 0 0 rgba(255,255,255,.42),
        inset -1px 0 0 rgba(255,255,255,.25);
}
/* =====================================================
   REFLEKSIJA PREKO STAKLA
===================================================== */
.signature-configurator::before{
    content: "";
    position: absolute;
    top: -70%;
    left: -10%;
    width: 55%;
    height: 210%;
    pointer-events: none;
    background: linear-gradient(
        105deg,
        transparent 15%,
        rgba(255,255,255,.05) 32%,
        rgba(255,255,255,.40) 47%,
        rgba(255,255,255,.12) 57%,
        transparent 72%
    );
    transform: rotate(8deg);
    filter: blur(2px);
    opacity: .7;
    z-index: 0;
}
/* =====================================================
   MEKA LIQUID REFRAKCIJA
===================================================== */
.signature-configurator::after{
    content: "";
    position: absolute;
    width: 420px;
    height: 150px;
    right: 14%;
    bottom: -90px;
    border-radius: 50%;
    background:
        rgba(255,255,255,.28);
    filter: blur(45px);
    pointer-events: none;
    opacity: .65;
    z-index: 0;
}
.signature-configurator > *{
    position: relative;
    z-index: 2;
}
/* =====================================================
   GLOBAL TYPOGRAPHY
   Glavni font kao na HERO sekciji
===================================================== */
body,
button,
input,
textarea,
select {
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}
p,
span,
a,
li,
label,
small,
strong,
button {
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}
/* =====================================================
   ELEGANTNI SERIF / ITALIC DELOVI OSTAJU KAO SADA
===================================================== */
em,
i,
.italic,
.serif,
.signature-italic,
.section-italic {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-style: italic !important;
}
/* 
   ANATOMY — LIQUID GLASS CALLOUT CARDS
 */
.anatomy-callout-copy{
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.44) 0%,
            rgba(255,255,255,.17) 48%,
            rgba(255,255,255,.08) 100%
        ) !important;
    border:
        1px solid rgba(255,255,255,.78) !important;
    border-radius: 16px !important;
    backdrop-filter:
        blur(18px)
        saturate(150%)
        brightness(1.04);
    -webkit-backdrop-filter:
        blur(18px)
        saturate(150%)
        brightness(1.04);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 1px 0 0 rgba(255,255,255,.38),
        inset 0 -1px 0 rgba(157,117,64,.08),
        0 12px 32px rgba(70,55,35,.065) !important;
}
.anatomy-callout-copy::before{
    content:"";
    position:absolute;
    width:80%;
    height:180%;
    left:-42%;
    top:-75%;
    transform:rotate(24deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.42),
            transparent
        );
    pointer-events:none;
    opacity:.62;
}
.anatomy-callout-copy > *{
    position:relative;
    z-index:2;
}
.anatomy-callout-copy > span{
    color:#a07843 !important;
}
.anatomy-callout-copy strong{
    color:#1e1b17 !important;
}
.anatomy-callout-copy small{
    color:rgba(30,27,23,.48) !important;
}
/* 
   ANATOMY — PRECIZNIJE LINIJE I TAČKE
 */
.anatomy-line{
    height:1px !important;
    background:
        linear-gradient(
            90deg,
            rgba(166,122,65,.16),
            rgba(166,122,65,.70)
        ) !important;
}
.anatomy-line.reverse{
    background:
        linear-gradient(
            90deg,
            rgba(166,122,65,.70),
            rgba(166,122,65,.16)
        ) !important;
}
.anatomy-dot{
    width:8px !important;
    height:8px !important;
    background:#aa7c3e !important;
    box-shadow:
        0 0 0 4px rgba(170,124,62,.10),
        0 0 14px rgba(170,124,62,.18) !important;
}
/* 
   01 — RFID / NFC
   tačka ide na modul na sredini poklopca
 */
.anatomy-callout-rfid{
    left:0 !important;
    top:19% !important;
    width:51% !important;
}
/* 
   02 — LED
   tačka ide ka beloj LED traci desno unutra
 */
.anatomy-callout-led{
    left:0 !important;
    top:51% !important;
    width:61% !important;
}
/* 
   03 — SOFT CLOSE
   ka desnom metalnom mehanizmu / šarki
 */
.anatomy-callout-soft{
    right:0 !important;
    top:38% !important;
    width:46% !important;
}
/* 
   04 — ALCANTARA
   tačka ide u crnu mekanu unutrašnju površinu
 */
.anatomy-callout-alcantara{
    right:0 !important;
    top:55% !important;
    width:50% !important;
}
/* 
   05 — KONSTRUKCIJA
   ka bočnoj / prednjoj ploči komode
 */
.anatomy-callout-board{
    right:0 !important;
    top:76% !important;
    width:34% !important;
}
.anatomy-callout-rfid .anatomy-line,
.anatomy-callout-led .anatomy-line{
    margin-right:-8px;
}
.anatomy-callout-soft .anatomy-line,
.anatomy-callout-alcantara .anatomy-line,
.anatomy-callout-board .anatomy-line{
    margin-left:-8px;
}
/* 
   COMPARISON TABLE — LIQUID GLASS
 */
.comparison-table{
    position: relative;
    width: 94% !important;
    max-width: 1420px;
    margin-left: auto !important;
    margin-right: auto !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.22) 0%,
            rgba(255,255,255,.09) 48%,
            rgba(255,255,255,.16) 100%
        ) !important;
    border: 1px solid rgba(255,255,255,.70) !important;
    border-radius: 28px !important;
    backdrop-filter:
        blur(18px)
        saturate(145%)
        brightness(1.03);
    -webkit-backdrop-filter:
        blur(18px)
        saturate(145%)
        brightness(1.03);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 1px 0 0 rgba(255,255,255,.35),
        inset 0 -1px 0 rgba(150,115,70,.06),
        0 20px 55px rgba(77,60,38,.055) !important;
    overflow: hidden;
}
/* 
   SKLONI BELE POZADINE IZ REDOVA
 */
.comparison-row,
.comparison-header{
    background: transparent !important;
}
.comparison-row{
    border-bottom:
        1px solid rgba(120,100,75,.11) !important;
}
.comparison-row:last-child{
    border-bottom: none !important;
}
.comparison-row > div{
    border-color:
        rgba(120,100,75,.10) !important;
}
/* 
   SUPTILNA REFLEKSIJA NA STAKLU
 */
.comparison-table::before{
    content:"";
    position:absolute;
    z-index:0;
    width:55%;
    height:170%;
    left:-28%;
    top:-75%;
    transform:rotate(18deg);
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.20) 48%,
            transparent 100%
        );
    pointer-events:none;
}
.comparison-row{
    position:relative;
    z-index:1;
}
/* 
   PREMIUM KOLONA — vrlo blagi topli stakleni ton
 */
.comparison-row > :nth-child(3){
    background:
        linear-gradient(
            90deg,
            rgba(190,145,85,.018),
            rgba(190,145,85,.045)
        ) !important;
}
/* 
   SEFKOMODA — AI SUPPORT CHAT
 */
.ai-chat-widget{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:99999;
    font-family:
        "Manrope",
        "DM Sans",
        sans-serif;
}
/* 
   FLOATING BUTTON
 */
.ai-chat-toggle{
    position:relative;
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border:
        1px solid rgba(255,255,255,.78);
    border-radius:50%;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.58),
            rgba(255,255,255,.20)
        );
    color:#2a261f;
    box-shadow:
        0 16px 45px rgba(68,52,34,.12),
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -1px 0 rgba(157,117,64,.06);
    backdrop-filter:
        blur(20px)
        saturate(145%);
    -webkit-backdrop-filter:
        blur(20px)
        saturate(145%);
    cursor:pointer;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}
.ai-chat-toggle:hover{
    transform:
        translateY(-3px)
        scale(1.03);
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.78),
            rgba(255,255,255,.30)
        );
    box-shadow:
        0 20px 55px rgba(68,52,34,.16),
        inset 0 1px 0 rgba(255,255,255,1);
}
.ai-chat-toggle svg{
    width:22px;
    height:22px;
    stroke-width:1.5;
}
.ai-chat-badge{
    position:absolute;
    top:-2px;
    right:-1px;
    min-width:18px;
    height:18px;
    padding:0 5px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:
        2px solid rgba(248,245,239,.95);
    border-radius:999px;
    background:#9d7540;
    color:#fff;
    font-size:9px;
    font-weight:700;
    box-shadow:
        0 5px 12px rgba(95,68,34,.20);
}
/* 
   CHAT WINDOW
 */
.ai-chat-window{
    position:absolute;
    right:0;
    bottom:74px;
    width:360px;
    height:520px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:
        1px solid rgba(255,255,255,.78);
    border-radius:26px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.72),
            rgba(248,244,237,.45)
        );
    box-shadow:
        0 28px 90px rgba(67,50,31,.16),
        inset 0 1px 0 rgba(255,255,255,.98);
    backdrop-filter:
        blur(28px)
        saturate(150%);
    -webkit-backdrop-filter:
        blur(28px)
        saturate(150%);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:
        translateY(14px)
        scale(.97);
    transform-origin:
        bottom right;
    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease;
}
.ai-chat-window.active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:
        translateY(0)
        scale(1);
}
.ai-chat-window::before{
    content:"";
    position:absolute;
    width:70%;
    height:90%;
    left:-45%;
    top:-40%;
    transform:rotate(22deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.32),
            transparent
        );
    pointer-events:none;
    opacity:.7;
}
/* 
   HEADER
 */
.ai-chat-header{
    position:relative;
    z-index:2;
    min-height:78px;
    padding:
        16px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:
        1px solid rgba(93,72,46,.08);
    background:
        rgba(255,255,255,.28);
    backdrop-filter:
        blur(18px);
    -webkit-backdrop-filter:
        blur(18px);
}
.ai-chat-header-left{
    display:flex;
    align-items:center;
    gap:12px;
}
.ai-chat-avatar{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    flex:0 0 40px;
    border:
        1px solid rgba(157,117,64,.18);
    border-radius:13px;
    background:
        rgba(157,117,64,.06);
    color:#9d7540;
}
.ai-chat-avatar svg{
    width:17px;
    height:17px;
    stroke-width:1.45;
}
.ai-chat-header-left strong{
    display:block;
    color:#24201b;
    font-size:12px;
    font-weight:650;
}
.ai-chat-header-left span{
    display:block;
    margin-top:3px;
    color:
        rgba(36,32,27,.42);
    font-size:9px;
}
.ai-chat-close{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:
        1px solid rgba(75,59,41,.08);
    border-radius:50%;
    background:
        rgba(255,255,255,.36);
    color:
        rgba(36,32,27,.58);
    font-size:22px;
    line-height:1;
    cursor:pointer;
}
/* 
   MESSAGES
 */
.ai-chat-messages{
    position:relative;
    z-index:2;
    flex:1;
    padding:
        18px 16px;
    overflow-y:auto;
    display:flex;
    flex-direction:column;
    gap:14px;
    scroll-behavior:smooth;
}
.ai-message{
    display:flex;
    align-items:flex-end;
    gap:8px;
}
.ai-message-bot{
    align-self:flex-start;
    max-width:88%;
}
.ai-message-user{
    align-self:flex-end;
    justify-content:flex-end;
    max-width:82%;
}
.ai-message-avatar{
    width:27px;
    height:27px;
    flex:0 0 27px;
    display:grid;
    place-items:center;
    border:
        1px solid rgba(157,117,64,.14);
    border-radius:9px;
    background:
        rgba(255,255,255,.48);
    color:#9d7540;
}
.ai-message-avatar svg{
    width:12px;
    height:12px;
    stroke-width:1.4;
}
.ai-message-bubble{
    padding:
        11px 13px;
    border-radius:
        16px
        16px
        16px
        5px;
    background:
        rgba(255,255,255,.62);
    border:
        1px solid rgba(255,255,255,.74);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.85),
        0 6px 18px rgba(70,55,35,.045);
    color:#36312a;
    font-size:11px;
    line-height:1.55;
}
.ai-message-user .ai-message-bubble{
    border-radius:
        16px
        16px
        5px
        16px;
    background:
        linear-gradient(
            135deg,
            #9d7540,
            #b38a54
        );
    border-color:
        rgba(145,103,52,.18);
    color:#fff;
    box-shadow:
        0 8px 20px rgba(115,82,42,.14);
}
/* 
   INPUT
 */
.ai-chat-input-wrap{
    position:relative;
    z-index:2;
    min-height:72px;
    padding:
        12px 14px;
    display:flex;
    align-items:center;
    gap:9px;
    border-top:
        1px solid rgba(93,72,46,.08);
    background:
        rgba(255,255,255,.30);
    backdrop-filter:
        blur(18px);
    -webkit-backdrop-filter:
        blur(18px);
}
.ai-chat-input-wrap input{
    flex:1;
    min-width:0;
    height:46px;
    padding:
        0 14px;
    border:
        1px solid rgba(84,65,42,.10);
    border-radius:14px;
    outline:none;
    background:
        rgba(255,255,255,.58);
    color:#2a261f;
    font-family:inherit;
    font-size:11px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.86);
}
.ai-chat-input-wrap input::placeholder{
    color:
        rgba(42,38,31,.33);
}
.ai-chat-input-wrap input:focus{
    border-color:
        rgba(157,117,64,.28);
    background:
        rgba(255,255,255,.74);
}
.ai-chat-send{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:#1e1b17;
    color:#f8f4ed;
    cursor:pointer;
    box-shadow:
        0 8px 20px rgba(31,25,18,.12);
    transition:
        transform .2s ease,
        background .2s ease;
}
.ai-chat-send:hover{
    transform:translateY(-1px);
    background:#2b2721;
}
.ai-chat-send svg{
    width:16px;
    height:16px;
    stroke-width:1.5;
}
/* 
   SCROLLBAR
 */
.ai-chat-messages::-webkit-scrollbar{
    width:5px;
}
.ai-chat-messages::-webkit-scrollbar-track{
    background:transparent;
}
.ai-chat-messages::-webkit-scrollbar-thumb{
    background:
        rgba(125,97,62,.16);
    border-radius:999px;
}
/* 
   MOBILE
 */
@media(max-width:768px){
    .ai-chat-widget{
        right:14px;
        bottom:14px;
    }
    .ai-chat-toggle{
        width:54px;
        height:54px;
    }
    .ai-chat-window{
        position:fixed;
        right:12px;
        left:12px;
        bottom:80px;
        width:auto;
        height:min(68vh,560px);
        border-radius:22px;
        transform-origin:
            bottom center;
    }
}
@media(max-width:480px){
    .ai-chat-window{
        right:8px;
        left:8px;
        bottom:74px;
        height:72vh;
    }
    .ai-chat-header{
        min-height:70px;
        padding:
            14px;
    }
    .ai-chat-messages{
        padding:
            14px 12px;
    }
    .ai-chat-input-wrap{
        padding:
            10px 11px;
    }
}
/* 
   SEFKOMODA — CARAMEL OAK BRAND OVERRIDE
   MAIN ACCENT: #B47A45
 */
:root{
    --gold:#B47A45 !important;
    --gold-soft:#D6A06B !important;
    --gold-dark:#8F5D32 !important;
    --border-gold:
        rgba(180,122,69,.35) !important;
    --sk-gold:#B47A45 !important;
    --sk-gold-soft:#D6A06B !important;
    --sk-gold-dark:#8F5D32 !important;
}
/* 
   GLOBAL ACCENT TEXT
 */
.eyebrow,
.small-title,
.premium-eyebrow,
.gold-text{
    color:#B47A45 !important;
}
/* 
   HERO
   "A ne i otkrivena."
 */
.signature-copy h1 span{
    color:#B47A45 !important;
}
.signature-eyebrow{
    color:#B47A45 !important;
}
/* 
   HERO MINI BENEFITS
 */
.signature-mini-benefits i,
.signature-mini-benefits svg{
    color:#B47A45 !important;
    stroke:#B47A45 !important;
}
/* 
   HERO ARROWS
 */
.signature-arrow:hover{
    border-color:
        rgba(180,122,69,.42) !important;
    color:#B47A45 !important;
}
/* 
   HERO COUNTER
 */
.signature-counter strong{
    color:#8F5D32 !important;
}
.signature-counter span{
    background:
        rgba(180,122,69,.28) !important;
}
/* 
   SHOP CONFIGURATOR
 */
.signature-color.active{
    border-color:
        rgba(180,122,69,.48) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75),
        0 8px 24px rgba(180,122,69,.08) !important;
}
.signature-swatch.oak{
    background:
        linear-gradient(
            135deg,
            #C98C52,
            #8F5D32
        ) !important;
}
.signature-dimensions-button i,
.signature-dimensions-button svg{
    color:#B47A45 !important;
    stroke:#B47A45 !important;
}
.signature-dimensions-button:hover{
    border-color:
        rgba(180,122,69,.35) !important;
}
/* 
   HOW IT WORKS
 */
.how-heading h2 em{
    color:#B47A45 !important;
}
.how-step-number{
    color:#B47A45 !important;
}
.how-step-icon{
    color:#B47A45 !important;
    border-color:
        rgba(180,122,69,.24) !important;
    background:
        rgba(180,122,69,.055) !important;
}
.how-step-icon svg{
    stroke:#B47A45 !important;
}
.how-step-line span{
    background:
        rgba(180,122,69,.35) !important;
}
/* 
   ANATOMY / DETALJI KOMODE
 */
.anatomy-visual-heading h2 em,
.anatomy-details h3 em{
    color:#B47A45 !important;
}
.anatomy-callout-copy > span,
.anatomy-detail-number{
    color:#B47A45 !important;
}
.anatomy-dot{
    background:#B47A45 !important;
    box-shadow:
        0 0 0 4px rgba(180,122,69,.10),
        0 0 14px rgba(180,122,69,.18) !important;
}
.anatomy-line{
    background:
        rgba(180,122,69,.42) !important;
}
.anatomy-callout-copy{
    border-color:
        rgba(180,122,69,.13) !important;
}
/* 
   COMPARISON TABLE
 */
.comparison-heading h2 em{
    color:#B47A45 !important;
}
.comparison-badge{
    color:#8F5D32 !important;
    background:
        rgba(180,122,69,.08) !important;
    border-color:
        rgba(180,122,69,.18) !important;
}
.comparison-value.positive{
    color:#8F5D32 !important;
}
.comparison-value.positive svg{
    color:#B47A45 !important;
    stroke:#B47A45 !important;
}
.comparison-bottom > div span::before{
    border-color:#B47A45 !important;
}
/* 
   REVIEWS
 */
.review-stars{
    color:#B47A45 !important;
}
.review-verified{
    color:#8F5D32 !important;
    border-color:
        rgba(180,122,69,.18) !important;
}
/* 
   FAQ
 */
.faq-question:hover{
    color:#8F5D32 !important;
}
.faq-question span{
    color:#B47A45 !important;
}
/* 
   CART
 */
.nav-cart-count{
    background:#B47A45 !important;
    color:#fff !important;
}
.cart-product-quantity button:hover,
.cart-product-remove:hover{
    color:#B47A45 !important;
}
.cart-promo-toggle:hover{
    color:#B47A45 !important;
}
/* 
   CHAT
 */
.ai-chat-badge{
    background:#B47A45 !important;
    color:#fff !important;
}
.ai-message-user .ai-message-bubble{
    background:
        linear-gradient(
            135deg,
            #B47A45,
            #8F5D32
        ) !important;
    color:#fff !important;
}
.ai-chat-avatar{
    color:#B47A45 !important;
}
.ai-chat-avatar svg{
    stroke:#B47A45 !important;
}
/* 
   BUTTONS / CTA
 */
.button-gold{
    background:
        linear-gradient(
            135deg,
            #C88C52,
            #B47A45,
            #8F5D32
        ) !important;
    color:#fff !important;
}
.signature-buy-button{
    background:#181714 !important;
    color:#fff !important;
}
.signature-buy-button:hover{
    box-shadow:
        0 14px 36px rgba(180,122,69,.18) !important;
}
/* 
   FOOTER ACCENTS
 */
.footer-label,
.footer-contact-column a:hover,
.footer-links-column a:hover{
    color:#B47A45 !important;
}
/* 
   GLOBAL SELECTION
 */
::selection{
    background:#B47A45;
    color:#fff;
}
.signature-buy-button {
    background: #B47A45 !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow:
        0 10px 28px rgba(180, 122, 69, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
    transition:
        background 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}
.signature-buy-button:hover {
    background: #A86E3C !important;
    box-shadow:
        0 14px 34px rgba(180, 122, 69, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    transform: translateY(-1px);
}
/* 
   SEFKOMODA
   CONFIGURATOR — SHINE / LIQUID GLASS FINAL OVERRIDE
 */
.signature-configurator {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.30) 0%,
            rgba(255, 255, 255, 0.11) 38%,
            rgba(255, 248, 240, 0.16) 72%,
            rgba(255, 255, 255, 0.25) 100%
        ) !important;
    backdrop-filter:
        blur(26px)
        saturate(155%) !important;
    -webkit-backdrop-filter:
        blur(26px)
        saturate(155%) !important;
    border:
        1px solid rgba(255, 255, 255, 0.88) !important;
    border-radius: 26px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(255, 255, 255, 0.28),
        inset 1px 0 0 rgba(255, 255, 255, 0.34),
        inset -1px 0 0 rgba(255, 255, 255, 0.18),
        0 20px 55px rgba(55, 42, 28, 0.08),
        0 6px 20px rgba(180, 122, 69, 0.05) !important;
}
/* 
   GORNJA REFLEKSIJA STAKLA
 */
.signature-configurator::before {
    content: "" !important;
    position: absolute !important;
    top: 1px !important;
    left: 2.5% !important;
    right: 2.5% !important;
    height: 48% !important;
    border-radius:
        24px 24px 55% 55% !important;
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.48) 0%,
            rgba(255, 255, 255, 0.16) 45%,
            rgba(255, 255, 255, 0) 100%
        ) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
/* 
   SHINE KOJI PRELAZI PREKO CELOG STAKLA
 */
.signature-configurator::after {
    content: "" !important;
    position: absolute !important;
    top: -100% !important;
    left: -40%;
    width: 28% !important;
    height: 300% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0.04) 20%,
            rgba(255,255,255,0.22) 38%,
            rgba(255,255,255,0.70) 50%,
            rgba(255,255,255,0.20) 62%,
            rgba(255,255,255,0.04) 80%,
            transparent 100%
        ) !important;
    transform: rotate(17deg) !important;
    filter: blur(3px) !important;
    pointer-events: none !important;
    z-index: 1 !important;
    animation:
        sefkomodaGlassShine
        7s ease-in-out
        infinite !important;
}
/* 
   SADRŽAJ MORA OSTATI IZNAD STAKLA
 */
.signature-configurator > * {
    position: relative !important;
    z-index: 3 !important;
}
/* 
   UNUTRAŠNJI KVADRATIĆI ZA BOJE — MANJE MUTNI
 */
.signature-color {
    background:
        rgba(255, 255, 255, 0.28) !important;
    border:
        1px solid rgba(255, 255, 255, 0.58) !important;
    backdrop-filter:
        blur(10px)
        saturate(130%) !important;
    -webkit-backdrop-filter:
        blur(10px)
        saturate(130%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.75),
        0 5px 16px rgba(50,40,30,0.025) !important;
}
.signature-color.active {
    background:
        rgba(255, 255, 255, 0.48) !important;
    border:
        1px solid rgba(180, 122, 69, 0.55) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.95),
        0 7px 20px rgba(180,122,69,0.08) !important;
}
/* 
   DIMENZIJE — ISTI GLASS STIL
 */
.signature-dimensions-button {
    background:
        rgba(255, 255, 255, 0.25) !important;
    border:
        1px solid rgba(255, 255, 255, 0.58) !important;
    backdrop-filter:
        blur(10px)
        saturate(130%) !important;
    -webkit-backdrop-filter:
        blur(10px)
        saturate(130%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.75) !important;
}
/* 
   CARAMEL OAK DUGME OSTAVLJAMO PUNO
 */
.signature-buy-button {
    background: #B47A45 !important;
    color: #ffffff !important;
    border:
        1px solid rgba(255,255,255,0.16) !important;
    box-shadow:
        0 12px 28px rgba(180,122,69,0.18),
        inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
.signature-buy-button:hover {
    background: #A86E3C !important;
    box-shadow:
        0 15px 34px rgba(180,122,69,0.24),
        inset 0 1px 0 rgba(255,255,255,0.20) !important;
}
/* 
   SHINE ANIMACIJA
 */
@keyframes sefkomodaGlassShine {
    0% {
        left: -40%;
        opacity: 0;
    }
    8% {
        opacity: 0;
    }
    15% {
        opacity: 0.70;
    }
    42% {
        left: 115%;
        opacity: 0.35;
    }
    43% {
        left: 115%;
        opacity: 0;
    }
    100% {
        left: 115%;
        opacity: 0;
    }
}
/* 
   COMPARISON TABLE — FULL LIQUID GLASS
 */
.comparison-table {
    position: relative !important;
    overflow: hidden !important;
    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.18) 0%,
            rgba(255, 255, 255, 0.055) 45%,
            rgba(255, 248, 240, 0.10) 100%
        ) !important;
    backdrop-filter:
        blur(24px)
        saturate(155%) !important;
    -webkit-backdrop-filter:
        blur(24px)
        saturate(155%) !important;
    border: 1px solid rgba(255, 255, 255, 0.78) !important;
    border-radius: 28px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.95),
        inset 0 -1px 0 rgba(255,255,255,0.22),
        0 20px 55px rgba(65,45,28,0.07),
        0 4px 14px rgba(180,122,69,0.035) !important;
    isolation: isolate !important;
}
/* 
   SKLANJAMO BELE POZADINE IZ SVIH ĆELIJA
 */
.comparison-table *,
.comparison-table th,
.comparison-table td,
.comparison-row,
.comparison-cell,
.comparison-header {
    background-color: transparent !important;
}
/* 
   VRLO BLAGA STAKLENA RAZLIKA PREMIUM KOLONE
 */
.comparison-table .premium,
.comparison-premium,
.comparison-premium-column {
    background:
        linear-gradient(
            180deg,
            rgba(180,122,69,0.035),
            rgba(255,255,255,0.025)
        ) !important;
}
/* 
   LINIJE UNUTAR TABELE
   mnogo nežnije — kao gravura u staklu
 */
.comparison-table th,
.comparison-table td,
.comparison-row,
.comparison-cell {
    border-color:
        rgba(105, 88, 70, 0.10) !important;
}
.comparison-row {
    border-bottom:
        1px solid rgba(105,88,70,0.10) !important;
}
/* 
   REFLECTION NA VRHU STAKLA
 */
.comparison-table::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 2%;
    right: 2%;
    height: 34%;
    border-radius:
        26px 26px 50% 50%;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.34) 0%,
            rgba(255,255,255,0.09) 45%,
            transparent 100%
        );
    pointer-events: none;
    z-index: 0;
}
/* 
   BLAGI SHINE PREKO CELE TABELE
 */
.comparison-table::after {
    content: "";
    position: absolute;
    top: -80%;
    left: -30%;
    width: 20%;
    height: 260%;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.04),
            rgba(255,255,255,0.32),
            rgba(255,255,255,0.04),
            transparent
        );
    transform: rotate(14deg);
    filter: blur(3px);
    pointer-events: none;
    z-index: 1;
    animation:
        comparisonGlassShine
        9s ease-in-out
        infinite;
}
.comparison-table > * {
    position: relative;
    z-index: 2;
}
/* 
   CARAMEL OAK DETALJI
 */
.comparison-badge {
    background:
        rgba(180,122,69,0.08) !important;
    border:
        1px solid rgba(180,122,69,0.18) !important;
    color:
        #8F5D32 !important;
    backdrop-filter:
        blur(10px) !important;
    -webkit-backdrop-filter:
        blur(10px) !important;
}
.comparison-value.positive,
.comparison-value.positive svg {
    color: #B47A45 !important;
    stroke: #B47A45 !important;
}
/* 
   SHINE ANIMACIJA
 */
@keyframes comparisonGlassShine {
    0% {
        left: -30%;
        opacity: 0;
    }
    10% {
        opacity: 0;
    }
    17% {
        opacity: .55;
    }
    40% {
        left: 115%;
        opacity: .25;
    }
    41%,
    100% {
        left: 115%;
        opacity: 0;
    }
}
.signature-hero {
    padding-top: 0 !important;
    margin-top: -5px !important;
}
.signature-shell {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* 
   FOOTER — FINAL FIX
 */
.footer-bottom {
    padding-left: 28px !important;
    padding-right: 28px !important;
}
.footer-bottom-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.footer-signature {
    padding-top: 18px !important;
    padding-bottom: 42px !important;
    margin-top: -30px !important;
}
.footer-logo-symbol {
    filter: brightness(0) !important;
    opacity: 1 !important;
}
.footer-email-card {
    min-height: 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    border-radius: 18px;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.52),
            rgba(255,255,255,.22)
        );
    border:
        1px solid rgba(255,255,255,.78);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 12px 30px rgba(80,55,35,.05);
    transition:
        transform .25s ease,
        border-color .25s ease;
}
.footer-email-card:hover {
    transform: translateY(-2px);
    border-color:
        rgba(180,122,69,.30);
}
.footer-email-card > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.footer-email-card small {
    color:
        rgba(24,23,20,.38);
    font-size: 9px;
    letter-spacing: .10em;
    text-transform: uppercase;
}
.footer-email-card strong {
    color: #171613;
    font-size: 13px;
    font-weight: 600;
}
.footer-email-card > span {
    color: #B47A45;
    font-size: 20px;
}
@media(max-width:600px){
    .footer-bottom{
        padding-left:20px !important;
        padding-right:20px !important;
    }
    .footer-signature{
        margin-top:-10px !important;
        padding-top:20px !important;
    }
}
.footer-contact-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}
/* 
   FOOTER — POMERI INSTAGRAM + EMAIL ULEVO
 */
.footer-contact-column .footer-social-card,
.footer-contact-column .footer-email-card {
    transform: translateX(-24px) !important;
    width: calc(100% + 18px) !important;
}
.footer-contact-column .footer-social-card:hover,
.footer-contact-column .footer-email-card:hover {
    transform:
        translateX(-24px)
        translateY(-2px) !important;
}
/* 
   REVIEWS — INFINITE LIQUID GLASS LOOP
 */
.reviews-section{
    overflow:hidden !important;
}
/* 
   TRACK
 */
.reviews-grid{
    position:relative !important;
    z-index:3 !important;
    display:flex !important;
    grid-template-columns:none !important;
    width:max-content !important;
    gap:18px !important;
    overflow:visible !important;
    will-change:transform;
    animation:
        sefReviewsInfinite
        38s linear
        infinite !important;
}
/* 
   CARD — PRAVI LIQUID GLASS
 */
.reviews-grid .review-card{
    position:relative !important;
    flex:
        0 0
        clamp(330px, 27vw, 410px) !important;
    width:
        clamp(330px, 27vw, 410px) !important;
    min-height:285px !important;
    padding:
        28px 28px
        26px !important;
    overflow:hidden !important;
    border-radius:24px !important;
    border:
        1px solid
        rgba(255,255,255,.78) !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.30) 0%,
            rgba(255,255,255,.11) 42%,
            rgba(255,248,240,.14) 72%,
            rgba(255,255,255,.22) 100%
        ) !important;
    backdrop-filter:
        blur(26px)
        saturate(155%) !important;
    -webkit-backdrop-filter:
        blur(26px)
        saturate(155%) !important;
    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.98),
        inset 0 -1px 0
        rgba(255,255,255,.22),
        inset 1px 0 0
        rgba(255,255,255,.24),
        0 20px 50px
        rgba(65,48,30,.065),
        0 4px 16px
        rgba(180,122,69,.035)
        !important;
    transform:none !important;
    transition:
        border-color .3s ease,
        box-shadow .3s ease !important;
    isolation:isolate;
}
/* 
   REFLECTION NA GORNJOJ POLOVINI STAKLA
 */
.reviews-grid .review-card::before{
    content:"";
    position:absolute;
    top:1px;
    left:2%;
    right:2%;
    height:47%;
    border-radius:
        22px 22px 60% 60%;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.42) 0%,
            rgba(255,255,255,.11) 48%,
            transparent 100%
        );
    pointer-events:none;
    z-index:0;
}
/* 
   BLAGI DIJAGONALNI REFLECTION
 */
.reviews-grid .review-card::after{
    content:"";
    position:absolute;
    top:-45%;
    left:-35%;
    width:55%;
    height:190%;
    transform:rotate(18deg);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.04),
            rgba(255,255,255,.25),
            rgba(255,255,255,.04),
            transparent
        );
    filter:blur(3px);
    opacity:.65;
    pointer-events:none;
    z-index:0;
}
.reviews-grid .review-card > *{
    position:relative;
    z-index:2;
}
/* 
   HOVER — NE SME DA ZAUSTAVI LOOP
 */
.reviews-grid .review-card:hover{
    transform:none !important;
    border-color:
        rgba(180,122,69,.28) !important;
    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,1),
        inset 0 -1px 0
        rgba(255,255,255,.24),
        0 24px 60px
        rgba(72,52,30,.08),
        0 5px 22px
        rgba(180,122,69,.07)
        !important;
}
/* 
   CARAMEL OAK DETALJI
 */
.reviews-grid .review-stars{
    color:#B47A45 !important;
}
.reviews-grid .review-avatar{
    color:#8F5D32 !important;
    background:
        rgba(180,122,69,.08) !important;
    border:
        1px solid
        rgba(180,122,69,.18) !important;
}
.reviews-grid .review-verified{
    color:
        rgba(143,93,50,.72) !important;
}
/* 
   BESKONAČNI LOOP
   18px je gap.
   -9px kompenzuje polovinu gap-a da seam bude savršen.
 */
@keyframes sefReviewsInfinite{
    from{
        transform:
            translate3d(
                0,
                0,
                0
            );
    }
    to{
        transform:
            translate3d(
                calc(-50% - 9px),
                0,
                0
            );
    }
}
/* 
   MOBILE
 */
@media(max-width:700px){
    .reviews-grid{
        gap:14px !important;
        animation-duration:
            32s !important;
    }
    .reviews-grid .review-card{
        flex:
            0 0
            82vw !important;
        width:
            82vw !important;
        min-height:260px !important;
    }
    @keyframes sefReviewsInfinite{
        from{
            transform:
                translate3d(
                    0,
                    0,
                    0
                );
        }
        to{
            transform:
                translate3d(
                    calc(-50% - 7px),
                    0,
                    0
                );
        }
    }
}
/* 
   REVIEWS — REAL LIQUID GLASS / SHINY GLASS
 */
.reviews-grid .review-card{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.24) 0%,
            rgba(255,255,255,.08) 32%,
            rgba(255,255,255,.035) 58%,
            rgba(255,248,240,.10) 100%
        ) !important;
    backdrop-filter:
        blur(34px)
        saturate(175%)
        contrast(105%) !important;
    -webkit-backdrop-filter:
        blur(34px)
        saturate(175%)
        contrast(105%) !important;
    border:
        1px solid rgba(255,255,255,.86) !important;
    border-radius:
        26px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(255,255,255,.20),
        inset 1px 0 0 rgba(255,255,255,.34),
        inset -1px 0 0 rgba(255,255,255,.12),
        0 18px 45px rgba(58,43,28,.08),
        0 6px 18px rgba(180,122,69,.04),
        0 0 0 1px rgba(255,255,255,.18) !important;
    filter:
        drop-shadow(
            0 16px 22px
            rgba(62,48,35,.055)
        ) !important;
}
/* 
   GORNJI GLASS ODSJAJ
 */
.reviews-grid .review-card::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:52% !important;
    border-radius:
        26px 26px 55% 55% !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.62) 0%,
            rgba(255,255,255,.28) 16%,
            rgba(255,255,255,.08) 46%,
            rgba(255,255,255,0) 100%
        ) !important;
    opacity:.78 !important;
    pointer-events:none !important;
    z-index:0 !important;
}
/* 
   DIJAGONALNI REFLECTION / SHINE
 */
.reviews-grid .review-card::after{
    content:"" !important;
    position:absolute !important;
    top:-70% !important;
    left:-45% !important;
    width:34% !important;
    height:260% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.03) 20%,
            rgba(255,255,255,.22) 38%,
            rgba(255,255,255,.70) 50%,
            rgba(255,255,255,.20) 62%,
            rgba(255,255,255,.03) 80%,
            transparent 100%
        ) !important;
    transform:
        rotate(18deg) !important;
    filter:
        blur(4px) !important;
    opacity:.7 !important;
    pointer-events:none !important;
    z-index:1 !important;
    animation:
        reviewCardShine
        6.5s ease-in-out
        infinite !important;
}
.reviews-grid .review-card > *{
    position:relative !important;
    z-index:3 !important;
}
/* 
   JOŠ JEDAN "STAKLENI RUB"
 */
.reviews-grid .review-card{
    background-clip:
        padding-box !important;
}
.reviews-grid .review-card:hover{
    border-color:
        rgba(255,255,255,.98) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(255,255,255,.24),
        inset 1px 0 0 rgba(255,255,255,.42),
        0 22px 58px rgba(56,42,28,.10),
        0 7px 24px rgba(180,122,69,.06),
        0 0 0 1px rgba(255,255,255,.22) !important;
}
/* 
   ODSJAJ ANIMACIJA
 */
@keyframes reviewCardShine{
    0%{
        left:-45%;
        opacity:0;
    }
    10%{
        opacity:0;
    }
    17%{
        opacity:.75;
    }
    42%{
        left:118%;
        opacity:.28;
    }
    43%,
    100%{
        left:118%;
        opacity:0;
    }
}
/* 
   REVIEWS — PRAVI STAKLENI ODSJAJ
 */
.reviews-grid .review-card {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.18),
            rgba(255,255,255,.055) 48%,
            rgba(255,255,255,.12)
        ) !important;
    backdrop-filter:
        blur(30px)
        saturate(165%) !important;
    -webkit-backdrop-filter:
        blur(30px)
        saturate(165%) !important;
    border:
        1px solid rgba(255,255,255,.82) !important;
    box-shadow:
        inset 0 1.5px 0 rgba(255,255,255,.95),
        inset 1px 0 0 rgba(255,255,255,.45),
        inset 0 -1px 0 rgba(255,255,255,.18),
        0 18px 45px rgba(45,35,25,.07) !important;
}
/* 
   REFLEKSIJA NA POVRŠINI STAKLA
 */
.reviews-grid .review-card::before {
    content: "" !important;
    position: absolute !important;
    top: 8px !important;
    left: 5% !important;
    width: 90% !important;
    height: 42% !important;
    border-radius:
        22px 22px 55% 55% !important;
    background:
        linear-gradient(
            165deg,
            rgba(255,255,255,.68) 0%,
            rgba(255,255,255,.30) 16%,
            rgba(255,255,255,.10) 38%,
            rgba(255,255,255,0) 70%
        ) !important;
    filter: blur(1px) !important;
    opacity: .68 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}
/* 
   DIJAGONALNI ODSJAJ — KAO SVETLO NA STAKLU
 */
.reviews-grid .review-card::after {
    content: "" !important;
    position: absolute !important;
    top: -70% !important;
    left: -55% !important;
    width: 42% !important;
    height: 260% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0) 20%,
            rgba(255,255,255,.12) 34%,
            rgba(255,255,255,.48) 45%,
            rgba(255,255,255,.82) 50%,
            rgba(255,255,255,.42) 55%,
            rgba(255,255,255,.10) 67%,
            rgba(255,255,255,0) 80%,
            transparent 100%
        ) !important;
    transform:
        rotate(16deg) !important;
    filter:
        blur(5px) !important;
    pointer-events: none !important;
    z-index: 2 !important;
    animation:
        glassReflectionMove
        7s ease-in-out
        infinite !important;
}
.reviews-grid .review-card > * {
    position: relative !important;
    z-index: 5 !important;
}
/* 
   ODSJAJ POLAKO PRELAZI PREKO STAKLA
 */
@keyframes glassReflectionMove {
    0% {
        left: -55%;
        opacity: 0;
    }
    12% {
        opacity: 0;
    }
    20% {
        opacity: .85;
    }
    48% {
        left: 115%;
        opacity: .55;
    }
    52% {
        left: 125%;
        opacity: 0;
    }
    100% {
        left: 125%;
        opacity: 0;
    }
}
/* 
   REVIEWS — FINAL REAL GLASS
   baš kao providno parče stakla
 */
/* ---------------------------------------------------------
   1. POZADINA ISPOD STAKLA
   mora imati nešto što backdrop blur može da prelomi
--------------------------------------------------------- */
.reviews-section{
    position:relative !important;
    overflow:hidden !important;
    background:
        radial-gradient(
            circle at 18% 58%,
            rgba(180,122,69,.13) 0%,
            rgba(180,122,69,.045) 18%,
            transparent 38%
        ),
        radial-gradient(
            circle at 72% 62%,
            rgba(255,255,255,.95) 0%,
            rgba(255,255,255,.30) 20%,
            transparent 42%
        ),
        radial-gradient(
            circle at 94% 38%,
            rgba(180,122,69,.07) 0%,
            transparent 33%
        ),
        #f5f1ea !important;
}
.reviews-section::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
        linear-gradient(
            115deg,
            transparent 10%,
            rgba(255,255,255,.48) 32%,
            transparent 49%,
            rgba(180,122,69,.045) 70%,
            transparent 88%
        ) !important;
    pointer-events:none !important;
}
/* 
   2. KARTICA = ČISTO STAKLO
 */
.reviews-grid .review-card{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    /* VAŽNO:
       skoro bez mlečne bele boje */
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.13) 0%,
            rgba(255,255,255,.045) 34%,
            rgba(255,255,255,.015) 58%,
            rgba(255,255,255,.07) 100%
        ) !important;
    backdrop-filter:
        blur(36px)
        saturate(180%)
        brightness(1.06)
        contrast(1.03) !important;
    -webkit-backdrop-filter:
        blur(36px)
        saturate(180%)
        brightness(1.06)
        contrast(1.03) !important;
    border:
        1px solid
        rgba(255,255,255,.92) !important;
    border-radius:
        26px !important;
    box-shadow:
        inset 0 1.5px 0
        rgba(255,255,255,1),
        inset 1.5px 0 0
        rgba(255,255,255,.45),
        inset -1px 0 0
        rgba(255,255,255,.18),
        inset 0 -1.5px 0
        rgba(180,122,69,.10),
        inset 0 0 30px
        rgba(255,255,255,.045),
        0 20px 45px
        rgba(65,45,28,.09),
        0 4px 12px
        rgba(180,122,69,.04)
        !important;
}
/* 
   3. VELIKI ODSJAJ NA POVRŠINI STAKLA
 */
.reviews-grid .review-card::before{
    content:"" !important;
    position:absolute !important;
    top:-2px !important;
    left:2% !important;
    width:96% !important;
    height:55% !important;
    border-radius:
        25px 25px
        55% 55% !important;
    background:
        linear-gradient(
            175deg,
            rgba(255,255,255,.72) 0%,
            rgba(255,255,255,.34) 10%,
            rgba(255,255,255,.12) 28%,
            rgba(255,255,255,.035) 48%,
            transparent 74%
        ) !important;
    opacity:.72 !important;
    filter:
        blur(.5px) !important;
    pointer-events:none !important;
    z-index:0 !important;
}
/* 
   4. USKA REFLEKSIJA KOJA PRELAZI PREKO STAKLA
 */
.reviews-grid .review-card::after{
    content:"" !important;
    position:absolute !important;
    top:-65% !important;
    left:-60% !important;
    width:34% !important;
    height:260% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0) 22%,
            rgba(255,255,255,.12) 34%,
            rgba(255,255,255,.42) 43%,
            rgba(255,255,255,.92) 50%,
            rgba(255,255,255,.42) 57%,
            rgba(255,255,255,.10) 66%,
            rgba(255,255,255,0) 80%,
            transparent 100%
        ) !important;
    transform:
        rotate(16deg) !important;
    filter:
        blur(5px) !important;
    pointer-events:none !important;
    z-index:1 !important;
    animation:
        realGlassReflection
        7.5s ease-in-out
        infinite !important;
}
/* 
   5. SADRŽAJ MORA BITI IZNAD REFLEKSIJE
 */
.reviews-grid .review-card > *{
    position:relative !important;
    z-index:5 !important;
}
/* 
   6. DODATNI OSEĆAJ DEBELOG STAKLA NA HOVER
 */
.reviews-grid .review-card:hover{
    transform:none !important;
    border-color:
        rgba(255,255,255,1) !important;
    box-shadow:
        inset 0 2px 0
        rgba(255,255,255,1),
        inset 2px 0 0
        rgba(255,255,255,.52),
        inset -1px 0 0
        rgba(255,255,255,.22),
        inset 0 -2px 0
        rgba(180,122,69,.12),
        inset 0 0 36px
        rgba(255,255,255,.06),
        0 25px 60px
        rgba(65,45,28,.11),
        0 7px 20px
        rgba(180,122,69,.055)
        !important;
}
/* 
   7. GLASS REFLECTION ANIMACIJA
 */
@keyframes realGlassReflection{
    0%{
        left:-60%;
        opacity:0;
    }
    12%{
        opacity:0;
    }
    19%{
        opacity:.88;
    }
    43%{
        left:115%;
        opacity:.50;
    }
    48%{
        left:125%;
        opacity:0;
    }
    100%{
        left:125%;
        opacity:0;
    }
}
/* 
   8. CARAMEL DETALJI OSTAJU
 */
.reviews-grid .review-stars{
    color:#B47A45 !important;
}
.reviews-grid .review-avatar{
    background:
        rgba(180,122,69,.07) !important;
    border:
        1px solid
        rgba(180,122,69,.20) !important;
    color:#8F5D32 !important;
    backdrop-filter:
        blur(12px) !important;
    -webkit-backdrop-filter:
        blur(12px) !important;
}
.reviews-grid .review-verified{
    color:
        rgba(143,93,50,.72) !important;
}
/* 
   REVIEWS — EXTRA GLASS REFRACTION / ODSJAJ
   nalepi NA SAM KRAJ CSS-a
 */
.reviews-grid .review-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    /*
       VIŠE SLOJEVA REFLEKSIJE:
       - gornji odsjaj
       - dijagonalno prelamanje
       - svetlosna mrlja
       - caramel refleksija
    */
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.85) 0%,
            rgba(255,255,255,.35) 7%,
            rgba(255,255,255,.08) 15%,
            transparent 25%
        ),
        linear-gradient(
            128deg,
            transparent 22%,
            rgba(255,255,255,.03) 30%,
            rgba(255,255,255,.28) 39%,
            rgba(255,255,255,.08) 48%,
            transparent 58%
        ),
        radial-gradient(
            ellipse at 32% -5%,
            rgba(255,255,255,.78) 0%,
            rgba(255,255,255,.25) 24%,
            rgba(255,255,255,.06) 42%,
            transparent 64%
        ),
        radial-gradient(
            ellipse at 105% 38%,
            rgba(255,255,255,.48) 0%,
            rgba(255,255,255,.12) 27%,
            transparent 55%
        ),
        radial-gradient(
            ellipse at 25% 115%,
            rgba(180,122,69,.13) 0%,
            rgba(180,122,69,.035) 35%,
            transparent 62%
        ) !important;
    opacity: .88 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}
/* 
   POKRETNI ODSJAJ PREKO STAKLA
 */
.reviews-grid .review-card::after {
    content: "" !important;
    position: absolute !important;
    top: -65% !important;
    left: -55% !important;
    width: 42% !important;
    height: 250% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0) 18%,
            rgba(255,255,255,.08) 27%,
            rgba(255,255,255,.30) 38%,
            rgba(255,255,255,.78) 47%,
            rgba(255,255,255,1) 50%,
            rgba(255,255,255,.70) 53%,
            rgba(255,255,255,.25) 62%,
            rgba(255,255,255,.06) 72%,
            transparent 84%
        ) !important;
    transform:
        rotate(17deg)
        skewX(-4deg) !important;
    filter:
        blur(5px) !important;
    opacity: 0;
    pointer-events: none !important;
    z-index: 2 !important;
    animation:
        glassRefractionSweep
        7s ease-in-out
        infinite !important;
}
/* 
   JOŠ IZRAŽENIJI RUB STAKLA
 */
.reviews-grid .review-card {
    border:
        1px solid
        rgba(255,255,255,.92) !important;
    box-shadow:
        inset 0 2px 1px
        rgba(255,255,255,.95),
        inset 2px 0 1px
        rgba(255,255,255,.50),
        inset 0 -2px 2px
        rgba(180,122,69,.10),
        inset -1px 0 1px
        rgba(255,255,255,.24),
        inset 0 0 28px
        rgba(255,255,255,.06),
        0 18px 45px
        rgba(65,45,28,.08),
        0 0 18px
        rgba(255,255,255,.22)
        !important;
}
.reviews-grid .review-card > * {
    position: relative !important;
    z-index: 5 !important;
}
/* 
   PRELAMANJE PROLAZI PREKO KARTICE
 */
@keyframes glassRefractionSweep {
    0% {
        left: -55%;
        opacity: 0;
    }
    12% {
        opacity: 0;
    }
    18% {
        opacity: .85;
    }
    32% {
        opacity: .95;
    }
    46% {
        left: 112%;
        opacity: .65;
    }
    52% {
        left: 125%;
        opacity: 0;
    }
    100% {
        left: 125%;
        opacity: 0;
    }
}
/* 
   REVIEWS — JEDNA VELIKA STAKLENA POVRŠINA
 */
.reviews-section {
    position: relative !important;
    overflow: hidden !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.20) 0%,
            rgba(255,255,255,.07) 42%,
            rgba(255,248,240,.10) 72%,
            rgba(255,255,255,.16) 100%
        ) !important;
    backdrop-filter:
        blur(34px)
        saturate(170%)
        brightness(1.04) !important;
    -webkit-backdrop-filter:
        blur(34px)
        saturate(170%)
        brightness(1.04) !important;
    border-top:
        1px solid rgba(255,255,255,.95) !important;
    border-bottom:
        1px solid rgba(255,255,255,.52) !important;
    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.98),
        inset 0 -1px 0 rgba(255,255,255,.20),
        inset 0 18px 40px rgba(255,255,255,.06),
        0 20px 60px rgba(60,45,30,.055) !important;
    isolation: isolate !important;
}
/* 
   STALNI ODSJAJ NA CELOJ POVRŠINI
   bez animacije
 */
.reviews-section::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(
            ellipse at 32% -8%,
            rgba(255,255,255,.70) 0%,
            rgba(255,255,255,.22) 26%,
            rgba(255,255,255,.05) 44%,
            transparent 68%
        ),
        radial-gradient(
            ellipse at 105% 45%,
            rgba(255,255,255,.34) 0%,
            rgba(255,255,255,.09) 28%,
            transparent 58%
        ),
        radial-gradient(
            ellipse at 18% 110%,
            rgba(180,122,69,.10) 0%,
            rgba(180,122,69,.025) 34%,
            transparent 62%
        ),
        linear-gradient(
            125deg,
            transparent 18%,
            rgba(255,255,255,.07) 33%,
            rgba(255,255,255,.18) 42%,
            rgba(255,255,255,.045) 52%,
            transparent 67%
        ) !important;
    opacity: .82 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
/* 
   SKLONI SVAKU ANIMIRANU LINIJU / SHINE
 */
.reviews-section::after,
.reviews-grid .review-card::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}
/* 
   KARTICE VIŠE NISU ODVOJENI "BOXOVI"
   nego izgledaju kao delovi jednog velikog stakla
 */
.reviews-grid .review-card {
    background:
        rgba(255,255,255,.055) !important;
    backdrop-filter:
        blur(10px)
        saturate(130%) !important;
    -webkit-backdrop-filter:
        blur(10px)
        saturate(130%) !important;
    border:
        1px solid rgba(255,255,255,.34) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.50),
        0 8px 25px rgba(60,45,30,.025) !important;
    border-radius:
        24px !important;
}
.reviews-grid .review-card::before {
    content: none !important;
    display: none !important;
}
/* 
   SADRŽAJ OSTAJE IZNAD STAKLA
 */
.reviews-section > *,
.reviews-section .container,
.reviews-grid,
.reviews-grid .review-card > * {
    position: relative !important;
    z-index: 2 !important;
}
/* 
   REVIEWS — ULTRA GLASS PANEL
   jedna velika, debela staklena površina
 */
.reviews-section {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.11) 0%,
            rgba(255,255,255,.025) 35%,
            rgba(255,255,255,.055) 65%,
            rgba(255,255,255,.10) 100%
        ) !important;
    backdrop-filter:
        blur(42px)
        saturate(190%)
        brightness(1.07)
        contrast(1.04) !important;
    -webkit-backdrop-filter:
        blur(42px)
        saturate(190%)
        brightness(1.07)
        contrast(1.04) !important;
    border-top:
        2px solid rgba(255,255,255,.95) !important;
    border-bottom:
        1px solid rgba(255,255,255,.48) !important;
    box-shadow:
        inset 0 2px 1px rgba(255,255,255,1),
        inset 0 18px 35px rgba(255,255,255,.10),
        inset 0 -2px 2px rgba(180,122,69,.09),
        0 24px 60px rgba(65,45,30,.07) !important;
}
/* 
   STATIČNO PRELAMANJE SVETLOSTI PO CELOM STAKLU
 */
.reviews-section::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(
            ellipse 55% 28% at 18% 0%,
            rgba(255,255,255,.85) 0%,
            rgba(255,255,255,.30) 30%,
            rgba(255,255,255,.07) 55%,
            transparent 75%
        ),
        linear-gradient(
            118deg,
            transparent 8%,
            rgba(255,255,255,.02) 20%,
            rgba(255,255,255,.20) 31%,
            rgba(255,255,255,.07) 42%,
            transparent 54%
        ),
        linear-gradient(
            132deg,
            transparent 55%,
            rgba(255,255,255,.04) 62%,
            rgba(255,255,255,.20) 68%,
            rgba(255,255,255,.045) 74%,
            transparent 82%
        ),
        radial-gradient(
            ellipse 38% 55% at 103% 38%,
            rgba(255,255,255,.50) 0%,
            rgba(255,255,255,.13) 40%,
            transparent 72%
        ),
        radial-gradient(
            ellipse 55% 28% at 25% 110%,
            rgba(180,122,69,.12) 0%,
            rgba(180,122,69,.035) 43%,
            transparent 72%
        ) !important;
    opacity: .95 !important;
    pointer-events: none !important;
    z-index: 0 !important;
    animation: none !important;
}
.reviews-section::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}
/* 
   KARTICE — KAO PREGRADICE UNUTAR ISTOG STAKLA
 */
.reviews-grid .review-card {
    position: relative !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.10),
            rgba(255,255,255,.025) 50%,
            rgba(255,255,255,.07)
        ) !important;
    backdrop-filter:
        blur(24px)
        saturate(160%) !important;
    -webkit-backdrop-filter:
        blur(24px)
        saturate(160%) !important;
    border:
        1px solid rgba(255,255,255,.68) !important;
    border-radius:
        25px !important;
    box-shadow:
        inset 0 1.5px 0 rgba(255,255,255,.96),
        inset 1px 0 0 rgba(255,255,255,.46),
        inset -1px 0 0 rgba(255,255,255,.16),
        inset 0 -1px 0 rgba(180,122,69,.08),
        inset 0 0 25px rgba(255,255,255,.045),
        0 14px 35px rgba(55,40,25,.045) !important;
    overflow: hidden !important;
}
/* 
   STATIČAN ODSJAJ NA SVAKOJ KARTICI
 */
.reviews-grid .review-card::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.48) 0%,
            rgba(255,255,255,.14) 7%,
            rgba(255,255,255,.025) 25%,
            transparent 45%
        ),
        linear-gradient(
            125deg,
            transparent 12%,
            rgba(255,255,255,.04) 25%,
            rgba(255,255,255,.24) 36%,
            rgba(255,255,255,.055) 46%,
            transparent 58%
        ),
        radial-gradient(
            ellipse at 105% 15%,
            rgba(255,255,255,.40),
            transparent 48%
        ) !important;
    opacity: .9 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    animation: none !important;
}
.reviews-grid .review-card::after {
    content: none !important;
    display: none !important;
    animation: none !important;
}
.reviews-grid .review-card > * {
    position: relative !important;
    z-index: 3 !important;
}
/* 
   ANATOMY — VEĆI PROIZVOD + TAČNE TAČKE
 */
.anatomy-product{
    width: 64% !important;
    height: 610px !important;
    left: 50% !important;
    top: 49% !important;
    transform:
        translate(-50%, -50%) !important;
}
.anatomy-image{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transform: scale(1.10) !important;
}
/* 
   01 — RFID / NFC MODUL
   tačka na modulu ispod poklopca
 */
.anatomy-callout-rfid{
    left: 0 !important;
    top: 16.5% !important;
}
.anatomy-line-rfid{
    transform:
        translateY(2px) !important;
}
/* 
   02 — LED SVETLO
   tačka unutra, u skrivenom prostoru
 */
.anatomy-callout-led{
    left: 0 !important;
    top: 48.5% !important;
}
/* 
   03 — SOFT CLOSE
   tačka na metalnom mehanizmu / šarki
 */
.anatomy-callout-soft{
    right: 0 !important;
    top: 34% !important;
}
/* 
   04 — ALCANTARA
   tačka na dnu unutrašnjeg skrivenog prostora
 */
.anatomy-callout-alcantara{
    right: 0 !important;
    top: 52.5% !important;
}
/* 
   05 — KONSTRUKCIJA / PLOČA
   tačka na samoj donjoj/drvenoj ploči
 */
.anatomy-callout-board{
    right: 0 !important;
    top: 76% !important;
}
/* 
   TAČKE MALO JASNIJE
 */
.anatomy-dot{
    width: 9px !important;
    height: 9px !important;
    background: #B47A45 !important;
    box-shadow:
        0 0 0 4px rgba(180,122,69,.13),
        0 0 14px rgba(180,122,69,.25) !important;
}
/* 
   FINALNO PODEŠAVANJE TAČAKA — 02 / 03 / 04
 */
/* 02 — SENZORSKO LED SVETLO
   tačka ide na BELU LED TRAKU sa desne unutrašnje strane */
.anatomy-callout-led{
    top: 45.5% !important;
}
.anatomy-line-led{
    transform: translateY(-1px) !important;
}
.anatomy-callout-led{
    width: 47.5% !important;
}
/* ---------------------------------------------------------
   03 — SOFT-CLOSE KLIZAČI
   tačka direktno na DESNI METALNI MEHANIZAM
--------------------------------------------------------- */
.anatomy-callout-soft{
    top: 36.7% !important;
    width: 34.2% !important;
}
/* ---------------------------------------------------------
   04 — PREMIUM ALCANTARA
   tačka ide UNUTAR CRNE MEKANE POVRŠINE,
   ne na prednju ivicu komode
--------------------------------------------------------- */
.anatomy-callout-alcantara{
    top: 46.7% !important;
    width: 42.5% !important;
}
/* 
   OSTALO NE DIRAJ
 */
.anatomy-callout-rfid{
    top: 16.5% !important;
}
.anatomy-callout-board{
    top: 76% !important;
}
/* 
   ANATOMY — FINALNI RASPORED 02 / 03 / 04
   prema nacrtanom screenshotu
 */
/* ---------------------------------------------------------
   02 — SENZORSKO LED SVETLO
   kartica LEVO, tačka na beloj LED traci
--------------------------------------------------------- */
.anatomy-callout-led{
    left: 0 !important;
    right: auto !important;
    top: 45% !important;
    width: auto !important;
}
.anatomy-callout-led .anatomy-line{
    flex: none !important;
    width: 345px !important;
}
/* ---------------------------------------------------------
   03 — SOFT-CLOSE KLIZAČI
   kartica GORE DESNO
--------------------------------------------------------- */
.anatomy-callout-soft{
    left: auto !important;
    right: 0 !important;
    top: 34.5% !important;
    width: auto !important;
}
.anatomy-callout-soft .anatomy-line{
    flex: none !important;
    width: 142px !important;
}
/* ---------------------------------------------------------
   04 — PREMIUM ALCANTARA
   kartica ISPOD soft-close
--------------------------------------------------------- */
.anatomy-callout-alcantara{
    left: auto !important;
    right: 0 !important;
    top: 46.5% !important;
    width: auto !important;
}
.anatomy-callout-alcantara .anatomy-line{
    flex: none !important;
    width: 170px !important;
}
/* ---------------------------------------------------------
   TAČKICE — preciznije i manje
--------------------------------------------------------- */
.anatomy-callout-led .anatomy-dot,
.anatomy-callout-soft .anatomy-dot,
.anatomy-callout-alcantara .anatomy-dot{
    width: 8px !important;
    height: 8px !important;
    background: #B47A45 !important;
    box-shadow:
        0 0 0 4px rgba(180,122,69,.10),
        0 0 10px rgba(180,122,69,.18) !important;
}
/* ---------------------------------------------------------
   SITNA VERTIKALNA KOREKCIJA LINIJA
--------------------------------------------------------- */
.anatomy-line-led{
    transform: translateY(-1px) !important;
}
.anatomy-line-soft{
    transform: translateY(1px) !important;
}
.anatomy-line-alcantara{
    transform: translateY(0) !important;
}
/* ---------------------------------------------------------
   RFID I KONSTRUKCIJU NE DIRAMO
--------------------------------------------------------- */
.anatomy-callout-rfid{
    left: 0 !important;
}
.anatomy-callout-board{
    right: 0 !important;
}
/* 
   ANATOMY — FINALNE POZICIJE 02 / 03 / 04
   prema tvom nacrtanom screenshotu
 */
/* 
   02 — SENZORSKO LED SVETLO
   TAČKA: BELA LED TRAKA SA DESNE STRANE UNUTRA
 */
.anatomy-callout-led {
    left: 0 !important;
    right: auto !important;
    top: 44.5% !important;
    width: 67.5% !important;
}
.anatomy-callout-led .anatomy-line {
    flex: 1 !important;
    width: auto !important;
}
.anatomy-callout-led .anatomy-dot {
    right: -4px !important;
    left: auto !important;
}
/* 
   03 — SOFT-CLOSE KLIZAČI
   TAČKA: LEVI SIVI AMORTIZER / SOFT-CLOSE MEHANIZAM
 */
.anatomy-callout-soft {
    left: auto !important;
    right: 0 !important;
    top: 35.8% !important;
    /*
       linija mora mnogo više ulevo,
       jer cilj nije desna šarka nego levi amortizer
    */
    width: 64% !important;
}
.anatomy-callout-soft .anatomy-line {
    flex: 1 !important;
    width: auto !important;
}
.anatomy-callout-soft .anatomy-dot {
    left: -4px !important;
    right: auto !important;
}
/* 
   04 — PREMIUM ALCANTARA
   TAČKA: CRNA MEKANA PODLOGA UNUTAR PROSTORA
 */
.anatomy-callout-alcantara {
    left: auto !important;
    right: 0 !important;
    top: 47% !important;
    width: 45% !important;
}
.anatomy-callout-alcantara .anatomy-line {
    flex: 1 !important;
    width: auto !important;
}
.anatomy-callout-alcantara .anatomy-dot {
    left: -4px !important;
    right: auto !important;
}
/* 
   SAME TAČKICE — ČISTE I PRECIZNE
 */
.anatomy-callout-led .anatomy-dot,
.anatomy-callout-soft .anatomy-dot,
.anatomy-callout-alcantara .anatomy-dot {
    width: 8px !important;
    height: 8px !important;
    background: #B47A45 !important;
    border-radius: 50% !important;
    box-shadow:
        0 0 0 3px rgba(180,122,69,.12),
        0 0 9px rgba(180,122,69,.22) !important;
}
.anatomy-line-led,
.anatomy-line-soft,
.anatomy-line-alcantara {
    transform: none !important;
}
/* 
   HOW IT WORKS — FINAL GLASS + SEQUENTIAL DROP ANIMATION
 */
/* 
   KARTICE — PRAVI GLASS
 */
.how-step{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.16) 0%,
            rgba(255,255,255,.045) 42%,
            rgba(255,255,255,.09) 100%
        ) !important;
    backdrop-filter:
        blur(30px)
        saturate(165%)
        brightness(1.04) !important;
    -webkit-backdrop-filter:
        blur(30px)
        saturate(165%)
        brightness(1.04) !important;
    border:
        1px solid rgba(255,255,255,.80) !important;
    border-radius:
        22px !important;
    box-shadow:
        inset 0 1.5px 0 rgba(255,255,255,.95),
        inset 1px 0 0 rgba(255,255,255,.40),
        inset 0 -1px 0 rgba(180,122,69,.07),
        0 18px 45px rgba(60,45,30,.06) !important;
    opacity:0;
    transform:
        translateY(-70px)
        scale(.965);
    transition:none !important;
}
.how-step::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.48) 0%,
            rgba(255,255,255,.12) 14%,
            rgba(255,255,255,.025) 34%,
            transparent 55%
        ),
        linear-gradient(
            125deg,
            transparent 15%,
            rgba(255,255,255,.04) 28%,
            rgba(255,255,255,.18) 38%,
            rgba(255,255,255,.045) 48%,
            transparent 60%
        ),
        radial-gradient(
            ellipse at 105% 10%,
            rgba(255,255,255,.30),
            transparent 48%
        );
    pointer-events:none;
    z-index:0;
}
.how-step > *{
    position:relative;
    z-index:2;
}
/* 
   LINIJE — POČINJU PRAZNE
 */
.how-step-line{
    position:relative !important;
    overflow:visible !important;
}
.how-step-line span{
    position:relative !important;
    display:block !important;
    overflow:visible !important;
    background:
        rgba(180,122,69,.12) !important;
}
.how-step-line span::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0%;
    height:100%;
    background:
        linear-gradient(
            90deg,
            rgba(180,122,69,.25),
            #B47A45
        );
    border-radius:999px;
    box-shadow:
        0 0 10px
        rgba(180,122,69,.12);
}
.how-step-line span::after{
    opacity:0 !important;
    transition:none !important;
}
/* 
   KADA SEKCIJA POSTANE AKTIVNA
 */
.how-section.how-animate
.how-step:nth-of-type(1){
    animation:
        howCardDrop
        .70s
        cubic-bezier(.2,.78,.2,1)
        .05s
        forwards;
}
.how-section.how-animate
.how-step-line:nth-of-type(2)
span::before{
    animation:
        howLineFill
        .55s
        ease
        .60s
        forwards;
}
.how-section.how-animate
.how-step-line:nth-of-type(2)
span::after{
    animation:
        howDiamondAppear
        .2s
        ease
        1.10s
        forwards;
}
.how-section.how-animate
.how-step:nth-of-type(3){
    animation:
        howCardDrop
        .70s
        cubic-bezier(.2,.78,.2,1)
        1.10s
        forwards;
}
.how-section.how-animate
.how-step-line:nth-of-type(4)
span::before{
    animation:
        howLineFill
        .55s
        ease
        1.65s
        forwards;
}
.how-section.how-animate
.how-step-line:nth-of-type(4)
span::after{
    animation:
        howDiamondAppear
        .2s
        ease
        2.15s
        forwards;
}
.how-section.how-animate
.how-step:nth-of-type(5){
    animation:
        howCardDrop
        .70s
        cubic-bezier(.2,.78,.2,1)
        2.15s
        forwards;
}
.how-section.how-animate
.how-step-line:nth-of-type(6)
span::before{
    animation:
        howLineFill
        .55s
        ease
        2.70s
        forwards;
}
.how-section.how-animate
.how-step-line:nth-of-type(6)
span::after{
    animation:
        howDiamondAppear
        .2s
        ease
        3.20s
        forwards;
}
.how-section.how-animate
.how-step:nth-of-type(7){
    animation:
        howCardDrop
        .70s
        cubic-bezier(.2,.78,.2,1)
        3.20s
        forwards;
}
.how-section.how-animate
.how-step-line:nth-of-type(8)
span::before{
    animation:
        howLineFill
        .55s
        ease
        3.75s
        forwards;
}
.how-section.how-animate
.how-step-line:nth-of-type(8)
span::after{
    animation:
        howDiamondAppear
        .2s
        ease
        4.25s
        forwards;
}
.how-section.how-animate
.how-step:nth-of-type(9){
    animation:
        howCardDrop
        .70s
        cubic-bezier(.2,.78,.2,1)
        4.25s
        forwards;
}
/* 
   ANIMACIJE
 */
@keyframes howCardDrop{
    0%{
        opacity:0;
        transform:
            translateY(-70px)
            scale(.965);
    }
    65%{
        opacity:1;
        transform:
            translateY(7px)
            scale(1.006);
    }
    100%{
        opacity:1;
        transform:
            translateY(0)
            scale(1);
    }
}
@keyframes howLineFill{
    from{
        width:0%;
    }
    to{
        width:100%;
    }
}
@keyframes howDiamondAppear{
    from{
        opacity:0;
        transform:
            translate(50%,-50%)
            rotate(45deg)
            scale(.5);
    }
    to{
        opacity:1;
        transform:
            translate(50%,-50%)
            rotate(45deg)
            scale(1);
    }
}
/* 
   MOBILE — VERTIKALNA LINIJA SE PUNI NADOLE
 */
@media(max-width:800px){
    .how-step{
        transform:
            translateY(-40px)
            scale(.98);
    }
    .how-step-line span::before{
        width:100%;
        height:0%;
    }
    @keyframes howLineFill{
        from{
            height:0%;
        }
        to{
            height:100%;
        }
    }
    @keyframes howDiamondAppear{
        from{
            opacity:0;
            transform:
                translate(50%,50%)
                rotate(45deg)
                scale(.5);
        }
        to{
            opacity:1;
            transform:
                translate(50%,50%)
                rotate(45deg)
                scale(1);
        }
    }
}
/* 
   ACCESSIBILITY
 */
@media(prefers-reduced-motion:reduce){
    .how-step{
        opacity:1 !important;
        transform:none !important;
        animation:none !important;
    }
    .how-step-line span::before{
        width:100% !important;
        height:100% !important;
        animation:none !important;
    }
    .how-step-line span::after{
        opacity:1 !important;
        animation:none !important;
    }
}
/* 
   HOW IT WORKS — BRŽA ANIMACIJA
 */
.how-section.how-animate
.how-step:nth-of-type(1){
    animation-duration: .42s !important;
    animation-delay: .03s !important;
}
.how-section.how-animate
.how-step-line:nth-of-type(2)
span::before{
    animation-duration: .28s !important;
    animation-delay: .34s !important;
}
.how-section.how-animate
.how-step-line:nth-of-type(2)
span::after{
    animation-delay: .58s !important;
}
.how-section.how-animate
.how-step:nth-of-type(3){
    animation-duration: .42s !important;
    animation-delay: .58s !important;
}
.how-section.how-animate
.how-step-line:nth-of-type(4)
span::before{
    animation-duration: .28s !important;
    animation-delay: .90s !important;
}
.how-section.how-animate
.how-step-line:nth-of-type(4)
span::after{
    animation-delay: 1.14s !important;
}
.how-section.how-animate
.how-step:nth-of-type(5){
    animation-duration: .42s !important;
    animation-delay: 1.14s !important;
}
.how-section.how-animate
.how-step-line:nth-of-type(6)
span::before{
    animation-duration: .28s !important;
    animation-delay: 1.46s !important;
}
.how-section.how-animate
.how-step-line:nth-of-type(6)
span::after{
    animation-delay: 1.70s !important;
}
.how-section.how-animate
.how-step:nth-of-type(7){
    animation-duration: .42s !important;
    animation-delay: 1.70s !important;
}
.how-section.how-animate
.how-step-line:nth-of-type(8)
span::before{
    animation-duration: .28s !important;
    animation-delay: 2.02s !important;
}
.how-section.how-animate
.how-step-line:nth-of-type(8)
span::after{
    animation-delay: 2.26s !important;
}
.how-section.how-animate
.how-step:nth-of-type(9){
    animation-duration: .42s !important;
    animation-delay: 2.26s !important;
}
/* 
   REVIEWS — ISTA POZADINA KAO CEO SAJT
   potpuno bez prelaza između sekcija
 */
html body .reviews-section,
html body .reviews-section.section {
    background: #f5f2ec !important;
    background-color: #f5f2ec !important;
    background-image: none !important;
    box-shadow: none !important;
}
html body .reviews-section::before,
html body .reviews-section::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}
html body .reviews-section > .container {
    background: transparent !important;
    background-image: none !important;
}
html body .reviews-section .reviews-grid {
    background: transparent !important;
    background-image: none !important;
}
/* 
   FINAL BACKGROUND — TOPLA BELA
   Hero/Ponuda i Footer se NE DIRAJU
 */
html,
body {
    background-color: #FAF8F4 !important;
}
body section:not(.hero):not(.shop-hero):not(.site-footer):not(.premium-footer) {
    background: #FAF8F4 !important;
    background-color: #FAF8F4 !important;
    background-image: none !important;
}
.reviews-section,
.comparison-section,
.how-section,
.how-it-works,
.process-section,
.anatomy-section,
.product-section,
.product-story,
.features-section,
.features-strip,
.secret-section,
.materials-section,
.info-section,
.value-section,
.order-section,
.faq-section,
.details-section {
    background: #FAF8F4 !important;
    background-color: #FAF8F4 !important;
    background-image: none !important;
}
.reviews-section::before,
.reviews-section::after,
.comparison-section::before,
.comparison-section::after,
.how-section::before,
.how-section::after,
.anatomy-section::before,
.anatomy-section::after,
.product-section::before,
.product-section::after,
.faq-section::before,
.faq-section::after {
    background-image: none !important;
}
body section > .container {
    background-color: transparent !important;
}
/* 
   HERO / PONUDA — OSTAVLJAMO POSTOJEĆU POZADINU
 */
.hero,
.shop-hero {
}
/* 
   FOOTER — OSTAVLJAMO POSTOJEĆU POZADINU
 */
.site-footer,
.premium-footer {
}
/* 
   FINAL BACKGROUND — KAO NA REFERENTNOJ SLICI
 */
html,
body {
    background-color: #FDFCFB !important;
}
body section:not(.hero):not(.shop-hero):not(.site-footer):not(.premium-footer) {
    background: #FDFCFB !important;
    background-color: #FDFCFB !important;
    background-image: none !important;
}
.reviews-section,
.comparison-section,
.how-section,
.how-it-works,
.process-section,
.anatomy-section,
.product-section,
.product-story,
.features-section,
.features-strip,
.secret-section,
.materials-section,
.info-section,
.value-section,
.order-section,
.faq-section,
.details-section {
    background: #FDFCFB !important;
    background-color: #FDFCFB !important;
    background-image: none !important;
}
.reviews-section::before,
.reviews-section::after,
.comparison-section::before,
.comparison-section::after,
.how-section::before,
.how-section::after,
.anatomy-section::before,
.anatomy-section::after,
.product-section::before,
.product-section::after,
.faq-section::before,
.faq-section::after {
    background-image: none !important;
}
body section > .container {
    background-color: transparent !important;
}
/* 
   HERO — DONJA LINIJA
 */
.hero,
.shop-hero {
    position: relative !important;
}
.hero::after,
.shop-hero::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background: rgba(25, 22, 18, 0.10) !important;
    pointer-events: none !important;
    z-index: 20 !important;
}
/* 
   PRODUCT / ANATOMY SEKCIJA — FINALNO PORAVNANJE
 */
.anatomy-section {
    padding-top: 70px !important;
    margin-top: 0 !important;
}
.anatomy-layout,
.anatomy-grid,
.anatomy-content {
    align-items: start !important;
}
.anatomy-info {
    align-self: start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: translateY(0) !important;
}
.anatomy-copy {
    align-self: start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: translateY(0) !important;
}
.anatomy-info .eyebrow,
.anatomy-copy .eyebrow {
    margin-top: 0 !important;
}
.anatomy-info h2,
.anatomy-copy h2 {
    margin-top: 20px !important;
}
/* 
   MATERIJALI — PODIGNI DESNU STRANU U RAVAN SA LEVOM
 */
.anatomy-info,
.anatomy-copy {
    transform: translateY(-105px) !important;
}
/* 
   LEVI NASLOV — SPUSTI CEO BLOK MALO DOLE
 */
.anatomy-visual-heading {
    transform: translateY(55px) !important;
}
/* 
   SMANJI RAZMAK: ANATOMY → POREĐENJE
 */
#anatomy {
    padding-bottom: 40px !important;
    margin-bottom: 0 !important;
}
.comparison-section {
    padding-top: 45px !important;
    margin-top: 0 !important;
}
/* 
   SMANJI RAZMAK PRE RECENZIJA
 */
.reviews-section {
    padding-top: 55px !important;
    margin-top: 0 !important;
}
.comparison-section {
    padding-bottom: 30px !important;
    margin-bottom: 0 !important;
}
/* 
   FINAL HERO / SHOP — BOTTOM LINE
 */
.signature-hero{
    position:relative !important;
    border-bottom:
        1px solid rgba(30,26,21,.13) !important;
}
/* 
   CONFIGURATOR — UPEČATLJIVIJI PREMIUM GLASS
 */
.signature-configurator{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.62) 0%,
            rgba(255,255,255,.28) 42%,
            rgba(255,248,240,.34) 72%,
            rgba(255,255,255,.52) 100%
        ) !important;
    border:
        1px solid rgba(255,255,255,.96) !important;
    border-radius:
        24px !important;
    backdrop-filter:
        blur(32px)
        saturate(165%) !important;
    -webkit-backdrop-filter:
        blur(32px)
        saturate(165%) !important;
    box-shadow:
        inset 0 1.5px 0
        rgba(255,255,255,1),
        inset 1px 0 0
        rgba(255,255,255,.60),
        inset 0 -1px 0
        rgba(180,122,69,.10),
        0 22px 55px
        rgba(62,46,30,.10),
        0 8px 24px
        rgba(180,122,69,.07)
        !important;
}
.signature-configurator::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:inherit !important;
    background:
        radial-gradient(
            ellipse at 20% -15%,
            rgba(255,255,255,.80),
            rgba(255,255,255,.16) 38%,
            transparent 64%
        ),
        linear-gradient(
            125deg,
            transparent 12%,
            rgba(255,255,255,.04) 27%,
            rgba(255,255,255,.24) 38%,
            rgba(255,255,255,.045) 50%,
            transparent 62%
        ) !important;
    pointer-events:none !important;
    z-index:0 !important;
}
.signature-configurator::after{
    content:none !important;
    display:none !important;
    animation:none !important;
}
.signature-configurator > *{
    position:relative !important;
    z-index:2 !important;
}
/* 
   BOJE — MALO PREMIUMIJE
 */
.signature-color{
    background:
        rgba(255,255,255,.34) !important;
    border:
        1px solid rgba(255,255,255,.72) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.85),
        0 5px 15px rgba(65,45,30,.035) !important;
    backdrop-filter:
        blur(12px) !important;
    -webkit-backdrop-filter:
        blur(12px) !important;
}
.signature-color.active{
    background:
        rgba(255,255,255,.68) !important;
    border-color:
        rgba(180,122,69,.50) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        0 8px 22px rgba(180,122,69,.09) !important;
}
/* 
   CENA — MNOGO UPEČATLJIVIJA
 */
.signature-price{
    padding:
        4px 10px !important;
}
.signature-price > span{
    margin-bottom:
        9px !important;
    color:
        rgba(24,23,20,.46) !important;
    font-size:
        8px !important;
    font-weight:
        700 !important;
    letter-spacing:
        .14em !important;
}
.signature-price strong{
    color:
        #171512 !important;
    font-size:
        38px !important;
    line-height:
        .92 !important;
    font-weight:
        700 !important;
    letter-spacing:
        -.055em !important;
    text-shadow:
        0 6px 20px rgba(35,27,18,.07);
}
.signature-price small{
    margin-bottom:
        3px !important;
    color:
        #B47A45 !important;
    font-size:
        9px !important;
    font-weight:
        600 !important;
}
/* 
   HERO — PRODUCT COUNTER 01 — 03
 */
.signature-counter {
    gap: 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: rgba(22, 20, 17, .72) !important;
    letter-spacing: .08em !important;
}
.signature-counter span {
    width: 42px !important;
    height: 1px !important;
    background: rgba(22, 20, 17, .32) !important;
}
.signature-counter strong {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #171512 !important;
}
.signature-counter small {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: rgba(22, 20, 17, .48) !important;
}
/* 
   SUCCESS ORDER — LIGHT THEME
    */
#orderSuccessView,
.order-success-view {
    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(190, 132, 65, 0.08),
            transparent 42%
        ),
        #fdfcf9 !important;
    color: #171512 !important;
    border-left: 1px solid rgba(35, 28, 20, 0.08) !important;
    box-shadow:
        -20px 0 60px rgba(40, 30, 18, 0.06) !important;
}
#orderSuccessView h1,
#orderSuccessView h2,
#orderSuccessView h3,
#orderSuccessView p,
#orderSuccessView span,
#orderSuccessView strong {
    color: #171512;
}
#orderSuccessView .eyebrow,
#orderSuccessView .success-eyebrow,
#orderSuccessView .checkout-eyebrow {
    color: #b77a38 !important;
}
#orderSuccessView .success-icon,
#orderSuccessView .success-check,
#orderSuccessView .order-success-icon {
    background:
        rgba(255, 255, 255, 0.48) !important;
    border:
        1px solid rgba(183, 122, 56, 0.42) !important;
    color: #b77a38 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 10px 35px rgba(183,122,56,.08) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
#orderSuccessView .success-description,
#orderSuccessView .success-text,
#orderSuccessView p {
    color: rgba(23, 21, 18, 0.58) !important;
}
/* 
   INFO — NAČIN PLAĆANJA / UKUPNO
    */
#orderSuccessView .success-details,
#orderSuccessView .success-info,
#orderSuccessView .order-summary {
    border-top:
        1px solid rgba(35, 28, 20, 0.10) !important;
    border-bottom:
        1px solid rgba(35, 28, 20, 0.10) !important;
    background: transparent !important;
}
#orderSuccessView .success-details > *,
#orderSuccessView .success-info > *,
#orderSuccessView .order-summary > * {
    border-color:
        rgba(35, 28, 20, 0.10) !important;
}
#orderSuccessView .success-details small,
#orderSuccessView .success-info small,
#orderSuccessView .order-summary small {
    color:
        rgba(23, 21, 18, 0.45) !important;
}
#orderSuccessView .success-details strong,
#orderSuccessView .success-info strong {
    color: #171512 !important;
}
#orderSuccessView #successTotalPrice {
    color: #b77a38 !important;
    font-weight: 700 !important;
}
#orderSuccessView .success-note,
#orderSuccessView .payment-note {
    color:
        rgba(23, 21, 18, 0.45) !important;
}
/* 
   NASTAVITE KUPOVINU
    */
#orderSuccessView button,
#orderSuccessView .success-button,
#orderSuccessView .continue-shopping {
    background:
        linear-gradient(
            135deg,
            #c9904c 0%,
            #e4b765 50%,
            #c58a43 100%
        ) !important;
    color: #17120c !important;
    border:
        1px solid rgba(157, 101, 40, 0.25) !important;
    box-shadow:
        0 10px 30px rgba(176, 116, 50, 0.15),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
}
/* 
   GLASS ODSJAJ NA CELOM PANELU
    */
#orderSuccessView::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.60) 0%,
            rgba(255,255,255,.10) 27%,
            transparent 48%
        );
    opacity: .55;
}
/* =========================================
   VEĆI CHAT PROZOR
   ========================================= */
.chat-window {
    width: 420px !important;
    height: 610px !important;
    max-height: calc(100vh - 120px) !important;
}
/* =========================================
   CHAT — VEĆI DESKTOP PROZOR
   ========================================= */
@media (min-width: 769px) {
    .chat-window {
        width: 480px !important;
        height: 720px !important;
        max-width: calc(100vw - 40px) !important;
        max-height: calc(100vh - 100px) !important;
        right: 28px !important;
        bottom: 85px !important;
    }
    .chat-messages {
        min-height: 0 !important;
        height: auto !important;
        flex: 1 1 auto !important;
        overflow-y: auto !important;
    }
}
/* 
   AI CHAT — VEĆI PROZOR NA DESKTOPU
 */
@media (min-width: 769px) {
    .ai-chat-window {
        width: 430px !important;
height: 590px !important;
        max-width: calc(100vw - 50px) !important;
        max-height: calc(100vh - 110px) !important;
        right: 24px !important;
        bottom: 88px !important;
        border-radius: 28px !important;
    }
    .ai-chat-messages {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
    }
    .ai-chat-header {
        min-height: 84px !important;
        padding: 18px 22px !important;
    }
    .ai-chat-input-wrap {
        min-height: 82px !important;
        padding: 14px 16px !important;
    }
}
/* =========================================
   KAKO FUNKCIONIŠE — BEZ ANIMACIJE
========================================= */
.how-step,
.how-it-works .step,
.process-step,
.process-card {
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
    animation: none !important;
    transition: none !important;
}
.how-it-works *,
.how-it-works-section *,
.process-section * {
    animation: none !important;
}
/* 
   ANATOMY — FINALNI RASPORED CALLOUT KARTICA
   01 RFID levo
   02 LED desno
   03 SOFT-CLOSE levo
   04 ALCANTARA desno
   05 KONSTRUKCIJA desno
 */
/* =========================
   01 — RFID / NFC
   LEVA STRANA
========================= */
.anatomy-callout-rfid{
    left: 0 !important;
    right: auto !important;
    top: 16.5% !important;
    width: 51% !important;
    flex-direction: row !important;
}
.anatomy-callout-rfid .anatomy-line{
    flex: 1 !important;
    width: auto !important;
}
.anatomy-callout-rfid .anatomy-dot{
    left: auto !important;
    right: -4px !important;
}
/* =========================
   02 — SENZORSKO LED SVETLO
   DESNA STRANA
========================= */
.anatomy-callout-led{
    left: auto !important;
    right: 0 !important;
    top: 43.5% !important;
    width: 42% !important;
    flex-direction: row-reverse !important;
}
.anatomy-callout-led .anatomy-line{
    flex: 1 !important;
    width: auto !important;
    background:
        linear-gradient(
            90deg,
            rgba(160,117,60,.68),
            rgba(160,117,60,.18)
        ) !important;
}
.anatomy-callout-led .anatomy-dot{
    left: -4px !important;
    right: auto !important;
}
/* =========================
   03 — SOFT-CLOSE KLIZAČI
   LEVA STRANA
========================= */
.anatomy-callout-soft{
    left: 0 !important;
    right: auto !important;
    top: 36.5% !important;
    width: 40% !important;
    flex-direction: row-reverse !important;
}
/*
HTML za soft-close ima:
LINIJA pa KARTICA.
row-reverse daje:
KARTICA pa LINIJA
što nam treba sa leve strane.
*/
.anatomy-callout-soft .anatomy-line{
    flex: 1 !important;
    width: auto !important;
    background:
        linear-gradient(
            90deg,
            rgba(160,117,60,.18),
            rgba(160,117,60,.68)
        ) !important;
}
.anatomy-callout-soft .anatomy-dot{
    left: auto !important;
    right: -4px !important;
}
/* =========================
   04 — PREMIUM ALCANTARA
   DESNA STRANA
========================= */
.anatomy-callout-alcantara{
    left: auto !important;
    right: 0 !important;
    top: 47% !important;
    width: 45% !important;
    flex-direction: row !important;
}
.anatomy-callout-alcantara .anatomy-line{
    flex: 1 !important;
    width: auto !important;
}
.anatomy-callout-alcantara .anatomy-dot{
    left: -4px !important;
    right: auto !important;
}
/* =========================
   05 — KAINDL KONSTRUKCIJA
   DESNA STRANA
========================= */
.anatomy-callout-board{
    left: auto !important;
    right: 0 !important;
    top: 76% !important;
    width: 39% !important;
    flex-direction: row !important;
}
.anatomy-callout-board .anatomy-line{
    flex: 1 !important;
    width: auto !important;
}
.anatomy-callout-board .anatomy-dot{
    left: -4px !important;
    right: auto !important;
}
/* =========================
   SVE TAČKICE
========================= */
.anatomy-callout .anatomy-dot{
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #B47A45 !important;
    box-shadow:
        0 0 0 3px rgba(180,122,69,.12),
        0 0 9px rgba(180,122,69,.22) !important;
}
.anatomy-line-rfid,
.anatomy-line-led,
.anatomy-line-soft,
.anatomy-line-alcantara,
.anatomy-line-board{
    transform: none !important;
}
/* 
   ANATOMY — RAZDVOJI KARTICE
 */
.anatomy-callout-rfid{
    top: 18% !important;
}
.anatomy-callout-soft{
    top: 38% !important;
}
.anatomy-callout-led{
    top: 42% !important;
}
.anatomy-callout-alcantara{
    top: 56% !important;
}
.anatomy-callout-board{
    top: 78% !important;
}
.anatomy-callout-copy{
    width: 175px !important;
    min-height: 84px !important;
    flex-shrink: 0 !important;
}
.anatomy-callout-led,
.anatomy-callout-alcantara{
    left: auto !important;
    right: 0 !important;
}
.anatomy-callout-soft{
    left: 0 !important;
    right: auto !important;
}
/* 
   ANATOMY — FINALNI RESET 02 / 03 / 04
   OVO MORA BITI POSLEDNJE U style.css
 */
/* 
   02 — SENZORSKO LED SVETLO
   KARTICA DESNO
   TAČKA NA LED SVETLU
 */
.anatomy-callout-led{
    left: auto !important;
    right: 0 !important;
    top: 42% !important;
    width: 46% !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
}
.anatomy-callout-led .anatomy-callout-copy{
    width: 175px !important;
    flex: 0 0 175px !important;
}
.anatomy-callout-led .anatomy-line{
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    margin: 0 !important;
    transform: translateY(4px) !important;
}
.anatomy-callout-led .anatomy-dot{
    left: -4px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/* 
   03 — SOFT-CLOSE KLIZAČI
   KARTICA LEVO
   TAČKA NA FIOCI / KLIZAČU
 */
.anatomy-callout-soft{
    left: 0 !important;
    right: auto !important;
    top: 38% !important;
    width: 47% !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
}
.anatomy-callout-soft .anatomy-callout-copy{
    width: 175px !important;
    flex: 0 0 175px !important;
}
.anatomy-callout-soft .anatomy-line{
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    margin: 0 !important;
    transform: translateY(8px) !important;
}
.anatomy-callout-soft .anatomy-dot{
    left: auto !important;
    right: -4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/* 
   04 — PREMIUM ALCANTARA
   KARTICA DESNO
   TAČKA NA CRNOJ UNUTRAŠNJOJ OBLOZI
 */
.anatomy-callout-alcantara{
    left: auto !important;
    right: 0 !important;
    top: 56% !important;
    width: 48% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}
.anatomy-callout-alcantara .anatomy-callout-copy{
    width: 175px !important;
    flex: 0 0 175px !important;
}
.anatomy-callout-alcantara .anatomy-line{
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    margin: 0 !important;
    transform: translateY(-7px) !important;
}
.anatomy-callout-alcantara .anatomy-dot{
    left: -4px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/* 
   ZAJEDNIČKE TAČKICE
 */
.anatomy-callout-led .anatomy-dot,
.anatomy-callout-soft .anatomy-dot,
.anatomy-callout-alcantara .anatomy-dot{
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #B47A45 !important;
    box-shadow:
        0 0 0 3px rgba(180,122,69,.10),
        0 0 8px rgba(180,122,69,.18) !important;
}
/* 
   ANATOMY — FINAL FIX 02 / 03 / 04
   POSLEDNJI BLOK U style.css
 */
/* ---------------------------------------------------------
   02 — LED
   kartica desno
   tačka na beloj vertikalnoj LED traci
--------------------------------------------------------- */
.anatomy-callout-led{
    left: auto !important;
    right: 0 !important;
    top: 42% !important;
    width: 35% !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
}
.anatomy-callout-led .anatomy-callout-copy{
    width: 175px !important;
    min-height: 84px !important;
    flex: 0 0 175px !important;
}
.anatomy-callout-led .anatomy-line{
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    margin: 0 !important;
    transform: translateY(9px) !important;
}
.anatomy-callout-led .anatomy-dot{
    position: absolute !important;
    left: -4px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/* ---------------------------------------------------------
   03 — SOFT CLOSE
   kartica levo
   tačka na GORNJU FIOKU
--------------------------------------------------------- */
.anatomy-callout-soft{
    left: 0 !important;
    right: auto !important;
    top: 48.5% !important;
    width: 47% !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
}
.anatomy-callout-soft .anatomy-callout-copy{
    width: 175px !important;
    min-height: 84px !important;
    flex: 0 0 175px !important;
}
.anatomy-callout-soft .anatomy-line{
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    margin: 0 !important;
    transform:
        translateY(28px) !important;
}
.anatomy-callout-soft .anatomy-dot{
    position: absolute !important;
    right: -4px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/* ---------------------------------------------------------
   04 — ALCANTARA
   kartica desno ispod LED
   tačka na crnu unutrašnju površinu
--------------------------------------------------------- */
.anatomy-callout-alcantara{
    left: auto !important;
    right: 0 !important;
    top: 57% !important;
    width: 47% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}
.anatomy-callout-alcantara .anatomy-callout-copy{
    width: 175px !important;
    min-height: 84px !important;
    flex: 0 0 175px !important;
}
.anatomy-callout-alcantara .anatomy-line{
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    margin: 0 !important;
    transform:
        translateY(-70px)
        rotate(-7deg) !important;
    transform-origin: right center !important;
}
.anatomy-callout-alcantara .anatomy-dot{
    position: absolute !important;
    left: -4px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/* ---------------------------------------------------------
   TAČKICE
--------------------------------------------------------- */
.anatomy-callout-led .anatomy-dot,
.anatomy-callout-soft .anatomy-dot,
.anatomy-callout-alcantara .anatomy-dot{
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #B47A45 !important;
    box-shadow:
        0 0 0 3px rgba(180,122,69,.12),
        0 0 9px rgba(180,122,69,.20) !important;
}
/* 
   SAMO FINA KOREKCIJA TAČAKA 02 I 04
   KARTICE SE NE POMERAJU
 */
/* 02 — LED SVETLO
   samo malo centriraj tačkicu na beloj traci */
.anatomy-callout-led .anatomy-line{
    transform: translateY(2px) !important;
}
.anatomy-callout-led .anatomy-dot{
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/* 04 — ALCANTARA
   tačka ide gore i unutra u gornji otvoreni deo */
.anatomy-callout-alcantara .anatomy-line{
    transform:
        translateY(-82px)
        rotate(-8deg) !important;
    transform-origin: right center !important;
}
.anatomy-callout-alcantara .anatomy-dot{
    top: 50% !important;
    transform: translateY(-50%) !important;
}
/* 
   04 — ALCANTARA
   SAMO LINIJA + TAČKA
   KARTICA OSTaje GDE JESTE
 */
.anatomy-callout-alcantara{
    position: absolute !important;
}
/* linija počinje tačno od leve strane kartice
   i ide ukoso gore-levo */
.anatomy-callout-alcantara .anatomy-line-alcantara{
    position: absolute !important;
    right: 175px !important;
    top: 50% !important;
    width: 205px !important;
    height: 1px !important;
    flex: none !important;
    margin: 0 !important;
    transform-origin: right center !important;
    transform:
        translateY(-1px)
        rotate(17deg) !important;
}
.anatomy-callout-alcantara .anatomy-dot{
    position: absolute !important;
    left: -4px !important;
    right: auto !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    background: #B47A45 !important;
}
.anatomy-callout-alcantara{
    left: auto !important;
    right: 0 !important;
}
/* =====================================================
   04 ALCANTARA — FINAL
   kartica DESNO + linija ka sredini alkantare
===================================================== */
.anatomy-callout-alcantara {
    left: auto !important;
    right: 0 !important;
    top: 57% !important;
    width: 47% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    transform: none !important;
}
.anatomy-callout-alcantara .anatomy-callout-copy {
    position: relative !important;
    width: 175px !important;
    min-width: 175px !important;
    flex: 0 0 175px !important;
    margin: 0 !important;
    transform: none !important;
    order: 2 !important;
}
.anatomy-callout-alcantara .anatomy-line,
.anatomy-callout-alcantara .anatomy-line-alcantara {
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    height: 1px !important;
    margin: 0 !important;
    order: 1 !important;
    transform-origin: right center !important;
    transform: translateY(-42px) rotate(-10deg) !important;
}
.anatomy-callout-alcantara .anatomy-dot {
    position: absolute !important;
    left: -4px !important;
    right: auto !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    background: #B47A45 !important;
}
/* 
   03 — SKLONI SAMO LINIJU I TAČKU
   KARTICA OSTaje GDE JESTE
 */
.anatomy-callout-soft .anatomy-line-soft{
    visibility: hidden !important;
}
/* 
   04 — NOVA LINIJA KA ALCANTARI
   KARTICA SE NE POMERA
 */
.anatomy-callout-alcantara .anatomy-line-alcantara{
    visibility: hidden !important;
}
.anatomy-callout-alcantara::before{
    content: "" !important;
    position: absolute !important;
    right: 175px !important;
    top: 50% !important;
    width: 205px !important;
    height: 1px !important;
    background:
        linear-gradient(
            90deg,
            rgba(180,122,69,.65),
            rgba(180,122,69,.18)
        ) !important;
    transform-origin: right center !important;
    transform: rotate(20deg) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}
.anatomy-callout-alcantara::after{
    content: "" !important;
    position: absolute !important;
    right: calc(175px + 205px - 4px) !important;
    top: calc(50% - 70px) !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #B47A45 !important;
    box-shadow:
        0 0 0 3px rgba(180,122,69,.12),
        0 0 9px rgba(180,122,69,.20) !important;
    pointer-events: none !important;
    z-index: 2 !important;
}
/* 
   FINAL FIX — SAMO 03 I 04
   KARTICE OSTAJU GDE JESU
 */
/* 
   03 — SOFT-CLOSE
   VRATI LINIJU OD KARTICE DO GORNJE FIOKE
 */
.anatomy-callout-soft .anatomy-line-soft{
    visibility: visible !important;
    display: block !important;
    position: relative !important;
    flex: 1 1 auto !important;
    width: auto !important;
    height: 1px !important;
    margin: 0 !important;
    transform: translateY(28px) !important;
    background:
        linear-gradient(
            90deg,
            rgba(180,122,69,.18),
            rgba(180,122,69,.68)
        ) !important;
}
.anatomy-callout-soft .anatomy-line-soft .anatomy-dot{
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    right: -4px !important;
    left: auto !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    background: #B47A45 !important;
}
/* 
   04 — ALCANTARA
   SKLONI POGREŠNU STARU LINIJU
 */
.anatomy-callout-alcantara .anatomy-line-alcantara{
    visibility: hidden !important;
}
/* 
   04 — NOVA LINIJA
   OD 04 KARTICE UKOSO GORE-LEVO
   DO SREDINE ALCANTARE
 */
.anatomy-callout-alcantara::before{
    content: "" !important;
    position: absolute !important;
    right: 175px !important;
    top: 34% !important;
    width: 215px !important;
    height: 1px !important;
    background:
        linear-gradient(
            90deg,
            rgba(180,122,69,.65),
            rgba(180,122,69,.22)
        ) !important;
    transform-origin: right center !important;
    transform: rotate(27deg) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}
.anatomy-callout-alcantara::after{
    content: "" !important;
    position: absolute !important;
    right: 365px !important;
    top: -35px !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #B47A45 !important;
    box-shadow:
        0 0 0 3px rgba(180,122,69,.12),
        0 0 9px rgba(180,122,69,.20) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}
/* 
   NAVBAR — SAMO SHOPPING BAG, BEZ OKVIRA
 */
.nav-cart-button{
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0 !important;
    padding: 8px !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
}
.nav-cart-button:hover,
.nav-cart-button:focus,
.nav-cart-button:active{
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.nav-cart-button svg{
    width: 21px !important;
    height: 21px !important;
    stroke-width: 1.5 !important;
}
/* 
   CONFIGURATOR — PRAVI PREMIUM LIQUID GLASS
   BOJE + CENA + DUGME OSTAJU ISTI
 */
.signature-configurator{
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.34) 0%,
            rgba(255,255,255,.11) 32%,
            rgba(255,248,240,.10) 62%,
            rgba(255,255,255,.25) 100%
        ) !important;
    border:
        1px solid rgba(255,255,255,.82) !important;
    border-radius: 26px !important;
    backdrop-filter:
        blur(30px)
        saturate(165%)
        brightness(1.04) !important;
    -webkit-backdrop-filter:
        blur(30px)
        saturate(165%)
        brightness(1.04) !important;
    box-shadow:
        inset 0 1.5px 0 rgba(255,255,255,.98),
        inset 1px 0 0 rgba(255,255,255,.42),
        inset -1px 0 0 rgba(255,255,255,.20),
        inset 0 -1px 0 rgba(180,122,69,.07),
        0 22px 55px rgba(65,50,32,.08),
        0 6px 18px rgba(180,122,69,.035) !important;
}
.signature-configurator::before{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.52) 0%,
            rgba(255,255,255,.15) 10%,
            rgba(255,255,255,.025) 30%,
            transparent 50%
        ),
        radial-gradient(
            ellipse at 18% 0%,
            rgba(255,255,255,.42),
            transparent 42%
        ) !important;
    opacity: .82 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
.signature-configurator::after{
    content: "" !important;
    position: absolute !important;
    width: 36% !important;
    height: 190% !important;
    left: -15% !important;
    top: -70% !important;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.25),
            transparent
        ) !important;
    transform: rotate(18deg) !important;
    opacity: .48 !important;
    animation: none !important;
    pointer-events: none !important;
    z-index: 1 !important;
}
.signature-configurator > *{
    position: relative !important;
    z-index: 3 !important;
}
/* 
   BOJE I DIMENZIJE — JOŠ STAKLENIJE
 */
.signature-color,
.signature-dimensions-button{
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.35),
            rgba(255,255,255,.13)
        ) !important;
    border:
        1px solid rgba(255,255,255,.68) !important;
    backdrop-filter:
        blur(14px)
        saturate(140%) !important;
    -webkit-backdrop-filter:
        blur(14px)
        saturate(140%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        0 6px 18px rgba(50,40,30,.03) !important;
}
.signature-color.active{
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.58),
            rgba(255,255,255,.22)
        ) !important;
    border:
        1px solid rgba(180,122,69,.42) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        0 8px 22px rgba(180,122,69,.07) !important;
}
/* =========================================
   NAVBAR KORPA — VRATI CRNI SIMBOL
========================================= */
.nav-cart-button{
    color: #111 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.nav-cart-button svg{
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    color: #111 !important;
    stroke: #111 !important;
    fill: none !important;
    opacity: 1 !important;
}
.nav-cart-button svg path,
.nav-cart-button svg rect,
.nav-cart-button svg line,
.nav-cart-button svg polyline{
    stroke: #111 !important;
    opacity: 1 !important;
}
/* =========================================
   NAVBAR KORPA — SAMO JEDNA IKONICA
========================================= */
.nav-cart-button::before,
.nav-cart-button::after{
    content: none !important;
    display: none !important;
}
.nav-cart-button > svg{
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    stroke: #111 !important;
    fill: none !important;
    opacity: 1 !important;
}
.nav-cart-button > i{
    display: none !important;
}
.nav-cart-button{
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 8px !important;
}
/* 
   CONFIGURATOR — EXTRA LIQUID GLASS
   BOJE + DIMENZIJE + CENA + DODAJ U KORPU
 */
.signature-configurator{
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.30) 0%,
            rgba(255,255,255,.10) 24%,
            rgba(255,255,255,.045) 48%,
            rgba(255,255,255,.08) 72%,
            rgba(255,255,255,.25) 100%
        ) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    backdrop-filter:
        blur(30px)
        saturate(185%)
        brightness(1.08)
        contrast(.98) !important;
    -webkit-backdrop-filter:
        blur(30px)
        saturate(185%)
        brightness(1.08)
        contrast(.98) !important;
    border-radius: 28px !important;
    box-shadow:
        0 25px 70px rgba(55,42,25,.10),
        0 8px 25px rgba(55,42,25,.05),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 1px 0 0 rgba(255,255,255,.70),
        inset 0 -1px 0 rgba(255,255,255,.38),
        inset 0 0 35px rgba(255,255,255,.10) !important;
}
/* 
   LIQUID REFLECTION PREKO STAKLA
 */
.signature-configurator::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    z-index:0 !important;
    background:
        radial-gradient(
            ellipse at 15% 0%,
            rgba(255,255,255,.75) 0%,
            rgba(255,255,255,.22) 20%,
            transparent 46%
        ),
        radial-gradient(
            ellipse at 82% 100%,
            rgba(255,255,255,.28) 0%,
            transparent 42%
        ) !important;
    opacity:.65 !important;
}
.signature-configurator::after{
    content:"" !important;
    position:absolute !important;
    top:1px !important;
    left:4% !important;
    right:4% !important;
    height:1px !important;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.95),
            transparent
        ) !important;
    opacity:.85 !important;
    pointer-events:none !important;
}
.signature-configurator > *{
    position:relative !important;
    z-index:2 !important;
}
/* 
   CONFIGURATOR BUTTONS — PREMIUM GLASS BORDER
 */
.signature-color-option,
.signature-color-btn,
.color-option,
.color-button,
.signature-dimensions-button,
.signature-dimension-button,
.dimension-button,
.dimensions-button {
    border: 1px solid rgba(180, 122, 69, .24) !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.32),
            rgba(255,255,255,.10)
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.85),
        0 5px 18px rgba(70,50,30,.035) !important;
    backdrop-filter: blur(12px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(140%) !important;
    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease !important;
}
.signature-color-option:hover,
.signature-color-btn:hover,
.color-option:hover,
.color-button:hover,
.signature-dimensions-button:hover,
.signature-dimension-button:hover,
.dimension-button:hover,
.dimensions-button:hover {
    border-color: rgba(180, 122, 69, .55) !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.45),
            rgba(255,255,255,.15)
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        0 7px 22px rgba(180,122,69,.08) !important;
}
.signature-color-option.active,
.signature-color-option.selected,
.color-option.active,
.color-option.selected {
    border-color: rgba(180, 122, 69, .75) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 0 0 1px rgba(180,122,69,.08),
        0 8px 22px rgba(180,122,69,.10) !important;
}
/* 
   BOJE — ELEGANTNIJI PREMIUM BORDER
 */
.signature-color-option,
.signature-color-btn,
.color-option,
.color-button {
    border: 1px solid rgba(174, 126, 82, 0.22) !important;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.48) 0%,
            rgba(255,255,255,0.18) 55%,
            rgba(255,248,240,0.12) 100%
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.95),
        inset 0 -1px 0 rgba(174,126,82,0.04),
        0 4px 16px rgba(55,40,25,0.035) !important;
    backdrop-filter: blur(16px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(145%) !important;
}
.signature-color-option:hover,
.signature-color-btn:hover,
.color-option:hover,
.color-button:hover {
    border-color: rgba(174,126,82,0.42) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        0 0 0 1px rgba(174,126,82,0.035),
        0 6px 20px rgba(90,60,35,0.055) !important;
}
.signature-color-option.active,
.signature-color-option.selected,
.signature-color-btn.active,
.color-option.active,
.color-option.selected,
.color-button.active {
    border: 1px solid rgba(174,126,82,0.72) !important;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.62),
            rgba(250,240,228,0.22)
        ) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        0 0 0 1px rgba(174,126,82,0.08),
        0 7px 22px rgba(174,126,82,0.08) !important;
}
#offerMainImage{
    opacity: 1;
    transition: opacity .22s ease !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    position: relative !important;
    z-index: 2 !important;
}
.signature-product{
    overflow: hidden !important;
}
/* 
   SEFKOMODA — SVE BOJE ISTA VELIČINA SLIKE
 */
#offerMainImage {
    width: 100% !important;
    height: 520px !important;
    max-width: 620px !important;
    max-height: 520px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 auto !important;
}
.signature-product {
    height: 560px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}
/* 
   POREĐENJE — LIQUID GLASS / BLUR GLASS
 */
.comparison-table,
.comparison-card,
.comparison-grid,
.comparison-wrap {
    position: relative !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.34),
            rgba(255,255,255,0.14)
        ) !important;
    backdrop-filter:
        blur(30px)
        saturate(170%) !important;
    -webkit-backdrop-filter:
        blur(30px)
        saturate(170%) !important;
    border:
        2px solid
        rgba(255,255,255,0.72) !important;
    border-radius:
        28px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.95),
        inset 0 -1px 0 rgba(255,255,255,0.22),
        0 18px 50px rgba(80,55,35,0.08),
        0 4px 14px rgba(80,55,35,0.04) !important;
    overflow:
        hidden !important;
}
.comparison-table::before,
.comparison-card::before,
.comparison-grid::before,
.comparison-wrap::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            125deg,
            rgba(255,255,255,0.55) 0%,
            rgba(255,255,255,0.16) 24%,
            transparent 48%,
            rgba(255,255,255,0.12) 72%,
            rgba(255,255,255,0.30) 100%
        ) !important;
    opacity:
        0.72 !important;
    z-index:
        0 !important;
}
.comparison-table > *,
.comparison-card > *,
.comparison-grid > *,
.comparison-wrap > * {
    position:
        relative !important;
    z-index:
        1 !important;
}
.comparison-table th,
.comparison-table td,
.comparison-grid > div,
.comparison-row,
.comparison-cell {
    background:
        rgba(255,255,255,0.07) !important;
    border-color:
        rgba(115,95,75,0.14) !important;
    backdrop-filter:
        blur(12px) !important;
    -webkit-backdrop-filter:
        blur(12px) !important;
}
.comparison-premium,
.comparison-table th:last-child,
.comparison-table td:last-child {
    background:
        linear-gradient(
            135deg,
            rgba(239,221,199,0.23),
            rgba(255,255,255,0.10)
        ) !important;
    backdrop-filter:
        blur(20px)
        saturate(150%) !important;
    -webkit-backdrop-filter:
        blur(20px)
        saturate(150%) !important;
}
.comparison-table tr,
.comparison-row {
    border-color:
        rgba(120,100,80,0.12) !important;
}
.comparison-table::after,
.comparison-card::after,
.comparison-grid::after,
.comparison-wrap::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 8% !important;
    width: 84% !important;
    height: 1px !important;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.95),
            transparent
        ) !important;
    pointer-events:
        none !important;
    z-index:
        2 !important;
}
/* 
   COMPARISON — ULTRA LIQUID GLASS
    */
.comparison-table,
.comparison-card,
.comparison-grid,
.comparison-wrap {
    position: relative !important;
    isolation: isolate !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.24) 0%,
            rgba(255,255,255,.09) 42%,
            rgba(255,255,255,.16) 100%
        ) !important;
    backdrop-filter:
        blur(48px)
        saturate(190%)
        brightness(1.08) !important;
    -webkit-backdrop-filter:
        blur(48px)
        saturate(190%)
        brightness(1.08) !important;
    border:
        2.5px solid
        rgba(255,255,255,.82) !important;
    border-radius: 32px !important;
    box-shadow:
        inset 0 2px 1px rgba(255,255,255,.95),
        inset 0 -2px 2px rgba(255,255,255,.30),
        inset 2px 0 2px rgba(255,255,255,.34),
        inset -2px 0 2px rgba(255,255,255,.20),
        0 0 0 1px rgba(255,255,255,.22),
        0 24px 65px rgba(70,50,30,.10),
        0 8px 25px rgba(70,50,30,.06) !important;
    overflow: hidden !important;
}
/* 
   REFLEKSIJA / LIQUID LIGHT
    */
.comparison-table::before,
.comparison-card::before,
.comparison-grid::before,
.comparison-wrap::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background:
        radial-gradient(
            ellipse at 12% 0%,
            rgba(255,255,255,.72) 0%,
            rgba(255,255,255,.24) 24%,
            transparent 48%
        ),
        radial-gradient(
            ellipse at 100% 35%,
            rgba(255,245,235,.35) 0%,
            transparent 45%
        ),
        linear-gradient(
            120deg,
            rgba(255,255,255,.40) 0%,
            rgba(255,255,255,.10) 28%,
            transparent 47%,
            rgba(255,255,255,.06) 70%,
            rgba(255,255,255,.20) 100%
        ) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
/* 
   DEBELA STAKLENA IVICA / REFRACTION
    */
.comparison-table::after,
.comparison-card::after,
.comparison-grid::after,
.comparison-wrap::after {
    content: "" !important;
    position: absolute !important;
    inset: 4px !important;
    border-radius: 27px !important;
    border:
        1px solid
        rgba(255,255,255,.55) !important;
    box-shadow:
        inset 0 1px 3px rgba(255,255,255,.75),
        inset 0 -1px 3px rgba(255,255,255,.18) !important;
    pointer-events: none !important;
    z-index: 3 !important;
}
/* 
   SADRŽAJ IZNAD STAKLA
    */
.comparison-table > *,
.comparison-card > *,
.comparison-grid > *,
.comparison-wrap > * {
    position: relative !important;
    z-index: 2 !important;
}
/* 
   ĆELIJE — NEMA BELIH PUNIH BLOKOVA
    */
.comparison-table th,
.comparison-table td,
.comparison-row,
.comparison-cell,
.comparison-grid > div {
    background:
        rgba(255,255,255,.025) !important;
    border-color:
        rgba(115,95,75,.12) !important;
    backdrop-filter:
        blur(8px) !important;
    -webkit-backdrop-filter:
        blur(8px) !important;
}
/* 
   PREMIUM DESNA KOLONA — GLASS, NE BEŽ BLOK
    */
.comparison-premium,
.comparison-table th:last-child,
.comparison-table td:last-child {
    background:
        linear-gradient(
            135deg,
            rgba(218,178,135,.12),
            rgba(255,255,255,.035)
        ) !important;
    backdrop-filter:
        blur(18px)
        saturate(150%) !important;
    -webkit-backdrop-filter:
        blur(18px)
        saturate(150%) !important;
}
.comparison-table tr,
.comparison-row {
    border-color:
        rgba(95,75,55,.11) !important;
}
/* 
   COMPARISON — FINAL ULTRA LIQUID GLASS OVERRIDE
 */
.comparison-section{
    position: relative !important;
    overflow: visible !important;
}
.comparison-section::before{
    content:"" !important;
    position:absolute !important;
    width:520px !important;
    height:520px !important;
    left:3% !important;
    top:28% !important;
    border-radius:50% !important;
    background:
        radial-gradient(
            circle,
            rgba(201,157,111,.34) 0%,
            rgba(201,157,111,.16) 38%,
            transparent 72%
        ) !important;
    filter:blur(55px) !important;
    z-index:0 !important;
    pointer-events:none !important;
}
.comparison-section::after{
    content:"" !important;
    position:absolute !important;
    width:620px !important;
    height:620px !important;
    right:-5% !important;
    bottom:0 !important;
    border-radius:50% !important;
    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.90) 0%,
            rgba(233,210,184,.28) 35%,
            transparent 72%
        ) !important;
    filter:blur(65px) !important;
    z-index:0 !important;
    pointer-events:none !important;
}
.comparison-section .container{
    position:relative !important;
    z-index:2 !important;
}
/* 
   GLAVNO STAKLO
 */
.comparison-table{
    position:relative !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.25) 0%,
            rgba(255,255,255,.07) 42%,
            rgba(255,255,255,.15) 100%
        ) !important;
    background-color:
        rgba(255,255,255,.09) !important;
    border:
        3px solid
        rgba(255,255,255,.86) !important;
    border-radius:
        34px !important;
    -webkit-backdrop-filter:
        blur(45px)
        saturate(190%)
        contrast(105%) !important;
    backdrop-filter:
        blur(45px)
        saturate(190%)
        contrast(105%) !important;
    box-shadow:
        inset 0 2px 1px rgba(255,255,255,.98),
        inset 0 -2px 2px rgba(255,255,255,.28),
        inset 2px 0 2px rgba(255,255,255,.40),
        inset -2px 0 2px rgba(255,255,255,.22),
        0 0 0 1px rgba(255,255,255,.26),
        0 24px 70px rgba(92,64,38,.10) !important;
    overflow:hidden !important;
    isolation:isolate !important;
}
/* 
   GORNJI REFLECTION
 */
.comparison-table::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    left:0 !important;
    top:0 !important;
    border-radius:inherit !important;
    background:
        radial-gradient(
            ellipse at 10% -5%,
            rgba(255,255,255,.95) 0%,
            rgba(255,255,255,.48) 15%,
            rgba(255,255,255,.10) 35%,
            transparent 58%
        ),
        linear-gradient(
            115deg,
            rgba(255,255,255,.34) 0%,
            rgba(255,255,255,.06) 32%,
            transparent 52%,
            rgba(255,255,255,.12) 100%
        ) !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    animation:none !important;
    z-index:0 !important;
    pointer-events:none !important;
}
/* 
   UNUTRAŠNJA STAKLENA IVICA
 */
.comparison-table::after{
    content:"" !important;
    position:absolute !important;
    inset:4px !important;
    width:auto !important;
    height:auto !important;
    left:4px !important;
    top:4px !important;
    border-radius:
        29px !important;
    border:
        1px solid
        rgba(255,255,255,.55) !important;
    background:
        transparent !important;
    box-shadow:
        inset 0 1px 3px rgba(255,255,255,.78),
        inset 0 -1px 3px rgba(255,255,255,.20) !important;
    transform:none !important;
    filter:none !important;
    animation:none !important;
    z-index:3 !important;
    pointer-events:none !important;
}
/* 
   REDOVI — TRANSPARENTNI
 */
.comparison-row{
    position:relative !important;
    z-index:2 !important;
    background:
        rgba(255,255,255,.018) !important;
    border-bottom:
        1px solid
        rgba(105,88,70,.12) !important;
}
.comparison-row:last-child{
    border-bottom:none !important;
}
/* 
   SVAKA ĆELIJA
 */
.comparison-row > div{
    background:
        transparent !important;
    border-color:
        rgba(105,88,70,.12) !important;
}
.comparison-row > div + div{
    border-left:
        1px solid
        rgba(105,88,70,.12) !important;
}
/* 
   PREMIUM KOLONA
 */
.comparison-row > :nth-child(3){
    background:
        linear-gradient(
            90deg,
            rgba(190,145,85,.03),
            rgba(190,145,85,.10)
        ) !important;
}
.comparison-header{
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.22),
            rgba(255,255,255,.05)
        ) !important;
}
.comparison-badge{
    background:
        rgba(255,255,255,.24) !important;
    border:
        1px solid
        rgba(180,122,69,.30) !important;
    -webkit-backdrop-filter:
        blur(18px)
        saturate(170%) !important;
    backdrop-filter:
        blur(18px)
        saturate(170%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.85) !important;
}
/* 
   REVIEWS — LIQUID GLASS CARDS
 */
.review-card {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.30) 0%,
            rgba(255,255,255,.10) 48%,
            rgba(255,255,255,.18) 100%
        ) !important;
    -webkit-backdrop-filter:
        blur(28px)
        saturate(170%) !important;
    backdrop-filter:
        blur(28px)
        saturate(170%) !important;
    border: 2.5px solid rgba(255,255,255,.92) !important;
    border-radius:
        24px !important;
    box-shadow:
        inset 0 1.5px 0 rgba(255,255,255,.98),
        inset 0 -1px 0 rgba(255,255,255,.28),
        inset 1px 0 0 rgba(255,255,255,.35),
        inset -1px 0 0 rgba(255,255,255,.22),
        0 14px 40px rgba(75,55,35,.07) !important;
}
/* 
   REFLEKSIJA NA STAKLU
 */
.review-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background:
        radial-gradient(
            ellipse at 10% 0%,
            rgba(255,255,255,.70) 0%,
            rgba(255,255,255,.20) 28%,
            transparent 55%
        ),
        linear-gradient(
            125deg,
            rgba(255,255,255,.22),
            transparent 42%,
            rgba(255,255,255,.08)
        ) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
/* 
   UNUTRAŠNJA GLASS IVICA
 */
.review-card::after {
    content: "" !important;
    position: absolute !important;
    inset: 3px !important;
    border:
        1px solid
        rgba(255,255,255,.38) !important;
    border-radius:
        20px !important;
    box-shadow:
        inset 0 1px 2px rgba(255,255,255,.65) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}
.review-card > * {
    position: relative !important;
    z-index: 2 !important;
}
.review-card {
    border: 3px solid rgba(255, 255, 255, 0.95) !important;
    box-shadow:
        inset 0 2px 2px rgba(255,255,255,1),
        inset 0 -2px 2px rgba(255,255,255,.40),
        inset 2px 0 2px rgba(255,255,255,.55),
        inset -2px 0 2px rgba(255,255,255,.35),
        0 0 0 1px rgba(180,150,115,.12),
        0 16px 42px rgba(70,50,30,.08) !important;
}
.review-card::after {
    inset: 4px !important;
    border: 1.5px solid rgba(255,255,255,.60) !important;
    box-shadow:
        inset 0 1px 3px rgba(255,255,255,.85) !important;
}
.review-card {
    border: 1px solid rgba(20, 20, 20, 0.22) !important;
}
/* 
   HOW IT WORKS — 07 GLASS TIMELINE — CLEAN FINAL
 */
.how-section {
    position: relative !important;
    overflow: hidden !important;
}
/* 
   TIMELINE WRAPPER
 */
.how-steps {
    position: relative !important;
    width: min(100%, 1250px) !important;
    margin: 58px auto 0 !important;
    padding: 0 25px !important;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    column-gap: 36px !important;
    row-gap: 0 !important;
    align-items: start !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* 
   PRAVA GLASS CEV IZA IKONICA
 */
.how-steps::before {
    content: "" !important;
    position: absolute !important;
    top: 23px !important;
    left: 7% !important;
    right: 7% !important;
    height: 30px !important;
    border-radius: 999px !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.58) 0%,
            rgba(255,255,255,.17) 48%,
            rgba(210,170,130,.10) 100%
        ) !important;
    border:
        1px solid rgba(255,255,255,.86) !important;
    backdrop-filter:
        blur(20px)
        saturate(170%) !important;
    -webkit-backdrop-filter:
        blur(20px)
        saturate(170%) !important;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.95),
        inset 0 -1px 1px rgba(178,120,70,.10),
        0 7px 20px rgba(90,60,35,.06) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}
.how-steps::after {
    content: "" !important;
    position: absolute !important;
    top: 37px !important;
    left: 8% !important;
    right: 8% !important;
    height: 1px !important;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(177,113,61,.55) 8%,
            rgba(177,113,61,.75) 50%,
            rgba(177,113,61,.55) 92%,
            transparent
        ) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}
/* 
   POTPUNO UKLANJAMO STARE POSEBNE LINIJE
 */
.how-step-line {
    display: none !important;
}
/* 
   SVAKI KORAK
 */
.how-step {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: none !important;
    animation: none !important;
}
.how-step::before,
.how-step::after {
    content: none !important;
    display: none !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
/* 
   GLASS KRUGOVI
 */
.how-step-icon {
    order: 1 !important;
    position: relative !important;
    z-index: 5 !important;
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    flex: 0 0 76px !important;
    margin: 0 auto !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.76) 0%,
            rgba(255,255,255,.29) 48%,
            rgba(236,220,202,.18) 100%
        ) !important;
    border:
        2px solid rgba(255,255,255,.96) !important;
    backdrop-filter:
        blur(26px)
        saturate(185%) !important;
    -webkit-backdrop-filter:
        blur(26px)
        saturate(185%) !important;
    box-shadow:
        inset 0 2px 1px rgba(255,255,255,1),
        inset 0 -2px 3px rgba(183,125,74,.08),
        0 0 0 1px rgba(180,125,80,.05),
        0 10px 28px rgba(84,56,32,.08),
        0 0 28px rgba(255,255,255,.75) !important;
}
.how-step-icon::before {
    content: "" !important;
    position: absolute !important;
    inset: 4px !important;
    border-radius: 50% !important;
    background:
        radial-gradient(
            circle at 28% 18%,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,.45) 20%,
            rgba(255,255,255,.08) 48%,
            transparent 68%
        ) !important;
    border:
        1px solid rgba(255,255,255,.46) !important;
    pointer-events: none !important;
}
.how-step-icon svg {
    position: relative !important;
    z-index: 5 !important;
    width: 21px !important;
    height: 21px !important;
    stroke: #ad7443 !important;
    stroke-width: 1.35 !important;
}
/* 
   BROJ 01 02 03...
 */
.how-step-number {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    margin: 11px 0 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    color: #ad7443 !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .09em !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
/* 
   NASLOVI
 */
.how-step h3 {
    order: 3 !important;
    width: 100% !important;
    max-width: 175px !important;
    margin: 13px auto 0 !important;
    padding: 0 !important;
    text-align: left !important;
    color: #171613 !important;
    font-family:
        "DM Sans",
        sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
    letter-spacing: -.012em !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
/* 
   OPISI
 */
.how-step p {
    order: 4 !important;
    width: 100% !important;
    max-width: 175px !important;
    margin: 9px auto 0 !important;
    padding: 0 !important;
    text-align: left !important;
    color:
        rgba(24,23,20,.48) !important;
    font-size: 9px !important;
    line-height: 1.55 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
/* 
   ISPRAVI GRID JER HTML IMA STEP-LINE IZMEĐU
 */
.how-step:nth-of-type(1) {
    grid-column: 1 !important;
}
.how-step:nth-of-type(3) {
    grid-column: 2 !important;
}
.how-step:nth-of-type(5) {
    grid-column: 3 !important;
}
.how-step:nth-of-type(7) {
    grid-column: 4 !important;
}
.how-step:nth-of-type(9) {
    grid-column: 5 !important;
}
/* 
   NEMA STAROG HOVERA
 */
.how-step:hover {
    transform: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.how-step:hover .how-step-icon {
    transform: none !important;
}
/* 
   MOBILE
 */
@media(max-width:800px){
    .how-steps {
        max-width: 410px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 35px !important;
        padding: 0 22px !important;
    }
    .how-steps::before,
    .how-steps::after {
        display: none !important;
    }
    .how-step {
        align-items: center !important;
    }
    .how-step h3,
    .how-step p {
        max-width: 260px !important;
        text-align: center !important;
    }
}
/* =========================================
   TIMELINE BROJEVI — ČIST RASPORED
========================================= */
.how-step-number {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    margin: 18px 0 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    color: #b47742 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.12em !important;
    background: transparent !important;
}
.how-step-number::before,
.how-step-number::after {
    content: none !important;
    display: none !important;
}
.how-step h3 {
    margin-top: 18px !important;
}
/* 
   HERO CONFIGURATOR — GLASS + UKLONI DUPLU GORNJU LINIJU
 */
.signature-configurator::after {
    content: none !important;
    display: none !important;
}
.signature-configurator {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.30) 0%,
            rgba(255,255,255,.08) 40%,
            rgba(255,248,240,.10) 70%,
            rgba(255,255,255,.22) 100%
        ) !important;
    border:
        1.5px solid rgba(255,255,255,.90) !important;
    border-radius:
        26px !important;
    backdrop-filter:
        blur(38px)
        saturate(180%)
        brightness(1.06) !important;
    -webkit-backdrop-filter:
        blur(38px)
        saturate(180%)
        brightness(1.06) !important;
    box-shadow:
        inset 0 1.5px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(255,255,255,.28),
        inset 1px 0 0 rgba(255,255,255,.35),
        inset -1px 0 0 rgba(255,255,255,.20),
        0 18px 50px rgba(70,50,30,.08),
        0 5px 16px rgba(70,50,30,.04) !important;
}
/* 
   LIQUID REFLECTION
 */
.signature-configurator::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background:
        radial-gradient(
            ellipse at 12% 0%,
            rgba(255,255,255,.72) 0%,
            rgba(255,255,255,.22) 28%,
            transparent 55%
        ),
        linear-gradient(
            120deg,
            rgba(255,255,255,.25),
            transparent 42%,
            rgba(255,255,255,.07)
        ) !important;
    opacity: .85 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
.signature-configurator > * {
    position: relative !important;
    z-index: 2 !important;
}
/* 
   HERO CONFIGURATOR — FINAL CLEAN GLASS
   SKLANJA DUPLU LINIJU
 */
html body .signature-configurator::before,
html body .signature-configurator::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    animation: none !important;
    filter: none !important;
}
/* 
   GLAVNA KARTICA — LIQUID GLASS
 */
html body .signature-shop-wrap .signature-configurator {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    background-color:
        rgba(255,255,255,0.10) !important;
    background-image:
        linear-gradient(
            120deg,
            rgba(255,255,255,0.36) 0%,
            rgba(255,255,255,0.12) 28%,
            rgba(255,255,255,0.055) 52%,
            rgba(255,255,255,0.10) 72%,
            rgba(255,255,255,0.26) 100%
        ) !important;
    -webkit-backdrop-filter:
        blur(42px)
        saturate(185%)
        brightness(1.06) !important;
    backdrop-filter:
        blur(42px)
        saturate(185%)
        brightness(1.06) !important;
    border:
        1.5px solid
        rgba(255,255,255,0.88) !important;
    border-top:
        1.5px solid
        rgba(255,255,255,0.96) !important;
    border-radius:
        26px !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.75),
        inset 1px 0 0 rgba(255,255,255,0.26),
        inset -1px 0 0 rgba(255,255,255,0.15),
        inset 0 -1px 0 rgba(255,255,255,0.18),
        0 20px 55px rgba(70,50,30,0.09),
        0 6px 18px rgba(70,50,30,0.035) !important;
}
html body .signature-shop-wrap .signature-configurator > * {
    position: relative !important;
    z-index: 2 !important;
}
/* 
   SKLONI EVENTUALNU LINIJU SA WRAPPERA I LABELA
 */
html body .signature-shop-wrap,
html body .signature-shop-label {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}
html body .signature-shop-wrap::before,
html body .signature-shop-wrap::after,
html body .signature-shop-label::before,
html body .signature-shop-label::after {
    content: none !important;
    display: none !important;
}
.signature-topline {
    border: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}
.signature-topline {
    border: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}
/* =========================================
   FINALNO SKLANJANJE LINIJE
========================================= */
html body .signature-hero {
    border-bottom: 0 !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
}
.shop-hero::after,
.hero::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
.signature-product::after {
    content: none !important;
    display: none !important;
    background: none !important;
    filter: none !important;
    box-shadow: none !important;
}
.signature-color {
    border: 1px solid rgba(150, 105, 65, 0.22) !important;
}
.signature-color:hover {
    border-color: rgba(150, 105, 65, 0.38) !important;
}
.signature-color.active {
    border-color: rgba(180, 122, 69, 0.55) !important;
    box-shadow:
        0 4px 14px rgba(90, 60, 35, 0.05),
        inset 0 1px 0 rgba(255,255,255,0.85) !important;
}
/* =========================================
   HERO — LINIJA SAMO NA SAMOM DNU SEKCIJE
========================================= */
html body .signature-hero {
    position: relative !important;
    border-bottom: 1px solid rgba(30, 26, 21, 0.13) !important;
}
html body .signature-shop-wrap,
html body .signature-shop-label {
    border-top: 0 !important;
    box-shadow: none !important;
}
/* =========================================
   SKLONI LINIJU IZMEĐU POREĐENJA I RECENZIJA
========================================= */
.comparison-section {
    border-bottom: none !important;
    box-shadow: none !important;
}
.reviews-section {
    border-top: none !important;
    box-shadow: none !important;
}
.comparison-section::after,
.reviews-section::before {
    content: none !important;
    display: none !important;
}
.anatomy-hotspot:nth-of-type(2) .anatomy-dot {
    left: auto !important;
    right: 0 !important;
}
/* 04 PREMIUM ALCANTARA
   tačka na kraju linije KOD KOMODE */
html body .anatomy-callout-alcantara .anatomy-line .anatomy-dot {
    left: -4px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.anatomy-callout-alcantara {
    position: absolute !important;
}
.anatomy-callout-alcantara .anatomy-callout-copy::before {
    content: "" !important;
    position: absolute !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #B47A45 !important;
    left: -218px !important;
    top: -79px !important;
    box-shadow:
        0 0 0 3px rgba(180,122,69,.12),
        0 0 9px rgba(180,122,69,.20) !important;
    z-index: 20 !important;
    pointer-events: none !important;
}
html body .anatomy-callout-alcantara::after {
    transform: translateY(-43px) !important;
}
.mobile-anatomy-overlay,
.mobile-anatomy-sheet {
    display: none;
}
.anatomy-callout-alcantara::before {
    display: none !important;
    content: none !important;
}
.anatomy-callout-alcantara::before {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    width: 240px !important;
    height: 1px !important;
    left: -60px !important;
    top: 10px !important;
    background: rgba(180, 122, 69, 0.65) !important;
    transform-origin: right center !important;
    transform: rotate(24deg) !important;
    pointer-events: none !important;
}
/* 
   REVIEWS — FINAL HIGH GLOSS GLASS
 */
html body .reviews-grid .review-card {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.52) 0%,
            rgba(255,255,255,.16) 34%,
            rgba(255,255,255,.08) 60%,
            rgba(255,255,255,.32) 100%
        ) !important;
    border: 1px solid rgba(255,255,255,.92) !important;
    backdrop-filter:
        blur(10px)
        saturate(135%)
        brightness(1.06) !important;
    -webkit-backdrop-filter:
        blur(10px)
        saturate(135%)
        brightness(1.06) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        inset 1px 0 0 rgba(255,255,255,.72),
        inset -1px 0 0 rgba(255,255,255,.42),
        inset 0 -1px 0 rgba(180,122,69,.15),
        0 0 0 1px rgba(180,122,69,.12),
        0 16px 45px rgba(72,52,32,.07),
        0 0 28px rgba(255,255,255,.45) !important;
}
/* 
   VELIKI SJAJNI ODSJAJ PO GORNJOJ POVRŠINI
 */
html body .reviews-grid .review-card::before {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    top: -1px !important;
    left: 3% !important;
    width: 94% !important;
    height: 48% !important;
    border-radius: 24px 24px 55% 55% !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.78) 0%,
            rgba(255,255,255,.30) 22%,
            rgba(255,255,255,.09) 58%,
            rgba(255,255,255,0) 100%
        ) !important;
    opacity: .72 !important;
    filter: blur(.3px) !important;
    pointer-events: none !important;
}
/* 
   OŠTRI DIJAGONALNI REFLECTION — SJAJ STAKLA
 */
html body .reviews-grid .review-card::after {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    top: -70% !important;
    left: -28% !important;
    width: 26% !important;
    height: 240% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.12) 20%,
            rgba(255,255,255,.80) 48%,
            rgba(255,255,255,.18) 72%,
            transparent 100%
        ) !important;
    transform: rotate(18deg) !important;
    filter: blur(5px) !important;
    opacity: .75 !important;
    pointer-events: none !important;
}
html body .reviews-grid .review-card > * {
    position: relative !important;
    z-index: 5 !important;
}
/* 
   REVIEWS — EXTRA THICK / POLISHED GLASS
 */
html body .reviews-grid .review-card {
    border: 1px solid rgba(255,255,255,.98) !important;
    background:
        linear-gradient(
            125deg,
            rgba(255,255,255,.68) 0%,
            rgba(255,255,255,.22) 18%,
            rgba(255,255,255,.08) 45%,
            rgba(255,255,255,.16) 72%,
            rgba(255,255,255,.48) 100%
        ) !important;
    box-shadow:
        inset 0 3px 2px rgba(255,255,255,1),
        inset 3px 0 3px rgba(255,255,255,.72),
        inset 0 -3px 3px rgba(180,122,69,.15),
        inset -2px 0 3px rgba(255,255,255,.42),
        inset 0 0 0 2px rgba(255,255,255,.22),
        0 18px 40px rgba(71,52,34,.09),
        0 0 22px rgba(255,255,255,.75),
        0 0 0 1px rgba(180,122,69,.13) !important;
}
/* 
   VELIKI MEKI ODSJAJ NA POVRŠINI
 */
html body .reviews-grid .review-card::before {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:1 !important;
    top:-8% !important;
    left:3% !important;
    width:94% !important;
    height:58% !important;
    border-radius:26px 26px 55% 55% !important;
    background:
        radial-gradient(
            ellipse at 35% 0%,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.62) 16%,
            rgba(255,255,255,.22) 42%,
            rgba(255,255,255,.06) 63%,
            transparent 76%
        ) !important;
    opacity:.88 !important;
    filter:blur(1px) !important;
    pointer-events:none !important;
}
/* 
   OŠTAR REFLECTION — KAO SVETLO PREKO POLIRANOG STAKLA
 */
html body .reviews-grid .review-card::after {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:2 !important;
    top:-85% !important;
    left:-18% !important;
    width:19% !important;
    height:280% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.08) 15%,
            rgba(255,255,255,.55) 36%,
            rgba(255,255,255,1) 50%,
            rgba(255,255,255,.52) 64%,
            rgba(255,255,255,.08) 84%,
            transparent 100%
        ) !important;
    transform:rotate(20deg) !important;
    filter:blur(3px) !important;
    opacity:.82 !important;
    pointer-events:none !important;
}
html body .reviews-grid .review-card > * {
    position:relative !important;
    z-index:5 !important;
}
/* 
   REVIEWS — SOAP BUBBLE GLASS
   sjajno, providno, iridescentno staklo
 */
html body .reviews-grid .review-card {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.42) 0%,
            rgba(255,255,255,.12) 30%,
            rgba(255,255,255,.06) 55%,
            rgba(255,255,255,.26) 100%
        ) !important;
    border: 1px solid rgba(255,255,255,.96) !important;
    backdrop-filter:
        blur(8px)
        saturate(155%)
        brightness(1.08) !important;
    -webkit-backdrop-filter:
        blur(8px)
        saturate(155%)
        brightness(1.08) !important;
    box-shadow:
        inset 0 2px 2px rgba(255,255,255,1),
        inset 2px 0 3px rgba(255,255,255,.68),
        inset -2px 0 3px rgba(255,255,255,.45),
        inset 0 -2px 3px rgba(255,255,255,.30),
        inset 0 0 14px rgba(255,190,230,.16),
        inset 8px 0 18px rgba(160,220,255,.11),
        inset -8px 0 18px rgba(255,220,150,.10),
        0 0 0 1px rgba(255,255,255,.26),
        0 14px 38px rgba(60,45,35,.07),
        0 0 24px rgba(255,255,255,.52) !important;
}
/* 
   VELIKI MEKI ODSJAJ — kao na površini balona
 */
html body .reviews-grid .review-card::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    top: -18% !important;
    left: -8% !important;
    width: 118% !important;
    height: 72% !important;
    border-radius: 50% !important;
    background:
        radial-gradient(
            ellipse at 28% 18%,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.62) 13%,
            rgba(220,240,255,.22) 28%,
            rgba(255,215,240,.14) 42%,
            rgba(255,240,185,.08) 54%,
            transparent 70%
        ) !important;
    filter: blur(2px) !important;
    opacity: .88 !important;
    pointer-events: none !important;
}
/* 
   IRIDESCENTNI ODSJAJ — soap bubble rainbow reflection
 */
html body .reviews-grid .review-card::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 2 !important;
    top: -55% !important;
    left: -30% !important;
    width: 52% !important;
    height: 220% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.08) 12%,
            rgba(255,185,220,.22) 24%,
            rgba(185,225,255,.28) 37%,
            rgba(255,255,255,.95) 50%,
            rgba(220,195,255,.25) 62%,
            rgba(255,225,165,.22) 74%,
            rgba(255,255,255,.08) 86%,
            transparent 100%
        ) !important;
    transform: rotate(20deg) !important;
    filter: blur(5px) !important;
    opacity: .78 !important;
    pointer-events: none !important;
}
html body .reviews-grid .review-card > * {
    position: relative !important;
    z-index: 5 !important;
}
/* 
   REVIEWS — CLEAN CRYSTAL GLASS REFLECTION
   bez roze/lila tonova
 */
html body .reviews-grid .review-card {
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.50) 0%,
            rgba(255,255,255,.16) 28%,
            rgba(245,250,255,.08) 52%,
            rgba(255,255,255,.22) 78%,
            rgba(255,255,255,.42) 100%
        ) !important;
    border: 1px solid rgba(255,255,255,.95) !important;
    box-shadow:
        inset 0 2px 2px rgba(255,255,255,1),
        inset 2px 0 3px rgba(255,255,255,.62),
        inset -2px 0 3px rgba(220,230,240,.30),
        inset 0 -2px 3px rgba(180,190,200,.16),
        inset 0 0 18px rgba(255,255,255,.18),
        0 0 0 1px rgba(180,190,200,.12),
        0 16px 38px rgba(50,55,60,.07),
        0 0 24px rgba(255,255,255,.48) !important;
}
html body .reviews-grid .review-card::before {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    top: -12% !important;
    left: 4% !important;
    width: 92% !important;
    height: 58% !important;
    border-radius: 28px 28px 55% 55% !important;
    background:
        radial-gradient(
            ellipse at 30% 0%,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.58) 15%,
            rgba(235,245,255,.20) 32%,
            rgba(255,255,255,.06) 55%,
            transparent 72%
        ) !important;
    opacity: .82 !important;
    filter: blur(1.5px) !important;
    pointer-events: none !important;
}
html body .reviews-grid .review-card::after {
    content: "" !important;
    position: absolute !important;
    z-index: 2 !important;
    top: -80% !important;
    left: -22% !important;
    width: 22% !important;
    height: 270% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.06) 16%,
            rgba(230,240,250,.22) 30%,
            rgba(255,255,255,.92) 48%,
            rgba(240,248,255,.35) 65%,
            rgba(255,255,255,.08) 82%,
            transparent 100%
        ) !important;
    transform: rotate(18deg) !important;
    filter: blur(4px) !important;
    opacity: .72 !important;
    pointer-events: none !important;
}
/* 
   REVIEWS — STRONG CRYSTAL GLASS
 */
html body .reviews-grid .review-card {
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.72) 0%,
            rgba(255,255,255,.24) 30%,
            rgba(230,240,248,.12) 55%,
            rgba(255,255,255,.38) 100%
        ) !important;
    border: 1.5px solid rgba(255,255,255,1) !important;
    box-shadow:
        inset 0 3px 2px rgba(255,255,255,1),
        inset 3px 0 4px rgba(255,255,255,.75),
        inset -3px 0 4px rgba(210,220,230,.28),
        inset 0 -3px 4px rgba(170,180,190,.18),
        inset 0 0 0 2px rgba(255,255,255,.20),
        0 0 0 1px rgba(170,180,190,.15),
        0 14px 32px rgba(50,55,60,.08),
        0 0 30px rgba(255,255,255,.75) !important;
}
html body .reviews-grid .review-card::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    top: -4% !important;
    left: 2% !important;
    width: 96% !important;
    height: 44% !important;
    border-radius: 28px 28px 50% 50% !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,.70) 18%,
            rgba(245,250,255,.30) 45%,
            rgba(255,255,255,0) 100%
        ) !important;
    opacity: .90 !important;
    filter: blur(.8px) !important;
    pointer-events: none !important;
}
html body .reviews-grid .review-card::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 2 !important;
    top: -60% !important;
    left: -12% !important;
    width: 18% !important;
    height: 230% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.25) 25%,
            rgba(255,255,255,1) 50%,
            rgba(230,240,250,.45) 70%,
            transparent 100%
        ) !important;
    transform: rotate(17deg) !important;
    filter: blur(2px) !important;
    opacity: .88 !important;
    pointer-events: none !important;
}
html body .reviews-grid .review-card {
    box-shadow:
        inset 0 3px 3px rgba(255,255,255,1),
        inset 3px 0 5px rgba(255,255,255,.85),
        inset -2px 0 4px rgba(255,255,255,.50),
        inset 0 -2px 4px rgba(255,255,255,.38),
        0 0 0 1px rgba(255,255,255,.85),
        0 0 12px rgba(255,255,255,.95),
        0 0 28px rgba(255,255,255,.65),
        0 18px 38px rgba(40,40,40,.07) !important;
}
html body .reviews-grid .review-card::before {
    box-shadow:
        inset 0 2px 1px rgba(255,255,255,1),
        0 -2px 12px rgba(255,255,255,.95) !important;
}
/* 
   COMPARISON TABLE — THICK CRYSTAL GLASS
 */
.comparison-table {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.68) 0%,
            rgba(255,255,255,.22) 30%,
            rgba(255,255,255,.10) 58%,
            rgba(255,255,255,.38) 100%
        ) !important;
    border: 1px solid rgba(255,255,255,.98) !important;
    backdrop-filter:
        blur(8px)
        saturate(140%)
        brightness(1.06) !important;
    -webkit-backdrop-filter:
        blur(8px)
        saturate(140%)
        brightness(1.06) !important;
    box-shadow:
        inset 0 3px 3px rgba(255,255,255,1),
        inset 3px 0 5px rgba(255,255,255,.85),
        inset -3px 0 5px rgba(255,255,255,.48),
        inset 0 -3px 4px rgba(255,255,255,.38),
        inset 0 0 0 2px rgba(255,255,255,.20),
        0 0 0 1px rgba(255,255,255,.72),
        0 0 14px rgba(255,255,255,.92),
        0 0 32px rgba(255,255,255,.58),
        0 18px 45px rgba(40,40,40,.07) !important;
}
.comparison-table::before {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    top: -10% !important;
    left: 2% !important;
    width: 96% !important;
    height: 42% !important;
    border-radius: 30px 30px 55% 55% !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.58) 20%,
            rgba(255,255,255,.20) 48%,
            rgba(255,255,255,0) 100%
        ) !important;
    opacity: .72 !important;
    filter: blur(1px) !important;
    pointer-events: none !important;
}
.comparison-table::after {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    top: -80% !important;
    left: -8% !important;
    width: 13% !important;
    height: 270% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.10) 20%,
            rgba(255,255,255,.65) 40%,
            rgba(255,255,255,1) 50%,
            rgba(255,255,255,.55) 62%,
            rgba(255,255,255,.08) 82%,
            transparent 100%
        ) !important;
    transform: rotate(18deg) !important;
    filter: blur(3px) !important;
    opacity: .72 !important;
    pointer-events: none !important;
}
.comparison-table > * {
    position: relative !important;
    z-index: 3 !important;
}
.comparison-table {
    box-shadow:
        inset 0 4px 3px rgba(255,255,255,1),
        inset 4px 0 6px rgba(255,255,255,.92),
        inset -3px 0 5px rgba(255,255,255,.58),
        inset 0 -4px 5px rgba(255,255,255,.48),
        inset 0 0 0 2px rgba(255,255,255,.30),
        0 0 0 1px rgba(255,255,255,.90),
        0 0 16px rgba(255,255,255,1),
        0 0 38px rgba(255,255,255,.72),
        0 20px 48px rgba(40,40,40,.075) !important;
}
.comparison-table::before {
    opacity: .88 !important;
    box-shadow:
        inset 0 2px 2px rgba(255,255,255,1),
        0 -2px 16px rgba(255,255,255,.95) !important;
}
.comparison-table::after {
    opacity: .88 !important;
    filter: blur(2px) !important;
}
/* 
   COMPARISON — CLEAN GLASS, BLAŽI ODSJAJ
 */
html body .comparison-table {
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.60) 0%,
            rgba(255,255,255,.20) 34%,
            rgba(238,247,252,.10) 58%,
            rgba(255,255,255,.32) 100%
        ) !important;
    border: 1px solid rgba(170,185,195,.28) !important;
    outline: none !important;
    box-shadow:
        inset 0 2px 2px rgba(255,255,255,.96),
        inset 2px 0 3px rgba(255,255,255,.60),
        inset -2px 0 3px rgba(210,225,235,.20),
        inset 0 -2px 3px rgba(180,195,205,.14),
        0 0 0 1px rgba(255,255,255,.55),
        0 10px 30px rgba(55,65,70,.07),
        0 0 14px rgba(225,240,248,.20) !important;
}
html body .comparison-table::before {
    top: -10% !important;
    left: 3% !important;
    width: 94% !important;
    height: 38% !important;
    background:
        radial-gradient(
            ellipse at 30% 0%,
            rgba(255,255,255,.92) 0%,
            rgba(255,255,255,.38) 20%,
            rgba(235,245,250,.12) 45%,
            transparent 70%
        ) !important;
    opacity: .48 !important;
    filter: blur(2px) !important;
}
html body .comparison-table::after {
    top: -80% !important;
    left: -12% !important;
    width: 13% !important;
    height: 270% !important;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(230,242,248,.18),
            rgba(255,255,255,.65),
            rgba(225,240,248,.20),
            transparent
        ) !important;
    transform: rotate(17deg) !important;
    opacity: .40 !important;
    filter: blur(4px) !important;
}
/* 
   COMPARISON — EXTRA CRYSTAL REFRACTION
   samo dodatni sjaj, bez neon efekta
 */
html body .comparison-table {
    box-shadow:
        inset 0 3px 2px rgba(255,255,255,1),
        inset 3px 0 4px rgba(255,255,255,.72),
        inset -2px 0 4px rgba(225,240,248,.25),
        inset 0 -3px 4px rgba(190,205,215,.16),
        inset 0 0 0 1px rgba(255,255,255,.58),
        0 0 0 1px rgba(165,185,198,.24),
        0 0 10px rgba(255,255,255,.55),
        0 0 20px rgba(225,242,250,.18),
        0 14px 34px rgba(55,65,70,.075) !important;
}
html body .comparison-table::before {
    background:
        radial-gradient(
            ellipse at 22% 0%,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.48) 15%,
            rgba(232,247,253,.18) 30%,
            rgba(255,255,255,.07) 48%,
            transparent 67%
        ),
        radial-gradient(
            ellipse at 78% 5%,
            rgba(255,255,255,.55) 0%,
            rgba(225,242,250,.12) 30%,
            transparent 60%
        ) !important;
    opacity: .62 !important;
}
html body .comparison-table::after {
    width: 11% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(225,242,250,.08) 15%,
            rgba(255,255,255,.32) 32%,
            rgba(255,255,255,.92) 48%,
            rgba(255,255,255,.52) 56%,
            rgba(215,238,248,.16) 72%,
            transparent 100%
        ) !important;
    opacity: .55 !important;
    filter: blur(2.5px) !important;
}
html body .comparison-table::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 2 !important;
    top: -35px !important;
    left: 55px !important;
    width: 480px !important;
    height: 210px !important;
    border-radius: 50% !important;
    background:
        radial-gradient(
            ellipse at 35% 20%,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,.88) 10%,
            rgba(255,255,255,.48) 23%,
            rgba(245,252,255,.20) 40%,
            rgba(255,255,255,.07) 55%,
            transparent 72%
        ) !important;
    filter: blur(10px) !important;
    opacity: .78 !important;
    transform: rotate(-7deg) !important;
    pointer-events: none !important;
}
html body .comparison-table {
    background:
        radial-gradient(
            ellipse at 18% 8%,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,.72) 10%,
            rgba(255,255,255,.28) 24%,
            rgba(255,255,255,.08) 40%,
            transparent 58%
        ),
        linear-gradient(
            118deg,
            transparent 0%,
            transparent 22%,
            rgba(255,255,255,.10) 28%,
            rgba(255,255,255,.55) 32%,
            rgba(255,255,255,.92) 34%,
            rgba(255,255,255,.25) 37%,
            transparent 42%,
            transparent 100%
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,.58) 0%,
            rgba(255,255,255,.18) 38%,
            rgba(235,245,250,.10) 62%,
            rgba(255,255,255,.32) 100%
        ) !important;
}
/* 
   ANATOMY CALLOUT CARDS — CRYSTAL GLASS
   NE MENJA POZICIJE
 */
.anatomy-callout-copy {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        radial-gradient(
            ellipse at 20% 0%,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.52) 13%,
            rgba(255,255,255,.16) 30%,
            transparent 52%
        ),
        linear-gradient(
            120deg,
            rgba(255,255,255,.58) 0%,
            rgba(255,255,255,.18) 34%,
            rgba(232,245,252,.10) 60%,
            rgba(255,255,255,.36) 100%
        ) !important;
    border: 1px solid rgba(170,188,200,.30) !important;
    backdrop-filter:
        blur(9px)
        saturate(145%)
        brightness(1.06) !important;
    -webkit-backdrop-filter:
        blur(9px)
        saturate(145%)
        brightness(1.06) !important;
    box-shadow:
        inset 0 2px 2px rgba(255,255,255,1),
        inset 2px 0 3px rgba(255,255,255,.75),
        inset -2px 0 3px rgba(220,238,248,.25),
        inset 0 -2px 3px rgba(180,200,212,.14),
        inset 0 0 0 1px rgba(255,255,255,.45),
        0 0 0 1px rgba(255,255,255,.60),
        0 0 10px rgba(255,255,255,.62),
        0 0 18px rgba(225,242,250,.18),
        0 12px 28px rgba(55,65,70,.07) !important;
}
.anatomy-callout-copy::before {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    top: -20px !important;
    left: 8px !important;
    width: 72% !important;
    height: 58px !important;
    border-radius: 50% !important;
    background:
        radial-gradient(
            ellipse,
            rgba(255,255,255,.95) 0%,
            rgba(255,255,255,.48) 28%,
            rgba(235,247,253,.15) 52%,
            transparent 72%
        ) !important;
    filter: blur(5px) !important;
    opacity: .72 !important;
    pointer-events: none !important;
}
.anatomy-callout-copy > * {
    position: relative !important;
    z-index: 3 !important;
}
/* 
   ANATOMY CALLOUT CARDS — CRYSTAL GLASS
   NE MENJA POZICIJE
 */
.anatomy-callout-copy {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        radial-gradient(
            ellipse at 20% 0%,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.52) 13%,
            rgba(255,255,255,.16) 30%,
            transparent 52%
        ),
        linear-gradient(
            120deg,
            rgba(255,255,255,.58) 0%,
            rgba(255,255,255,.18) 34%,
            rgba(232,245,252,.10) 60%,
            rgba(255,255,255,.36) 100%
        ) !important;
    border: 1px solid rgba(170,188,200,.30) !important;
    backdrop-filter:
        blur(9px)
        saturate(145%)
        brightness(1.06) !important;
    -webkit-backdrop-filter:
        blur(9px)
        saturate(145%)
        brightness(1.06) !important;
    box-shadow:
        inset 0 2px 2px rgba(255,255,255,1),
        inset 2px 0 3px rgba(255,255,255,.75),
        inset -2px 0 3px rgba(220,238,248,.25),
        inset 0 -2px 3px rgba(180,200,212,.14),
        inset 0 0 0 1px rgba(255,255,255,.45),
        0 0 0 1px rgba(255,255,255,.60),
        0 0 10px rgba(255,255,255,.62),
        0 0 18px rgba(225,242,250,.18),
        0 12px 28px rgba(55,65,70,.07) !important;
}
.anatomy-callout-copy::before {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    top: -20px !important;
    left: 8px !important;
    width: 72% !important;
    height: 58px !important;
    border-radius: 50% !important;
    background:
        radial-gradient(
            ellipse,
            rgba(255,255,255,.95) 0%,
            rgba(255,255,255,.48) 28%,
            rgba(235,247,253,.15) 52%,
            transparent 72%
        ) !important;
    filter: blur(5px) !important;
    opacity: .72 !important;
    pointer-events: none !important;
}
.anatomy-callout-copy > * {
    position: relative !important;
    z-index: 3 !important;
}
/* 
   ANATOMY KARTICE — EXTRA CRYSTAL SJAJ
   NE MENJA POZICIJU NI VELIČINU
 */
.anatomy-callout-copy {
    box-shadow:
        inset 0 3px 2px rgba(255,255,255,1),
        inset 3px 0 4px rgba(255,255,255,.82),
        inset -2px 0 4px rgba(220,238,248,.30),
        inset 0 -2px 3px rgba(190,205,215,.16),
        0 0 0 1px rgba(255,255,255,.82),
        0 0 9px rgba(255,255,255,.85),
        0 0 18px rgba(255,255,255,.42),
        0 0 24px rgba(220,240,250,.14),
        0 12px 28px rgba(45,55,60,.07) !important;
}
.anatomy-callout-copy::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    top: -16px !important;
    left: 10px !important;
    width: 78% !important;
    height: 52px !important;
    border-radius: 50% !important;
    background:
        radial-gradient(
            ellipse at 30% 25%,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,.78) 12%,
            rgba(255,255,255,.34) 30%,
            rgba(232,246,252,.14) 48%,
            transparent 70%
        ) !important;
    filter: blur(4px) !important;
    opacity: .88 !important;
    pointer-events: none !important;
}
.anatomy-callout-copy > * {
    position: relative !important;
    z-index: 5 !important;
}
/* 
   ANATOMY KARTICE — KRISTALNO PRELAMANJE SVETLOSTI
 */
.anatomy-callout-copy::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 2 !important;
    top: -65% !important;
    left: 12% !important;
    width: 18% !important;
    height: 230% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.08) 15%,
            rgba(235,248,255,.28) 30%,
            rgba(255,255,255,.92) 48%,
            rgba(255,255,255,.58) 55%,
            rgba(220,240,250,.18) 72%,
            transparent 100%
        ) !important;
    transform: rotate(22deg) !important;
    transform-origin: center !important;
    filter: blur(2px) !important;
    opacity: .72 !important;
    pointer-events: none !important;
}
.anatomy-callout-copy {
    background:
        linear-gradient(
            165deg,
            rgba(255,255,255,.55) 0%,
            rgba(255,255,255,.18) 18%,
            rgba(235,247,252,.08) 48%,
            rgba(255,255,255,.30) 100%
        ) !important;
    border-color: rgba(190,205,215,.34) !important;
    box-shadow:
        inset 0 3px 2px rgba(255,255,255,1),
        inset 3px 0 4px rgba(255,255,255,.80),
        inset -2px 0 4px rgba(220,238,248,.28),
        inset 0 -2px 3px rgba(190,205,215,.15),
        0 0 0 1px rgba(255,255,255,.72),
        0 0 10px rgba(255,255,255,.72),
        0 0 20px rgba(225,242,250,.16),
        0 12px 28px rgba(45,55,60,.07) !important;
}
/* 
   COMPARISON — KRISTALNE LINIJE PRELAMANJA
 */
html body .comparison-table {
    background:
        linear-gradient(
            116deg,
            transparent 0%,
            transparent 29%,
            rgba(255,255,255,.05) 30%,
            rgba(255,255,255,.38) 31.2%,
            rgba(255,255,255,.95) 31.8%,
            rgba(255,255,255,.42) 32.4%,
            rgba(225,242,250,.12) 33.5%,
            transparent 35%,
            transparent 100%
        ),
        linear-gradient(
            116deg,
            transparent 0%,
            transparent 57%,
            rgba(230,245,252,.04) 58%,
            rgba(255,255,255,.20) 59.5%,
            rgba(255,255,255,.58) 60.5%,
            rgba(255,255,255,.18) 62%,
            transparent 64%,
            transparent 100%
        ),
        radial-gradient(
            ellipse at 16% 4%,
            rgba(255,255,255,.95) 0%,
            rgba(255,255,255,.45) 12%,
            rgba(235,247,252,.12) 30%,
            transparent 52%
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,.58) 0%,
            rgba(255,255,255,.18) 38%,
            rgba(235,245,250,.10) 62%,
            rgba(255,255,255,.32) 100%
        ) !important;
}
/* 
   COMPARISON — ULTRA CLEAR CRYSTAL GLASS
   Canva-card tip belog staklenog sjaja
 */
html body .comparison-table {
    position: relative !important;
    overflow: hidden !important;
    background:
        radial-gradient(
            ellipse at 12% 5%,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,.72) 9%,
            rgba(255,255,255,.28) 22%,
            transparent 42%
        ),
        radial-gradient(
            ellipse at 88% 20%,
            rgba(255,255,255,.72) 0%,
            rgba(235,248,255,.22) 20%,
            transparent 45%
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,.64) 0%,
            rgba(255,255,255,.20) 32%,
            rgba(240,248,252,.10) 58%,
            rgba(255,255,255,.40) 100%
        ) !important;
    border: 1px solid rgba(180,200,212,.38) !important;
    box-shadow:
        inset 0 3px 2px rgba(255,255,255,1),
        inset 3px 0 4px rgba(255,255,255,.92),
        inset -3px 0 4px rgba(235,248,255,.58),
        inset 0 -3px 4px rgba(190,210,220,.22),
        inset 0 0 0 2px rgba(255,255,255,.42),
        0 0 0 1px rgba(255,255,255,.78),
        0 0 12px rgba(255,255,255,.85),
        0 0 25px rgba(255,255,255,.48),
        0 0 32px rgba(220,242,252,.16),
        0 16px 38px rgba(55,65,70,.08) !important;
}
/* 
   VELIKA BELA REFLEKSIJA KROZ STAKLO
 */
html body .comparison-table::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    inset: 0 !important;
    background:
        linear-gradient(
            118deg,
            transparent 0%,
            transparent 17%,
            rgba(255,255,255,.06) 21%,
            rgba(255,255,255,.38) 25%,
            rgba(255,255,255,.82) 28%,
            rgba(255,255,255,.34) 31%,
            transparent 37%,
            transparent 100%
        ),
        linear-gradient(
            118deg,
            transparent 0%,
            transparent 60%,
            rgba(240,250,255,.05) 64%,
            rgba(255,255,255,.32) 68%,
            rgba(255,255,255,.62) 70%,
            rgba(255,255,255,.18) 73%,
            transparent 78%
        ) !important;
    opacity: .88 !important;
    pointer-events: none !important;
}
/* 
   OŠTRA BELA "GLASS SHINE" TRAKA
 */
html body .comparison-table::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 2 !important;
    top: -70% !important;
    left: 7% !important;
    width: 9% !important;
    height: 250% !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,.08) 15%,
            rgba(255,255,255,.50) 34%,
            rgba(255,255,255,1) 48%,
            rgba(255,255,255,.82) 54%,
            rgba(235,248,255,.25) 70%,
            transparent 100%
        ) !important;
    transform: rotate(19deg) !important;
    filter: blur(2px) !important;
    opacity: .76 !important;
    pointer-events: none !important;
}
html body .comparison-table > * {
    position: relative !important;
    z-index: 5 !important;
}
html body .comparison-table {
    background:
        linear-gradient(
            135deg,
            transparent 0%,
            transparent 7%,
            rgba(255,255,255,.20) 8%,
            rgba(255,255,255,1) 8.7%,
            rgba(255,255,255,.95) 9.2%,
            rgba(255,255,255,.20) 10%,
            transparent 11.5%,
            transparent 100%
        ),
        radial-gradient(
            ellipse at 9% 5%,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,.70) 8%,
            rgba(255,255,255,.28) 19%,
            rgba(255,255,255,.07) 31%,
            transparent 44%
        ),
        linear-gradient(
            135deg,
            rgba(255,255,255,.30) 0%,
            rgba(255,255,255,.10) 38%,
            rgba(238,248,253,.06) 65%,
            rgba(255,255,255,.18) 100%
        ) !important;
    box-shadow:
        inset 0 3px 2px rgba(255,255,255,1),
        inset 3px 0 4px rgba(255,255,255,.85),
        inset -2px 0 4px rgba(230,245,252,.28),
        inset 0 -2px 4px rgba(190,205,215,.16),
        0 0 0 1px rgba(255,255,255,.78),
        0 0 10px rgba(255,255,255,.80),
        0 0 22px rgba(255,255,255,.40),
        0 15px 35px rgba(50,60,65,.07) !important;
}
/* 
   CENA — FINALNI TYPOGRAPHY FIX
   SVE VERZIJE
 */
html body .signature-price strong {
    font-weight: 650 !important;
    letter-spacing: 0.015em !important;
    font-variant-numeric: tabular-nums !important;
    line-height: 0.95 !important;
}
html body .signature-price > div {
    gap: 9px !important;
    align-items: baseline !important;
}
html body .signature-price small {
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
}
@media (min-width: 901px) {
    html body #anatomy {
        padding-top: 45px !important;
        margin-top: 0 !important;
    }
}
@media (min-width: 901px) {
    html body .how-section {
        padding-bottom: 65px !important;
        min-height: auto !important;
    }
    html body .how-steps {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    html body .how-step-number {
        font-size: 13px !important;
        line-height: 1 !important;
        display: block !important;
        margin-bottom: 7px !important;
        transform: translateY(-4px) !important;
        font-weight: 600 !important;
        letter-spacing: .06em !important;
    }
}
.footer-social-card .footer-link-arrow,
.footer-email-card .footer-link-arrow {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    fill: none !important;
    stroke: #B47A45 !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    display: block !important;
    overflow: visible !important;
}
.footer-social-card .footer-link-arrow path,
.footer-email-card .footer-link-arrow path {
    fill: none !important;
    stroke: #B47A45 !important;
}
/* 
   FAQ — CLEAN SYNCHRONIZED OPEN/CLOSE
   ISTO DESKTOP + MOBILE
 */
.faq-item {
    overflow: hidden !important;
}
.faq-question {
    transition:
        color .52s cubic-bezier(.22,.8,.22,1) !important;
}
.faq-question > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    transform: rotate(0deg) !important;
    transform-origin: center center !important;
    transition:
        transform .52s cubic-bezier(.22,.8,.22,1),
        color .52s cubic-bezier(.22,.8,.22,1) !important;
    will-change: transform;
}
.faq-answer {
    max-height: 0 !important;
    opacity: 0 !important;
    transform:
        translateY(-12px) !important;
    overflow: hidden !important;
    transition:
        max-height .52s cubic-bezier(.22,.8,.22,1),
        opacity .36s ease,
        transform .52s cubic-bezier(.22,.8,.22,1) !important;
    will-change:
        max-height,
        opacity,
        transform;
}
.faq-answer p {
    transform:
        translateY(-5px) !important;
    transition:
        transform .52s cubic-bezier(.22,.8,.22,1) !important;
}
/* 
   OTVORENO
 */
.faq-item.active .faq-answer {
    max-height: 320px !important;
    opacity: 1 !important;
    transform:
        translateY(0) !important;
}
.faq-item.active .faq-answer p {
    transform:
        translateY(0) !important;
}
.faq-item.active .faq-question > span {
    transform:
        rotate(45deg) !important;
}
/* 
   ANATOMY DESKTOP — CLEAN NUMBER MARKERS
   SAMO LAPTOP / DESKTOP
 */
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout {
        width: 42px !important;
        height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 20 !important;
    }
    html body #anatomy .anatomy-line {
        display: none !important;
    }
    html body #anatomy .anatomy-callout-copy {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        background:
            rgba(255,255,255,.78) !important;
        border:
            1px solid rgba(180,122,69,.48) !important;
        backdrop-filter:
            blur(14px) saturate(140%) !important;
        -webkit-backdrop-filter:
            blur(14px) saturate(140%) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.95),
            0 5px 18px rgba(45,30,15,.10),
            0 0 0 4px rgba(180,122,69,.055) !important;
        overflow: visible !important;
        cursor: default;
    }
    html body #anatomy .anatomy-callout-copy::before,
    html body #anatomy .anatomy-callout-copy::after {
        display: none !important;
        content: none !important;
    }
    html body #anatomy .anatomy-callout-copy strong,
    html body #anatomy .anatomy-callout-copy small {
        display: none !important;
    }
    html body #anatomy .anatomy-callout-copy > span {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        letter-spacing: .04em !important;
        color: #A86F3D !important;
    }
    html body #anatomy .anatomy-callout-copy {
        transition:
            transform .25s ease,
            box-shadow .25s ease !important;
    }
    html body #anatomy .anatomy-callout-copy:hover {
        transform: scale(1.10) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,1),
            0 8px 24px rgba(45,30,15,.13),
            0 0 0 6px rgba(180,122,69,.07) !important;
    }
    /* =====================================
       TAČNE POZICIJE MARKERA
       ===================================== */
    html body #anatomy .anatomy-callout-rfid {
        left: 51% !important;
        top: 27% !important;
        right: auto !important;
    }
    html body #anatomy .anatomy-callout-led {
        left: 67% !important;
        top: 50% !important;
        right: auto !important;
    }
    html body #anatomy .anatomy-callout-soft {
        left: 42% !important;
        top: 48% !important;
        right: auto !important;
    }
    html body #anatomy .anatomy-callout-alcantara {
        left: 53% !important;
        top: 59% !important;
        right: auto !important;
    }
    html body #anatomy .anatomy-callout-board {
        left: 59% !important;
        top: 82% !important;
        right: auto !important;
    }
}
/* 
   ANATOMY DESKTOP — FINAL CLEAN MARKERS
   SAMO LAPTOP / DESKTOP
 */
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout {
        position: absolute !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: none !important;
        flex-direction: initial !important;
        z-index: 30 !important;
    }
    html body #anatomy .anatomy-callout .anatomy-line,
    html body #anatomy .anatomy-callout .anatomy-dot {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
    }
    html body #anatomy .anatomy-callout .anatomy-callout-copy {
        position: absolute !important;
        inset: 0 !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,.90) !important;
        border: 1px solid rgba(180,122,69,.58) !important;
        box-shadow:
            0 4px 14px rgba(50,35,20,.12),
            0 0 0 3px rgba(180,122,69,.07) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        overflow: hidden !important;
        transform: none !important;
    }
    html body #anatomy .anatomy-callout .anatomy-callout-copy::before,
    html body #anatomy .anatomy-callout .anatomy-callout-copy::after {
        content: none !important;
        display: none !important;
    }
    html body #anatomy .anatomy-callout .anatomy-callout-copy strong,
    html body #anatomy .anatomy-callout .anatomy-callout-copy small {
        display: none !important;
    }
    html body #anatomy .anatomy-callout .anatomy-callout-copy > span {
        position: static !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 9px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        color: #A66F3F !important;
        transform: none !important;
    }
    /* =========================================
       01 — RFID
       ========================================= */
    html body #anatomy .anatomy-callout-rfid {
        left: 50.5% !important;
        right: auto !important;
        top: 26% !important;
    }
    /* =========================================
       02 — LED DESNO
       ========================================= */
    html body #anatomy .anatomy-callout-led {
        left: 68.5% !important;
        right: auto !important;
        top: 48.5% !important;
    }
    /* =========================================
       03 — SOFT CLOSE
       ========================================= */
    html body #anatomy .anatomy-callout-soft {
        left: 40.5% !important;
        right: auto !important;
        top: 46.5% !important;
        width: 36px !important;
        height: 36px !important;
    }
    /* =========================================
       04 — ALCANTARA
       ========================================= */
    html body #anatomy .anatomy-callout-alcantara {
        left: 52% !important;
        right: auto !important;
        top: 57% !important;
        width: 36px !important;
        height: 36px !important;
    }
    /* =========================================
       05 — KONSTRUKCIJA
       ========================================= */
    html body #anatomy .anatomy-callout-board {
        left: 59% !important;
        right: auto !important;
        top: 81% !important;
        width: 36px !important;
        height: 36px !important;
    }
}
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout-alcantara::before {
        content: none !important;
        display: none !important;
        visibility: hidden !important;
    }
    html body #anatomy .anatomy-callout-alcantara::after {
        content: none !important;
        display: none !important;
        visibility: hidden !important;
    }
}
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout-soft {
        left: 27% !important;
        right: auto !important;
        top: 66% !important;
        width: 36px !important;
        height: 36px !important;
    }
}
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout-rfid {
        top: 23.5% !important;
    }
    html body #anatomy .anatomy-callout-led {
        left: 65.5% !important;
        right: auto !important;
    }
    html body #anatomy .anatomy-callout-soft {
        top: 63.5% !important;
    }
    html body #anatomy .anatomy-callout-alcantara {
        top: 53.5% !important;
    }
    html body #anatomy .anatomy-callout-board {
        top: 77.5% !important;
    }
}
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout-alcantara {
        top: 48.5% !important;
    }
}
/* 
   ANATOMY LAPTOP — KRUG → GLASS KARTICA NA HOVER
 */
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout {
        overflow: visible !important;
    }
    html body #anatomy .anatomy-callout .anatomy-callout-copy {
        overflow: hidden !important;
        transition:
            width .38s cubic-bezier(.22,.8,.22,1),
            max-width .38s cubic-bezier(.22,.8,.22,1),
            border-radius .38s ease,
            background .3s ease,
            box-shadow .3s ease !important;
        transform-origin: left center !important;
    }
    html body #anatomy .anatomy-callout .anatomy-callout-copy strong {
        display: block !important;
        position: absolute !important;
        left: 48px !important;
        top: 50% !important;
        transform:
            translateY(-50%)
            translateX(-8px) !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        letter-spacing: -.01em !important;
        color: #171613 !important;
        opacity: 0 !important;
        transition:
            opacity .20s ease,
            transform .38s cubic-bezier(.22,.8,.22,1) !important;
        pointer-events: none !important;
    }
    html body #anatomy .anatomy-callout .anatomy-callout-copy small {
        display: none !important;
    }
    /* ============================
       HOVER
    ============================ */
    html body #anatomy .anatomy-callout:hover
    .anatomy-callout-copy {
        width: 190px !important;
        max-width: 190px !important;
        border-radius: 22px !important;
        background:
            rgba(255,255,255,.88) !important;
        border:
            1px solid rgba(180,122,69,.42) !important;
        backdrop-filter:
            blur(18px) saturate(145%) !important;
        -webkit-backdrop-filter:
            blur(18px) saturate(145%) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.95),
            0 10px 30px rgba(43,29,17,.13),
            0 0 0 4px rgba(180,122,69,.05) !important;
    }
    html body #anatomy .anatomy-callout:hover
    .anatomy-callout-copy strong {
        opacity: 1 !important;
        transform:
            translateY(-50%)
            translateX(0) !important;
    }
    html body #anatomy .anatomy-callout:hover
    .anatomy-callout-copy > span {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 36px !important;
    }
}
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout .anatomy-callout-copy {
        background:
            radial-gradient(
                circle at 35% 30%,
                #4a3425 0%,
                #2f2118 55%,
                #211711 100%
            ) !important;
        border: 1.5px solid rgba(180,122,69,.92) !important;
        box-shadow:
            inset 0 0 0 1px rgba(255,255,255,.04),
            0 0 0 2px rgba(180,122,69,.08),
            0 3px 10px rgba(35,20,10,.22) !important;
    }
    html body #anatomy .anatomy-callout .anatomy-callout-copy > span {
        color: #D79B62 !important;
        text-shadow:
            0 0 6px rgba(215,155,98,.18) !important;
    }
}
/* 
   LAPTOP — HOVER KARTICA ISTE BRAON BOJE + SKLONI BROJ
 */
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout:hover
    .anatomy-callout-copy {
        background:
            radial-gradient(
                circle at 25% 25%,
                #4a3425 0%,
                #2f2118 55%,
                #211711 100%
            ) !important;
        border:
            1.5px solid rgba(180,122,69,.92) !important;
        box-shadow:
            inset 0 0 0 1px rgba(255,255,255,.04),
            0 8px 24px rgba(35,20,10,.25),
            0 0 0 2px rgba(180,122,69,.08) !important;
    }
    html body #anatomy .anatomy-callout:hover
    .anatomy-callout-copy > span {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    html body #anatomy .anatomy-callout:hover
    .anatomy-callout-copy strong {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 16px !important;
        transform: none !important;
        color: #D79B62 !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.15 !important;
        text-align: center !important;
        white-space: nowrap !important;
        opacity: 1 !important;
        text-shadow:
            0 0 7px rgba(215,155,98,.16) !important;
    }
}
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout-led {
        left: 63% !important;
        top: 44.5% !important;
        right: auto !important;
    }
}
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout-alcantara {
        left: 40% !important;
        top: 45% !important;
        right: auto !important;
    }
}
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout:not(:hover)
    .anatomy-callout-copy {
        animation: anatomyCirclePulse 1.8s ease-in-out infinite !important;
        transform-origin: center center !important;
    }
    @keyframes anatomyCirclePulse {
        0%, 100% {
            transform: scale(1) !important;
            box-shadow:
                inset 0 0 0 1px rgba(255,255,255,.04),
                0 0 0 2px rgba(180,122,69,.08),
                0 3px 10px rgba(35,20,10,.22),
                0 0 8px rgba(180,122,69,.15) !important;
        }
        50% {
            transform: scale(1.12) !important;
            box-shadow:
                inset 0 0 0 1px rgba(255,255,255,.06),
                0 0 0 5px rgba(180,122,69,.12),
                0 5px 14px rgba(35,20,10,.25),
                0 0 22px rgba(180,122,69,.48) !important;
        }
    }
    html body #anatomy .anatomy-callout:hover
    .anatomy-callout-copy {
        animation: none !important;
    }
}
/* 
   LAPTOP — PRAVI PULSE ZA KRUŽIĆE
 */
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout:not(:hover)
    .anatomy-callout-copy {
        animation: anatomyPulseReal 1.6s ease-in-out infinite !important;
        transform-origin: center center !important;
        will-change: transform, box-shadow;
    }
    html body #anatomy .anatomy-callout:hover
    .anatomy-callout-copy {
        animation: none !important;
    }
    @keyframes anatomyPulseReal {
        0%,
        100% {
            transform: scale(1);
            box-shadow:
                inset 0 0 0 1px rgba(255,255,255,.04),
                0 0 0 2px rgba(180,122,69,.10),
                0 0 8px rgba(180,122,69,.22);
        }
        50% {
            transform: scale(1.14);
            box-shadow:
                inset 0 0 0 1px rgba(255,255,255,.06),
                0 0 0 6px rgba(180,122,69,.14),
                0 0 26px rgba(180,122,69,.58);
        }
    }
}
/* 
   LAPTOP — ANATOMY KRUŽIĆI PULSIRAJU
 */
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout {
        animation: sefMarkerPulse 1.35s ease-in-out infinite !important;
        transform-origin: center center !important;
        will-change: transform, filter !important;
    }
    html body #anatomy .anatomy-callout:hover {
        animation: none !important;
        transform: scale(1) !important;
        filter: none !important;
    }
    html body #anatomy .anatomy-callout-rfid {
        animation-delay: 0s !important;
    }
    html body #anatomy .anatomy-callout-led {
        animation-delay: .15s !important;
    }
    html body #anatomy .anatomy-callout-soft {
        animation-delay: .30s !important;
    }
    html body #anatomy .anatomy-callout-alcantara {
        animation-delay: .45s !important;
    }
    html body #anatomy .anatomy-callout-board {
        animation-delay: .60s !important;
    }
}
@keyframes sefMarkerPulse {
    0%,
    100% {
        transform: scale(1);
        filter:
            drop-shadow(0 0 2px rgba(180,122,69,.20))
            drop-shadow(0 0 5px rgba(180,122,69,.10));
    }
    50% {
        transform: scale(1.18);
        filter:
            drop-shadow(0 0 7px rgba(215,155,98,.75))
            drop-shadow(0 0 15px rgba(180,122,69,.55));
    }
}
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout {
        animation: sefMarkerPulse 2.4s ease-in-out infinite !important;
        animation-delay: 0s !important;
        transform-origin: center center !important;
        will-change: transform, filter !important;
    }
    html body #anatomy .anatomy-callout:hover {
        animation: none !important;
        transform: scale(1) !important;
        filter: none !important;
    }
}
@keyframes sefMarkerPulse {
    0%,
    100% {
        transform: scale(1);
        filter:
            drop-shadow(0 0 2px rgba(180,122,69,.12))
            drop-shadow(0 0 4px rgba(180,122,69,.08));
    }
    50% {
        transform: scale(1.07);
        filter:
            drop-shadow(0 0 5px rgba(215,155,98,.38))
            drop-shadow(0 0 9px rgba(180,122,69,.24));
    }
}
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout-rfid,
    html body #anatomy .anatomy-callout-led,
    html body #anatomy .anatomy-callout-soft,
    html body #anatomy .anatomy-callout-alcantara,
    html body #anatomy .anatomy-callout-board {
        animation: sefMarkerPulse 2.4s ease-in-out infinite !important;
        animation-delay: 0s !important;
    }
    html body #anatomy .anatomy-callout:hover {
        animation: none !important;
    }
}
@keyframes sefMarkerPulse {
    0%,
    100% {
        transform: scale(1);
        filter: drop-shadow(0 0 3px rgba(180,122,69,.12));
    }
    50% {
    transform: scale(1.10);
    filter:
        drop-shadow(0 0 6px rgba(215,155,98,.42))
        drop-shadow(0 0 11px rgba(180,122,69,.32));
}
}
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout-alcantara {
        transform: none !important;
        animation-name: sefMarkerPulse !important;
        animation-duration: 2.4s !important;
        animation-timing-function: ease-in-out !important;
        animation-iteration-count: infinite !important;
        animation-delay: 0s !important;
    }
    html body #anatomy .anatomy-callout-alcantara:hover {
        animation: none !important;
        transform: scale(1) !important;
    }
}
/* 
   ANATOMY — SVIH 5 ISTO PULSIRANJE
   koristi SCALE da 04 ne može da blokira animaciju
 */
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout-rfid,
    html body #anatomy .anatomy-callout-led,
    html body #anatomy .anatomy-callout-soft,
    html body #anatomy .anatomy-callout-alcantara,
    html body #anatomy .anatomy-callout-board {
        animation: anatomyAllPulse 2.4s ease-in-out infinite !important;
        animation-delay: 0s !important;
        scale: 1;
        transform-origin: center center !important;
    }
    html body #anatomy .anatomy-callout:hover {
        animation: none !important;
        scale: 1 !important;
    }
}
@keyframes anatomyAllPulse {
    0%,
    100% {
        scale: 1;
        filter:
            drop-shadow(0 0 3px rgba(180,122,69,.15))
            drop-shadow(0 0 5px rgba(180,122,69,.08));
    }
    50% {
        scale: 1.10;
        filter:
            drop-shadow(0 0 6px rgba(215,155,98,.42))
            drop-shadow(0 0 11px rgba(180,122,69,.32));
    }
}
@media (min-width: 901px) {
    html body #anatomy .anatomy-callout-rfid
    .anatomy-callout-copy > span::before,
    html body #anatomy .anatomy-callout-led
    .anatomy-callout-copy > span::before,
    html body #anatomy .anatomy-callout-soft
    .anatomy-callout-copy > span::before,
    html body #anatomy .anatomy-callout-alcantara
    .anatomy-callout-copy > span::before,
    html body #anatomy .anatomy-callout-board
    .anatomy-callout-copy > span::before {
        animation-name: anatomyCirclePulseFINAL !important;
        animation-duration: 2.4s !important;
        animation-timing-function: ease-in-out !important;
        animation-iteration-count: infinite !important;
        animation-delay: 0s !important;
    }
    html body #anatomy .anatomy-callout-rfid
    .anatomy-callout-copy > span,
    html body #anatomy .anatomy-callout-led
    .anatomy-callout-copy > span,
    html body #anatomy .anatomy-callout-soft
    .anatomy-callout-copy > span,
    html body #anatomy .anatomy-callout-alcantara
    .anatomy-callout-copy > span,
    html body #anatomy .anatomy-callout-board
    .anatomy-callout-copy > span {
        animation-name: anatomyNumberPulse !important;
        animation-duration: 2.4s !important;
        animation-timing-function: ease-in-out !important;
        animation-iteration-count: infinite !important;
        animation-delay: 0s !important;
    }
}
/* 
   GLOBAL — X SAVRŠENO CENTRIRAN U KRUŽIĆU
   LAPTOP + TELEFON
 */
:is(
    .cart-close,
    .modal-close,
    .close-button,
    .close-btn,
    [class*="close"]
) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
}
:is(
    .cart-close,
    .modal-close,
    .close-button,
    .close-btn,
    [class*="close"]
) > svg {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
}
:is(
    .cart-close,
    .modal-close,
    .close-button,
    .close-btn,
    [class*="close"]
) > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    position: static !important;
    transform: none !important;
}
/* 
   GLOBAL X — SAVRŠENO CENTRIRAN
   KORPA + CHAT + MOBILE SHEET
 */
.cart-drawer-close,
.ai-chat-close,
.mobile-sheet-close {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.cart-drawer-close::before,
.ai-chat-close::before,
.mobile-sheet-close::before {
    content: "×" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -42%) !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Arial, sans-serif !important;
    font-weight: 300 !important;
    line-height: .8 !important;
    text-align: center !important;
    pointer-events: none !important;
}
.cart-drawer-close::before {
    font-size: 25px !important;
}
.ai-chat-close::before {
    font-size: 22px !important;
}
.mobile-sheet-close::before {
    font-size: 22px !important;
}
/* 
   X — GEOMETRIJSKI CENTRIRAN
 */
.cart-drawer-close,
.ai-chat-close,
.mobile-sheet-close {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.cart-drawer-close::before,
.ai-chat-close::before,
.mobile-sheet-close::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 15px !important;
    height: 1.5px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: currentColor !important;
    transform:
        translate(-50%, -50%)
        rotate(45deg) !important;
    transform-origin: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    pointer-events: none !important;
}
.cart-drawer-close::after,
.ai-chat-close::after,
.mobile-sheet-close::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 15px !important;
    height: 1.5px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: currentColor !important;
    transform:
        translate(-50%, -50%)
        rotate(-45deg) !important;
    transform-origin: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    pointer-events: none !important;
}
/* 
   KAD JE KORPA OTVORENA — SAKRIJ CHAT
   LAPTOP + TELEFON
 */
body.cart-open .ai-chat-widget {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(12px) scale(.96) !important;
    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility .18s ease !important;
}
.footer-email-card strong {
    font-weight: 500 !important;
}
/* 
   AI CHAT — IMAGE + EMOJI
 */
.ai-chat-input-wrap {
    position: relative !important;
}
.ai-chat-tool {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8b8177;
    cursor: pointer;
    border-radius: 50%;
    transition:
        background .18s ease,
        color .18s ease;
}
.ai-chat-tool:hover {
    background: rgba(180, 122, 69, .08);
    color: #b47a45;
}
.ai-chat-tool svg {
    width: 18px;
    height: 18px;
    stroke-width: 1.7;
}
.ai-chat-emoji-picker {
    position: absolute;
    left: 10px;
    bottom: calc(100% + 10px);
    width: 220px;
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 4px;
    background: rgba(255, 255, 255, .96);
    border:
        1px solid rgba(130, 110, 90, .12);
    border-radius: 16px;
    box-shadow:
        0 14px 35px rgba(40, 30, 20, .12);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    z-index: 100;
}
.ai-chat-emoji-picker[hidden] {
    display: none !important;
}
.ai-chat-emoji-picker button {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 8px;
    font-size: 18px;
    cursor: pointer;
}
.ai-chat-emoji-picker button:hover {
    background: rgba(180, 122, 69, .08);
}
/* 
   AI CHAT — PRIKAŽI IMAGE + EMOJI DUGMAD
 */
.ai-chat-input-wrap #aiChatImageButton,
.ai-chat-input-wrap #aiChatEmojiButton {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    flex: 0 0 34px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #8b8177 !important;
    position: relative !important;
    inset: auto !important;
    cursor: pointer !important;
}
.ai-chat-input-wrap #aiChatImageButton svg,
.ai-chat-input-wrap #aiChatEmojiButton svg {
    display: block !important;
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    stroke: currentColor !important;
}
.ai-chat-input-wrap #aiChatInput {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}
/* 
   CHAT — USER IMAGE
 */
.ai-chat-message-image {
    display: block;
    width: auto;
    max-width: 220px;
    max-height: 260px;
    object-fit: cover;
    margin-top: 7px;
    border-radius: 12px;
}
.ai-message-user .ai-chat-message-image {
    margin-left: auto;
}
.ai-chat-send:disabled {
    opacity: .55;
    pointer-events: none;
}
/* 
   SEFKOMODA CHAT — LOGO
 */
.ai-chat-avatar {
    overflow: hidden;
}
.ai-chat-logo {
    display: block;
    width: 70%;
    height: 70%;
    object-fit: contain;
}
.ai-message-avatar {
    overflow: hidden;
}
.ai-chat-message-logo {
    display: block;
    width: 72%;
    height: 72%;
    object-fit: contain;
}
/* 
   CHAT — NIKAD NE PRIKAZUJ PROZOR POSLE REFRESHA
 */
#aiChatWindow[aria-hidden="true"] {
    display: none !important;
}
#aiChatWindow.active[aria-hidden="false"] {
    display: flex !important;
}
.ai-chat-message-video {
    display: block;
    width: min(260px, 100%);
    max-height: 320px;
    margin-top: 7px;
    border-radius: 12px;
    background: #000;
}
.ai-message-pending {
    opacity: .72;
}
.ai-message-failed {
    opacity: .55;
}
.ai-message-failed .ai-message-bubble {
    outline: 1px solid rgba(180, 60, 60, .35);
}
.seo-intro{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}
img[src$="/bela.png"],
img[src$="bela.png"] {
    transform: scale(0.84) !important;
    transform-origin: center center !important;
}
#how,
#anatomy,
#comparison,
#reviews,
#faq,
footer {
    content-visibility: auto;
    contain-intrinsic-size: 1px 900px;
}
@supports (content-visibility: auto) {
    #how,
    #anatomy,
    #comparison,
    #reviews,
    #faq,
    footer {
        content-visibility: auto;
        contain-intrinsic-size: auto 900px;
    }
}
/* =========================================
   SEFKOMODA — CART DRAWER FIX
========================================= */

.cart-drawer.active {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateX(0) !important;
    right: 0 !important;
    z-index: 999999 !important;
}

.cart-overlay.active {
    visibility: visible !important;
    opacity: 1 !important;
}
/* SEFKOMODA — CENA SA POPUSTOM */

.signature-price {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.signature-price > span {
    font-size: 10px;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.price-discount {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 2px;
}

.old-price {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
}

.discount-badge {
    background: #b47c47;
    color: white;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
}

.price-current {
    display: flex;
    align-items: baseline;
    gap: 3px;
}

.price-current strong {
    font-size: 36px;
    font-weight: 800;
    color: #171717;
    letter-spacing: -1.5px;
}

.price-current small {
    font-size: 19px;
    font-weight: 700;
    color: #b47c47;
}
/* =========================================
   SEFKOMODA — FINAL PRICE FIX
========================================= */

/* UKLANJANJE NATPISA CENA */
.signature-price::before,
.signature-price::after {
    content: none !important;
    display: none !important;
}

.signature-price .signature-config-label {
    display: none !important;
}

/* GLAVNI KONTEJNER */
.signature-price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
}

/* STARA CENA I POPUST */
.signature-price .price-discount {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* POPUST POMERAMO UDESNO */
.signature-price .discount-badge {
    position: relative !important;
    left: 20px !important;
}

/* NOVA CENA */
.signature-price .price-current {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 5px !important;
}

/* € ISPRED BROJA */
.signature-price .price-current small {
    order: -1 !important;
    position: static !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #171717 !important;
}

/* BROJ 199 */
.signature-price .price-current strong {
    order: 1 !important;
}
/* EURO — ISTA VELIČINA KAO CENA */

.signature-price .price-current small {
    font-size: inherit !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #171717 !important;
}

.signature-price .price-current {
    align-items: baseline !important;
}

.signature-price .price-current small {
    font-size: 42px !important;
}
/* VRACANJE ORIGINALNE CENE */

.signature-price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.signature-price .signature-config-label {
    display: block !important;
}

.signature-price .price-current {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 6px !important;
}

.signature-price .price-current strong {
    font-size: 38px !important;
    font-weight: 700 !important;
    order: 0 !important;
}

.signature-price .price-current small {
    font-size: 14px !important;
    font-weight: 500 !important;
    order: 1 !important;
}

.signature-price .price-discount {
    display: none !important;
}