/* Product section */
.products{
    margin-top:40px;
    margin-bottom:40px;
}


/* Choose Cateogort */
.manufacturer-model-container {
    display: flex;
    gap: 20px;
    height: 100%;
    align-items: center;
}

.select-group {
    flex: 1;
    background: rgba(255,255,255,0.9);
    border-radius: 30px;
    padding: 25px 20px;
    border: 2px solid transparent;
    transition: all 0.3s;
    cursor: pointer;
}
.form-select{
    border-radius:25px !important;
    border:1.5px solid #eb1c24 !important;
}

.select-label {
    display: block;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 13px;
    color: #eb1c24;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.custom-select {
    width: 100%;
    border: none;
    background: transparent;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    padding: 5px 0;
}


/* Mobile */
/*@media (max-width: 768px) {*/
/*    .manufacturer-model-container {*/
/*        flex-direction: column;*/
/*        gap: 15px;*/
/*    }*/
    
/*    .select-group {*/
/*        padding: 20px 15px;*/
/*    }*/
/*}*/


/* Product Categories range */
.categories{
    width: 100%;
    height:100%;
}

.prod-cat{
    background: color #eb1c24;
}

.prod{
    width:264px;
    height:207px ;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;  
}
.base-shape{
    background-color:#eb1c24;
    width: 264px;
    height: 207px;
}



/* Your prod-cat overlay positioning */
.prod-cat {
    position: relative;
    height: 350px;
    border-radius:10px;
    margin-top:2%;
    margin-bottom:2%;
}

/* Main Container Wrapper */
.main-container {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

/* Product Image - Top Center */
.prod {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 273px;
    height: 330px;
    z-index: 5;           /* higher than base-shape + text */
}

.prod img {
    width: 100%;
    height: 80%;
    object-fit: cover;
}

/* Grey Base Shape - UNDER TYRE */
.base-shape {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #D9D9D9;
    width: 264px;
    height: 207px;
    z-index: 2;
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    border-radius: 219px 10px 54px 10px;
}

/* Text - ON TOP OF GREY, BUT UNDER TYRE SIDEWALL IF OVERLAP IS OK */
.shape-content {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;           /* between base and tyre */
    text-align: center;
    color: white;
    width: 100%;
}
/* Content - Bottom Center on Red Base */
.shape-content {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    text-align: center;
    color: rgb(0, 0, 0);
    width: 100%;
}

.shape-content h3 {
    font-family:'PT Sans Caption', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 2px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.shape-content p {
    font-family: 'PT Sans Caption', sans-serif;
    font-weight: normal;
    margin: 0;
    opacity: 0.9;
}

/* Hover */
/* .prod-cat:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 60px rgba(235,28,36,0.3);
} */

.prod-cat:hover .base-shape {
    background-color: #eb1c24;
}