.product-page{
    padding-bottom: 100px;
}

/* ══════════════════════════════════════
   BLOCK 1 – PRODUCT PAGE TOP
══════════════════════════════════════ */
.product-top{padding:24px 0 40px}

/* breadcrumb */
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--grey-1);margin-bottom:20px;flex-wrap:wrap}
.breadcrumb a{color:var(--grey-1);text-decoration:none}
.breadcrumb a:hover{color:var(--black)}
.bc-sep{color:var(--white)}

/* layout: gallery left, info right */
.product-layout{
    display:flex;flex-direction:column;gap:0px;
}

@media(min-width:64rem){
    .product-layout{flex-direction:row;gap:48px;align-items:flex-start}
    .product-gallery{flex:0 0 45%;max-width:483px}
    .product-info{flex:1;min-width:0}
}

/* ─── GALLERY ─── */
.product-gallery{position:relative}

.main-swiper{
    background:var(--grey-1);border-radius:0;overflow:hidden;
}
.main-swiper .swiper-slide img{
    width:100%;height:320px;object-fit:contain;display:block;padding:16px;
}
@media(min-width:48rem){.main-swiper .swiper-slide img{height:400px}}
@media(min-width:64rem){.main-swiper .swiper-slide img{height:440px}}

/* Thumbs swiper */
.thumbs-swiper{margin-top:12px;overflow:hidden}
.thumbs-swiper .swiper-slide{
    width:88px!important;height:64px;
    background:var(--grey-1);border-radius:0;overflow:hidden;
    cursor:pointer;border:2px solid transparent;
    transition:border-color .15s;
}
.thumbs-swiper .swiper-slide img{width:100%;height:100%;object-fit:contain;padding:6px}
.thumbs-swiper .swiper-slide-thumb-active{border-color:var(--black)}

/* Favourite & share icons */
.gallery-fav{
    position:absolute;top:12px;right:12px;z-index:5;
    width:36px;height:36px;background:rgba(255,255,255,.9);
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    cursor:pointer;border:none;box-shadow:0 2px 8px rgba(0,0,0,.1);
    transition:background .15s;
}
.gallery-fav:hover{background:var(--white)}
.gallery-fav svg{width:18px;height:18px;stroke:var(--black);fill:none;stroke-width:1.8}

/* ─── PRODUCT INFO ─── */
.info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.info-title{font-size:18px;font-weight:800;color:var(--black);letter-spacing:-.01em;line-height:1.3}
@media(min-width:48rem){.info-title{font-size:20px}}
@media(min-width:64rem){.info-title{font-size:22px}}

.share-btn{
    flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--bg);
    background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;
    transition:background .15s;
}
.share-btn:hover{background:var(--grey-1)}
.share-btn svg{width:16px;height:16px;stroke:var(--black);fill:none;stroke-width:1.8}

.info-sku{font-size:12px;color:var(--grey-1);margin-bottom:16px}
.info-sku span{color:var(--black);font-weight:600}

/* Characteristics selects */
.chars-table{width:100%;border-collapse:collapse;margin-bottom:20px; max-width: 100%}
.chars-table tr td{padding:6px 0;vertical-align:middle}
.chars-table td:first-child{
    color:var(--black);
    width:48%;
    padding-right:12px;
    white-space:nowrap;
    display: none;
}

.chars-table td:first-child, .chars-table td:last-child{
    width:100%;
    display: block;
}

.chars-table tr{
    display: block;
}

.chars-table td:first-child{
    padding-bottom: 0;
}

.chars-table td.chars-table__model-tittle__block{
    display: none;
}

.chars-table td:last-child{width:100%}

@media (min-width: 1024px) {
    .chars-table td:first-child, .chars-table td:last-child{
        display: table-cell;
    }

    .chars-table td:first-child{
        width:48%;
    }

    .chars-table td:last-child{
        width: 52%;
    }

    .chars-table tr{
        display: table-row;
    }
}

.chars-table  .count__input{
    width: 100%;
}

.chars-table .cs-wrap{
    width: 100%!important;
}

.chars-table__model-tittle{
    font-size: 16px;
    color: var(--black);
}

.product-gallery{
    margin-bottom: 0;
}


/* Quantity + unit row */
.qty-row{display:flex;align-items:center;gap:0;margin-bottom:20px;font-size:13px;color:var(--grey-1)}
.qty-row-label{width:48%;font-size:13px;color:var(--grey-1);padding-right:12px}
.qty-row-ctrl{display:flex;align-items:center;gap:0;flex:1}
.qty-ctrl{display:flex;align-items:center;border:1.5px solid var(--bg);background:var(--grey-1);border-radius:0;overflow:hidden}
.qty-btn{
    width:32px;height:36px;background:transparent;border:none;cursor:pointer;
    font-size:16px;font-weight:600;color:var(--black);
    display:flex;align-items:center;justify-content:center;
    transition:background .15s;
}
.qty-btn:hover{background:#ebebea}
.qty-input{
    width:48px;height:36px;border:none;border-left:1.5px solid var(--bg);border-right:1.5px solid var(--bg);
    text-align:center;font-family:'Manrope',sans-serif;font-size:13px;font-weight:700;
    color:var(--black);background:var(--white);outline:none;
    -moz-appearance:textfield;
}
.qty-input::-webkit-inner-spin-button{-webkit-appearance:none}
.unit-sel-wrap{position:relative;display:flex;align-items:center;margin-left:8px}
.unit-sel{
    appearance:none;-webkit-appearance:none;
    font-family:'Manrope',sans-serif;font-size:13px;font-weight:500;color:var(--black);
    background:var(--grey-1);border:1.5px solid var(--bg);
    padding:8px 28px 8px 10px;border-radius:0;cursor:pointer;outline:none;height:36px;
}
.unit-sel-wrap::after{
    content:'';position:absolute;right:10px;top:50%;transform:translateY(-50%);
    width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--black);
    pointer-events:none;
}

/* Add to cart row */
.cart-row{
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column-reverse;
    gap:20px;
    margin-bottom:26px;
    max-width: 100%;
}

.cart-row button{
    width: 100%;
}

.chars-table .product__count{
    display: flex;
    margin-top: 12px;
}

.cart-price{font-size:20px;font-weight:800;color:var(--black)}

/* Info links */
.info-links{display:flex;flex-direction:column;gap:12px; width: fit-content}
.info-link{
    display:inline-flex;align-items:center;gap:4px;
    font-size:14px;font-weight:400;color:var(--black);
    background:none;border:none;cursor:pointer;
    text-decoration:none;padding:0;
    transition:opacity .15s;text-align:left;
}
.info-link:hover{opacity:.6}
.info-link::after{content:'›';font-size:15px;line-height:1}

/* Modal 1: characteristics table */
.spec-table{width:100%;border-collapse:collapse;margin-bottom:18px}
.spec-table td{padding:6px 0;font-size:16px;vertical-align:top}
.spec-table td:first-child{color:var(--black);width:45%}
.spec-table td:last-child{color:var(--grey-3)}

.product-list__title{
    margin: 12px 0;
}

@media (min-width: 64rem) {
    .chars-table td:first-child{
        display: table-cell;
    }

    .chars-table__model-tittle{
        display: none;
    }

    .cart-row{
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .cart-row button{
        width: auto;
    }

    .chars-table, .cart-row{
        max-width: 418px;
    }
}
