/* =========================================================
   SCIOLAB – VEŘEJNÝ DETAIL PRODUKTU
   ========================================================= */

.product-detail {
    padding: 70px 0 100px;
    background:
        radial-gradient(circle at 20% 10%, rgba(174, 112, 27, .08), transparent 32%),
        #090806;
    color: #eee2cc;
}

.product-detail .container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.product-breadcrumb,
.product-number,
.product-section-number {
    color: #c89132;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}


/* =========================================================
   HLAVNÍ ČÁST
   ========================================================= */

.product-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
    gap: 60px;
    align-items: start;
    margin-top: 25px;
}


/* =========================================================
   GALERIE
   ========================================================= */

.product-gallery {
    min-width: 0;
}

.product-main-image {
    width: 100%;
    overflow: hidden;
    border: 1px solid rgba(201, 145, 50, .45);
    background: #050504;
}

.product-main-image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 720px;
    object-fit: contain;
}

.product-thumbnails {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 12px;
}

.product-thumbnail {
    padding: 0;
    border: 1px solid rgba(201, 145, 50, .35);
    background: #080705;
    cursor: pointer;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.product-thumbnail:hover {
    border-color: #d59b35;
}

.product-thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-no-image {
    min-height: 450px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(201, 145, 50, .4);
    color: #887b69;
}


/* =========================================================
   INFORMACE O PRODUKTU
   ========================================================= */

.product-info {
    position: sticky;
    top: 100px;
    padding: 35px;
    border: 1px solid rgba(201, 145, 50, .42);
    background:
        linear-gradient(
            145deg,
            rgba(37, 20, 10, .92),
            rgba(12, 9, 6, .97)
        );
}

.product-info h1 {
    margin: 14px 0 18px;
    color: #f2e4c8;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px, 4vw, 64px);
    line-height: .98;
}

.product-lead {
    margin: 0 0 25px;
    color: #c7b9a4;
    font-size: 16px;
    line-height: 1.7;
}

.product-price {
    padding: 20px 0;
    margin: 15px 0 25px;
    border-top: 1px solid rgba(201, 145, 50, .25);
    border-bottom: 1px solid rgba(201, 145, 50, .25);
    color: #e4ad49;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 42px;
    font-weight: 700;
}

.product-price span {
    font-family: inherit;
    font-size: 20px;
}


/* =========================================================
   FORMULÁŘ
   ========================================================= */

.product-options,
.product-quantity {
    margin-bottom: 20px;
}

.product-options label,
.product-quantity label {
    display: block;
    margin-bottom: 8px;
    color: #d2a14c;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
}

.product-options select,
.product-quantity input {
    width: 100%;
    min-height: 52px;
    padding: 0 14px;
    border: 1px solid #72501d;
    border-radius: 0;
    outline: none;
    background: #080705;
    color: #f0e5d2;
    font: inherit;
}

.product-options select:focus,
.product-quantity input:focus {
    border-color: #d69b35;
}

.variant-stock {
    min-height: 24px;
    padding-top: 9px;
    color: #8dbb6b;
    font-size: 14px;
}

.product-quantity input {
    max-width: 130px;
}

.product-cart-button {
    width: 100%;
    min-height: 58px;
    margin-top: 8px;
    border: 1px solid #e0a13a;
    background:
        linear-gradient(
            180deg,
            #e7b654,
            #b87517
        );
    color: #100b05;
    font-weight: 900;
    letter-spacing: .08em;
    cursor: pointer;
}

.product-cart-button:hover {
    filter: brightness(1.08);
}

.product-cart-note {
    margin: 12px 0 0;
    color: #756b5d;
    font-size: 12px;
}


/* =========================================================
   POPIS / SPECIFIKACE / VARIANTY
   ========================================================= */

.product-section {
    margin-top: 65px;
    padding: 40px;
    border: 1px solid rgba(201, 145, 50, .32);
    background: rgba(24, 14, 8, .62);
}

.product-section h2 {
    margin: 10px 0 28px;
    color: #f1e2c4;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(32px, 4vw, 52px);
}

.product-description {
    max-width: 900px;
    color: #c8bcaa;
    font-size: 17px;
    line-height: 1.8;
}


/* SPECIFIKACE */

.product-specifications {
    border-top: 1px solid rgba(201, 145, 50, .25);
}

.product-spec-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(201, 145, 50, .18);
}

.product-spec-row span {
    color: #958875;
}

.product-spec-row strong {
    color: #f0e2c9;
}


/* VARIANTY */

.product-variant-list {
    border-top: 1px solid rgba(201, 145, 50, .25);
}

.product-variant-row {
    display: grid;
    grid-template-columns: 130px 1fr 180px;
    gap: 20px;
    align-items: center;
    padding: 18px 0;
    border-bottom: 1px solid rgba(201, 145, 50, .18);
}

.product-variant-row strong {
    color: #e0aa4b;
}

.product-variant-row span {
    color: #c8bcaa;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

    .product-detail-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .product-info {
        position: static;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 600px) {

    .product-detail {
        padding: 35px 0 60px;
    }

    .product-detail .container {
        width: min(100% - 24px, 1180px);
    }

    .product-thumbnails {
        grid-template-columns: repeat(3, 1fr);
    }

    .product-info,
    .product-section {
        padding: 22px;
    }

    .product-info h1 {
        font-size: 38px;
    }

    .product-price {
        font-size: 34px;
    }

    .product-spec-row {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .product-variant-row {
        grid-template-columns: 1fr;
        gap: 6px;
    }

}
/* AeroŽďár V2 overrides */
.product-detail{background:linear-gradient(180deg,#eef7fd,#f8fbfd);color:#102333;padding-top:48px}.product-breadcrumb,.product-number,.product-section-number{color:#1769aa}.product-info{border-color:#c8dce9;background:#fff;box-shadow:0 18px 50px rgba(21,70,102,.09)}.product-info h1{color:#102333}.product-main-image,.product-thumbnail{border-color:#c8dce9;background:#fff}.product-no-image{border-color:#c8dce9!important;background:#edf7fd!important;color:#1769aa!important}.product-cart-button,.checkout-button,.cart-link-button{background:#1769aa!important;color:#fff!important;border-color:#1769aa!important}.product-cart-button:hover,.checkout-button:hover{background:#0d4f86!important}.product-price,.cart-total strong{color:#0d4f86!important}.variant-stock{color:#637381}.product-section{border-color:#d8e4ed!important;background:#fff!important}.cart-row,.cart-head{border-color:#d8e4ed!important}.cart-title{color:#102333!important}