:root{
    --black:#030303;
    --black-soft:#080706;
    --cream:#f7efe3;
    --muted:#aaa096;
    --gold:#d6a957;
    --gold-light:#f0ca7b;
    --line:rgba(255,255,255,.1);
}

*{
    box-sizing:border-box;
    margin:0;
    padding:0;
}

html{
    scroll-behavior:smooth;
}

body{
    min-height:100vh;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(214,169,87,.06),
            transparent 28%
        ),
        var(--black);

    color:var(--cream);
    font-family:"Inter",sans-serif;
    overflow-x:hidden;
}

a{
    color:inherit;
    text-decoration:none;
}

img{
    display:block;
    max-width:100%;
}


/* HEADER */

.collection-header{
    position:sticky;
    top:0;
    z-index:1000;

    height:96px;
    padding:0 5vw;

    display:flex;
    align-items:center;
    justify-content:space-between;

    border-bottom:1px solid var(--line);
    background:rgba(3,3,3,.88);
    backdrop-filter:blur(20px);
}

.collection-brand{
    display:flex;
    align-items:center;
    gap:15px;
}

.collection-brand img{
    width:45px;
    height:45px;
    object-fit:contain;
}

.collection-brand span{
    font-family:"Cinzel",serif;
    font-size:24px;
    font-weight:600;
    letter-spacing:.24em;
}

.collection-nav{
    display:flex;
    align-items:center;
    gap:42px;
}

.collection-nav a{
    position:relative;

    color:#bdb4aa;
    font-size:10px;
    font-weight:700;
    letter-spacing:.28em;
    text-transform:uppercase;

    transition:color .35s ease;
}

.collection-nav a::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-10px;
    height:1px;

    background:var(--gold);
    transform:scaleX(0);
    transition:transform .35s ease;
}

.collection-nav a:hover{
    color:var(--cream);
}

.collection-nav a:hover::after{
    transform:scaleX(1);
}

.header-offer{
    padding:16px 22px;

    border:1px solid rgba(214,169,87,.35);
    color:var(--gold-light);

    font-size:10px;
    font-weight:700;
    letter-spacing:.2em;
    text-transform:uppercase;

    transition:
        background .35s ease,
        color .35s ease,
        border-color .35s ease;
}

.header-offer:hover{
    background:var(--gold);
    border-color:var(--gold);
    color:#080603;
}


/* HERO */

.collection-hero{
    padding:110px 6.2vw 70px;
}

.collection-kicker{
    margin-bottom:28px;

    color:var(--gold);
    font-size:11px;
    font-weight:700;
    letter-spacing:.38em;
    text-transform:uppercase;
}

.collection-hero-grid{
    display:grid;
    grid-template-columns:1.4fr .6fr;
    align-items:end;
    gap:8vw;
}

.collection-hero h1{
    max-width:950px;

    font-family:"Cinzel",serif;
    font-size:clamp(78px,10vw,175px);
    font-weight:500;
    letter-spacing:-.065em;
    line-height:.78;
}

.collection-intro{
    padding-bottom:14px;
}

.collection-intro p{
    max-width:480px;

    color:#b5aa9e;
    font-size:18px;
    line-height:1.8;
}

.collection-line{
    width:100%;
    height:1px;
    margin-top:80px;

    background:linear-gradient(
        90deg,
        rgba(214,169,87,.65),
        rgba(255,255,255,.08),
        transparent
    );
}


/* PRODUCT GRID */

.product-collection{
    padding:0 6.2vw 130px;

    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px;
}

.collection-card{
    position:relative;
    min-height:660px;

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

    overflow:hidden;
    cursor:pointer;

    transition:
        transform .75s cubic-bezier(.22,.61,.36,1),
        border-color .5s ease,
        box-shadow .5s ease;
}

.collection-card:nth-child(3n){
    grid-column:span 2;
    min-height:780px;
}

.collection-card:hover{
    transform:translateY(-7px);
    border-color:rgba(214,169,87,.4);
    box-shadow:0 35px 90px rgba(0,0,0,.55);
}

