/* 
/*
 * PLACEHOLDER IMAGE STYLES
 * CSS-based gradients for images until AI generation service is available
 */

/* Hero image */
.hero__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #6B1C2C 0%, #1A1A2E 70%, #B8963E 100%) !important;
}

/* Product card placeholders */
.product-card__image {
    width: 100%;
    aspect-ratio: 3/4;
    min-height: 400px;
    background: linear-gradient(135deg, #6B1C2C 0%, #B8963E 100%) !important;
}

.product-card:nth-child(2n) .product-card__image {
    background: linear-gradient(135deg, #8B3C4C 0%, #D4B05E 100%) !important;
}

.product-card:nth-child(3n) .product-card__image {
    background: linear-gradient(135deg, #4B0C1C 0%, #B8963E 100%) !important;
}

/* Collection tiles */
.collection-tile__image {
    width: 100%;
    aspect-ratio: 1;
    min-height: 300px;
    background: linear-gradient(135deg, #6B1C2C 0%, #1A1A2E 100%) !important;
}

/* Lookbook images */
.lookbook-strip__image {
    width: 100%;
    aspect-ratio: 1;
    min-height: 200px;
}

.lookbook-strip__image:nth-child(1) img {
    background: linear-gradient(135deg, #6B1C2C 0%, #B8963E 100%);
}

.lookbook-strip__image:nth-child(2) img {
    background: linear-gradient(135deg, #8B3C4C 0%, #D4B05E 100%);
}

.lookbook-strip__image:nth-child(3) img {
    background: linear-gradient(135deg, #1A1A2E 0%, #6B1C2C 100%);
}

.lookbook-strip__image:nth-child(4) img {
    background: linear-gradient(135deg, #B8963E 0%, #6B1C2C 100%);
}

.lookbook-strip__image:nth-child(5) img {
    background: linear-gradient(135deg, #4B0C1C 0%, #8B3C4C 100%);
}

.lookbook-strip__image:nth-child(6) img {
    background: linear-gradient(135deg, #D4B05E 0%, #1A1A2E 100%);
}

/* Journal cards */
.journal-card__image {
    width: 100%;
    aspect-ratio: 16/9;
    min-height: 200px;
}

.journal-card__image img {
    background: linear-gradient(135deg, #6B1C2C 0%, #B8963E 100%);
}

/* Weaver images */
.weaver-card__image,
.weavers-intro__video {
    width: 100%;
    aspect-ratio: 1;
    min-height: 300px;
}

.weavers-intro__video>div {
    width: 100% !important;
    height: 100% !important;
}

.weaver-card__image,
.weavers-intro__video img {
    background: linear-gradient(135deg, #1A1A2E 0%, #6B1C2C 50%, #B8963E 100%) !important;
}

/* Product detail */
.product-detail__main-image,
.product-detail__thumbnail {
    aspect-ratio: 3/4;
    min-height: 500px;
    background: linear-gradient(135deg, #6B1C2C 0%, #B8963E 100%) !important;
}

.product-detail__thumbnail {
    min-height: 100px;
}