.collection-card-image{
    position:absolute;
    inset:0 0 85px;
    overflow:hidden;
}

.collection-card-image::after{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            transparent 48%,
            rgba(0,0,0,.72) 100%
        );

    pointer-events:none;
}

.collection-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;

    transform:scale(1.01);
    transition:
        transform 1.3s cubic-bezier(.22,.61,.36,1),
        filter .7s ease;
}

.collection-card:hover .collection-card-image img{
    transform:scale(1.055);
    filter:brightness(1.08);
}

.collection-card-bottom{
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    height:85px;
    padding:0 28px;

    display:grid;
    grid-template-columns:50px 1fr auto;
    align-items:center;
    gap:20px;

    border-top:1px solid rgba(214,169,87,.22);
    background:rgba(4,4,4,.94);
}

.collection-card-bottom > span:first-child{
    color:var(--gold);
    font-size:10px;
    letter-spacing:.2em;
}

.collection-card-bottom h2{
    font-family:"Cinzel",serif;
    font-size:24px;
    font-weight:500;
    letter-spacing:.08em;
}

.collection-card-bottom > span:last-child{
    color:#a79d93;
    font-size:9px;
    font-weight:700;
    letter-spacing:.25em;
    text-transform:uppercase;
}


/* BOTTOM CTA */

.collection-footer-cta{
    min-height:420px;
    padding:90px 6.2vw;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;

    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);

    background:
        radial-gradient(
            circle at 75% 50%,
            rgba(214,169,87,.11),
            transparent 25%
        ),
        #050504;
}

.collection-footer-cta p{
    max-width:670px;

    font-family:"Cinzel",serif;
    font-size:clamp(32px,4vw,68px);
    line-height:1.08;
}

.collection-footer-cta a{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;

    min-width:335px;
    padding:22px 26px;

    border:1px solid rgba(214,169,87,.4);
    color:var(--gold-light);

    font-size:10px;
    font-weight:800;
    letter-spacing:.2em;
    text-transform:uppercase;

    transition:
        background .4s ease,
        color .4s ease,
        transform .4s ease;
}

.collection-footer-cta a:hover{
    background:var(--gold);
    color:#090703;
    transform:translateY(-3px);
}


/* FOOTER */

.collection-footer{
    min-height:100px;
    padding:0 5vw;

    display:flex;
    align-items:center;
    justify-content:space-between;

    color:#9f8c70;
    font-size:9px;
    font-weight:700;
    letter-spacing:.25em;
    text-transform:uppercase;
}


/* FULLSCREEN IMAGE */

.fullscreen-viewer{
    position:fixed;
    inset:0;
    z-index:99999;

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

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    background:#000;

    transition:
        opacity .65s ease,
        visibility .65s ease;
}

.fullscreen-viewer.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.fullscreen-backdrop{
    position:absolute;
    inset:0;
    background:#000;
}

.fullscreen-image-wrap{
    position:absolute;
    inset:0;

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

    overflow:hidden;
}

.fullscreen-image{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;

    opacity:0;
    transform:scale(1.06);

    transition:
        opacity .8s ease .1s,
        transform 1.25s cubic-bezier(.22,.61,.36,1);
}

.fullscreen-viewer.open .fullscreen-image{
    opacity:1;
    transform:scale(1);
}

.fullscreen-close{
    position:absolute;
    top:30px;
    right:34px;
    z-index:5;

    width:54px;
    height:54px;

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

    border:1px solid rgba(214,169,87,.5);
    background:rgba(0,0,0,.48);
    color:var(--gold-light);

    font-family:Arial,sans-serif;
    font-size:32px;
    font-weight:300;
    line-height:1;

    cursor:pointer;
    backdrop-filter:blur(10px);

    transition:
        background .35s ease,
        color .35s ease,
        transform .35s ease;
}

.fullscreen-close:hover{
    background:var(--gold);
    color:#080603;
    transform:rotate(90deg);
}

.fullscreen-offer{
    position:absolute;
    right:34px;
    bottom:30px;
    z-index:5;

    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:58px;

    min-width:285px;
    padding:20px 23px;

    border:1px solid rgba(214,169,87,.55);
    background:rgba(0,0,0,.55);
    color:var(--gold-light);

    font-size:10px;
    font-weight:800;
    letter-spacing:.23em;
    text-transform:uppercase;

    backdrop-filter:blur(14px);

    transition:
        background .4s ease,
        color .4s ease,
        transform .4s ease;
}

.fullscreen-offer:hover{
    background:var(--gold);
    color:#080603;
    transform:translateY(-4px);
}


/* RESPONSIVE */

@media(max-width:1000px){

    .collection-nav{
        display:none;
    }

    .collection-hero-grid{
        grid-template-columns:1fr;
    }

    .collection-intro{
        padding-top:40px;
    }

    .product-collection{
        grid-template-columns:1fr;
    }

    .collection-card:nth-child(3n){
        grid-column:auto;
    }

    .collection-card{
        min-height:650px;
    }

    .collection-footer-cta{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media(max-width:700px){

    .collection-header{
        height:78px;
        padding:0 20px;
    }

    .collection-brand img{
        width:38px;
        height:38px;
    }

    .collection-brand span{
        font-size:17px;
    }

    .header-offer{
        padding:13px 14px;
        font-size:8px;
    }

    .collection-hero{
        padding:80px 22px 50px;
    }

    .collection-hero h1{
        font-size:64px;
    }

    .collection-intro p{
        font-size:15px;
    }

    .collection-line{
        margin-top:48px;
    }

    .product-collection{
        padding:0 20px 80px;
    }

    .collection-card{
        min-height:520px;
    }

    .collection-card-bottom{
        padding:0 18px;
        grid-template-columns:34px 1fr auto;
    }

    .collection-card-bottom h2{
        font-size:18px;
    }

    .collection-footer-cta{
        min-height:350px;
        padding:70px 22px;
    }

    .collection-footer-cta a{
        width:100%;
        min-width:0;
    }

    .collection-footer{
        padding:30px 22px;
        align-items:flex-start;
        flex-direction:column;
        gap:15px;
    }

    .fullscreen-image{
        object-position:center;
        transition: transform .35s ease;
    }

    .fullscreen-close{
        top:18px;
        right:18px;
        width:46px;
        height:46px;
    }

    .fullscreen-offer{
        right:18px;
        bottom:18px;
        left:18px;
        min-width:0;
    }
}


/* =========================================
   VASES PAGE — PROFESIONALNI 2-COLUMN GRID
   ========================================= */

.vases-page .product-collection {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: start;
}

.vases-page .product-collection .collection-card {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    display: flex;
    flex-direction: column;
    grid-column: auto !important;
    grid-row: auto !important;
    overflow: hidden;
    cursor: default;
}

/* Okvir slike više nije previsok */
.vases-page .collection-card-image {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3;
    background: #050505;
    overflow: hidden;
}

/* Prikaži cijelu sliku bez rezanja */
.vases-page .collection-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center center;
    background: #050505;
    transform: none !important;
}

/* Donji naslovni dio */
.vases-page .collection-card-bottom {
    min-height: 82px;
    height: auto;
    flex-shrink: 0;
}

/* Bez otvaranja i bez VIEW */
.vases-page .collection-card-bottom span:last-child {
    display: none;
}

/* removed conflicting hover override */

/* Mobitel */
@media (max-width: 760px) {
    .vases-page .product-collection {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .vases-page .collection-card-image {
        aspect-ratio: 4 / 3;
    }
}

/* ==================================================
   VASES PAGE — FINALNI PROFESIONALNI PRIKAZ
   ================================================== */

.vases-page .product-collection {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: start !important;
}

/* Svaka kartica uvijek zauzima samo jedno mjesto */
.vases-page .collection-card {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    grid-column: auto !important;
    grid-row: auto !important;

    overflow: hidden !important;
    cursor: default !important;
    transform: none !important;
}

/* Uklanja fiksne dimenzije koje stvaraju crni prostor */
.vases-page .collection-card-image {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;

    display: block !important;
    overflow: visible !important;
    background: #050505 !important;
}

/* Prikazuje cijelu originalnu sliku bez rezanja */
.vases-page .collection-card-image img {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    opacity: 1 !important;
    visibility: visible !important;

    position: static !important;
    inset: auto !important;

    transform: none !important;
    transition: none !important;
}

/* removed conflicting hover override */
.vases-page .collection-card-bottom {
    width: 100% !important;
    height: auto !important;
    min-height: 82px !important;

    padding: 0 28px !important;

    display: grid !important;
    grid-template-columns: 48px 1fr !important;
    align-items: center !important;

    flex-shrink: 0 !important;
}

/* Uklanja riječ VIEW */
.vases-page .collection-card-bottom span:last-child {
    display: none !important;
}

/* Mobitel */
@media (max-width: 760px) {
    .vases-page .product-collection {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .vases-page .collection-card-image,
    .vases-page .collection-card-image img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: auto !important;
    }
}

/* =====================================================
   VASES PAGE — FINAL FIX: PRIKAŽI SVE SLIKE
   OVAJ KOD MORA BITI POSLJEDNJI U collections.css
   ===================================================== */

body.vases-page .product-collection {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Kartice moraju biti odmah vidljive */
body.vases-page .collection-card {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    grid-column: auto !important;
    grid-row: auto !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;

    overflow: hidden !important;
    background: #050505 !important;
}

/* Briše loading/skeleton efekte */
body.vases-page .collection-card::before,
body.vases-page .collection-card::after,
body.vases-page .collection-card-image::before,
body.vases-page .collection-card-image::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    animation: none !important;
}

/* Okvir slike prati stvarnu visinu fotografije */
body.vases-page .collection-card-image {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;

    opacity: 1 !important;
    visibility: visible !important;

    overflow: hidden !important;
    background: #050505 !important;

    transform: none !important;
    animation: none !important;
}

/* Sama fotografija — cijela i bez rezanja */
body.vases-page .collection-card-image img {
    display: block !important;

    position: static !important;
    inset: auto !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    opacity: 1 !important;
    visibility: visible !important;

    filter: none !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

/* Bez hover animacije i povećavanja */
body.vases-page .collection-card:hover,
body.vases-page .collection-card:hover .collection-card-image,
body.vases-page .collection-card:hover .collection-card-image img {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
}

/* Naslov ispod slike */
body.vases-page .collection-card-bottom {
    display: grid !important;
    grid-template-columns: 48px 1fr !important;
    align-items: center !important;

    width: 100% !important;
    height: auto !important;
    min-height: 82px !important;

    padding: 0 28px !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Ukloni VIEW */
body.vases-page .collection-card-bottom span:last-child {
    display: none !important;
}

/* Mobitel */
@media (max-width: 760px) {
    body.vases-page .product-collection {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

body.vases-page .collection-card-image{
    position:relative !important;
    inset:auto !important;

    display:block !important;

    width:100% !important;
    height:auto !important;

    overflow:hidden !important;
}

body.vases-page .collection-card-image img{

    display:block !important;

    width:100% !important;
    height:auto !important;

    position:relative !important;
    inset:auto !important;

    object-fit:contain !important;
    transform:none !important;
}

/* ==================================================
   VASES — FIKSNI PROFESIONALNI RASPORED 2 + 2
================================================== */

.vases-page .product-collection {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 28px !important;
}

.vases-page .product-collection > .collection-card {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;

    grid-column: auto !important;
    grid-row: auto !important;

    align-self: start !important;
    overflow: hidden !important;
    cursor: default !important;
}

.vases-page .product-collection > .collection-card:nth-child(3n),
.vases-page .product-collection > .collection-card:nth-child(odd),
.vases-page .product-collection > .collection-card:nth-child(even) {
    grid-column: auto !important;
    grid-row: auto !important;
}

.vases-page .collection-card-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;

    overflow: hidden !important;
    background: #050505 !important;
}

.vases-page .collection-card-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: none !important;
}

.vases-page .collection-card-bottom {
    display: grid !important;
    grid-template-columns: 50px 1fr !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 82px !important;
    padding: 0 28px !important;
    flex-shrink: 0 !important;
}

.vases-page .collection-card-bottom span:last-child {
    display: none !important;
}

/* ASCEND ide na kraj kolekcije */
.vases-page .product-collection > .collection-card:first-child {
    order: 999 !important;
}

@media (max-width: 760px) {
    .vases-page .product-collection {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .vases-page .collection-card-image {
        aspect-ratio: 4 / 3 !important;
    }
}

/* ==================================================
   VASES PAGE — CLEAN TWO COLUMN COLLECTION
================================================== */

.vases-page .product-collection {
    width: min(1380px, calc(100% - 80px));
    margin: 0 auto;
    padding: 0 0 100px;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: start !important;
}

.vases-page .product-collection > .collection-card {
    position: relative;
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    grid-column: auto !important;
    grid-row: auto !important;

    margin: 0 !important;
    overflow: hidden;

    border: 1px solid rgba(214, 169, 87, 0.22);
    background: #050505;
    cursor: default;
}

.vases-page .product-collection > .collection-card:nth-child(n) {
    grid-column: auto !important;
    grid-row: auto !important;
}

.vases-page .collection-card-image {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;

    overflow: hidden;
    background: #050505;
}

.vases-page .collection-card-image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: none !important;
}

.vases-page .collection-card-bottom {
    display: grid !important;
    grid-template-columns: 52px 1fr !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 82px !important;
    height: 82px !important;

    padding: 0 28px !important;
    flex-shrink: 0;

    border-top: 1px solid rgba(214, 169, 87, 0.22);
    background: #050505;
}

.vases-page .collection-card-bottom > span {
    display: block !important;

    color: #d6a957;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
}

.vases-page .collection-card-bottom h2 {
    margin: 0 !important;

    color: #f5eee3;
    font-family: "Cinzel", serif;
    font-size: clamp(20px, 1.8vw, 28px);
    font-weight: 500;
    letter-spacing: 0.04em;
}


@media (max-width: 760px) {
    .vases-page .product-collection {
        width: calc(100% - 32px);
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .vases-page .collection-card-image {
        aspect-ratio: 4 / 3 !important;
    }

    .vases-page .collection-card-bottom {
        height: 72px !important;
        min-height: 72px !important;
        padding: 0 20px !important;
        grid-template-columns: 42px 1fr !important;
    }
}

/* ==================================================
   BASINS PAGE — PROFESSIONAL TWO-COLUMN COLLECTION
   ================================================== */

.basins-page .product-collection {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}

.basins-page .product-collection .collection-card {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    grid-column: auto !important;
    grid-row: auto !important;
    overflow: hidden;
    cursor: default;
}

.basins-page .collection-card-image {
    width: 100%;
    aspect-ratio: 4 / 3;
    min-height: 0;
    overflow: hidden;
    background: #050505;
    display: flex;
    align-items: center;
    justify-content: center;
}

.basins-page .collection-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: none !important;
}

.basins-page .collection-card-bottom {
    min-height: 116px;
    height: 116px;
    flex-shrink: 0;
    display: grid;
    grid-template-columns: 48px 1fr;
    align-items: center;
    padding: 0 28px;
}

.basins-page .collection-card-bottom h2 {
    margin: 0;
}

.basins-page .collection-card,
.basins-page .collection-card:hover,
.basins-page .collection-card:hover img {
    transform: none !important;
}

@media (max-width: 760px) {
    .basins-page .product-collection {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .basins-page .collection-card-image {
        aspect-ratio: 4 / 3;
    }

    .basins-page .collection-card-bottom {
        min-height: 90px;
        height: 90px;
        padding: 0 18px;
        grid-template-columns: 42px 1fr;
    }
}

/* ==================================================
   BASINS PAGE — PROFESSIONAL 2 COLUMN GRID
   ================================================== */

.basins-page .product-collection {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

/* Sve kartice jednake */
.basins-page .product-collection .collection-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;

    grid-column: auto !important;
    grid-row: auto !important;

    overflow: hidden !important;
    cursor: default !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Jednaka veličina prostora za svaku sliku */
.basins-page .collection-card-image {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;

    overflow: hidden !important;
    background: #050505 !important;

    opacity: 1 !important;
    visibility: visible !important;
}

/* Slike se moraju vidjeti */
.basins-page .collection-card-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
    filter: none !important;
    animation: none !important;
}

/* Donji dio kartice */
.basins-page .collection-card-bottom {
    display: grid !important;
    grid-template-columns: 46px 1fr !important;
    align-items: center !important;

    width: 100% !important;
    min-height: 88px !important;
    height: 88px !important;
    flex-shrink: 0 !important;

    padding: 0 26px !important;
}

/* Sakrij VIEW */
.basins-page .collection-card-bottom span:last-child {
    display: none !important;
}


/* Tablet i mobitel */
@media (max-width: 760px) {
    .basins-page .product-collection {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .basins-page .collection-card-image {
        aspect-ratio: 4 / 3 !important;
    }

    .basins-page .collection-card-bottom {
        min-height: 78px !important;
        height: 78px !important;
        padding: 0 18px !important;
    }
}

/* =========================================
   GOLD HOVER BORDER + SOFT IMAGE ZOOM
   BASINS + VASES
   ========================================= */

.basins-page .collection-card,
.vases-page .collection-card {
    transition:
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        transform 0.35s ease !important;

    border: 1px solid rgba(214, 169, 87, 0.18) !important;
}

.basins-page .collection-card:hover,
.vases-page .collection-card:hover {
    border-color: rgba(214, 169, 87, 0.85) !important;

    box-shadow:
        0 0 0 1px rgba(214, 169, 87, 0.22),
        0 18px 45px rgba(0, 0, 0, 0.45) !important;

    transform: translateY(-3px) !important;
}

/* Slika mora ostati unutar kartice */
.basins-page .collection-card-image,
.vases-page .collection-card-image {
    overflow: hidden !important;
}

/* Normalno stanje slike */
.basins-page .collection-card-image img,
.vases-page .collection-card-image img {
    transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
    transform: scale(1) !important;
}

/* Lagani premium zoom */
.basins-page .collection-card:hover .collection-card-image img,
.vases-page .collection-card:hover .collection-card-image img {
    transform: scale(1.035) !important;
}

/* ==================================================
   FINAL GOLD HOVER + IMAGE ZOOM
   BASINS + VASES
================================================== */

.basins-page .collection-card-image,
.vases-page .collection-card-image {
    overflow: hidden !important;
}

/* Zlatni okvir kartice */
.basins-page .collection-card,
.vases-page .collection-card {
    border: 1px solid rgba(214, 169, 87, 0.18) !important;

    transition:
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        transform 0.35s ease !important;
}

.basins-page .collection-card:hover,
.vases-page .collection-card:hover {
    border-color: rgba(214, 169, 87, 0.85) !important;

    box-shadow:
        0 0 0 1px rgba(214, 169, 87, 0.20),
        0 18px 45px rgba(0, 0, 0, 0.45) !important;

    transform: translateY(-3px) !important;
}

/* Normalna slika */
.basins-page .collection-card-image > img,
.vases-page .collection-card-image > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;

    transform: scale(1) !important;
    transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
    will-change: transform;
}

/* Zoom slike */
.basins-page .collection-card:hover .collection-card-image > img,
.vases-page .collection-card:hover .collection-card-image > img {
    transform: scale(1.045) !important;
}

/* ===== FINAL VASE ZOOM FIX ===== */

.vases-page .collection-card-image {
    overflow: hidden !important;
}

.vases-page .collection-card-image img {
    display: block !important;
    width: 100% !important;
    transition: transform .6s ease !important;
    transform: scale(1) !important;
}

.vases-page .collection-card:hover .collection-card-image img {
    transform: scale(1.05) !important;
}