/*
Theme Name: Iscar Theme Shop
Theme URI: https://alatcucianmobiljakarta.com/
Author: Nama Kamu
Author URI: https://alatcucianmobiljakarta.com/
Description: Pusat Peralatan Usaha Cuci Mobil
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alatcucianmobiljakarta
*/

:root {
    --main-font: 'Poppins', sans-serif;
}

.mobile-fix-option {
    display: none;
    /* disembunyikan di desktop */
}

li,
p {
    letter-spacing: .03em;
}

li {
    display: inline-block;
    font-size: 14px;
}

a {
    color: rgb(34, 34, 34);
    display: inline-block;
    font-size: calc(14.8px + .0625vw);
    font-weight: 400;
    letter-spacing: .03em;
}

a,
a:hover {
    text-decoration: none;
    transition: .4s ease;
}

ul {
    margin-bottom: 0;
    padding-left: 0;
}


/* detail post */
.product-photo {
    max-width: 400px;
    margin: auto;
    text-align: center;
    /* padding: clamp(3rem, -2.173rem + 10.777vw, 7.25rem); */
}

.main-image {
    padding: clamp(1rem, -2.173rem + 10.777vw, 1.25rem);
}

.main-image img {
    width: 100%;
    height: 400px;
    /* tinggi kotak fix */
    object-fit: contain;
    /* gambar tetap proporsional, tanpa terpotong */
    border: 0px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    /* latar putih biar rapi */

}

.thumbnails {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

.thumbnails img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    /* thumbnail juga rapih */
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    background-color: #fff;
    transition: border 0.3s;
}

.thumbnails img:hover {
    border: 1px solid #007bff;
}

.product-details_konten h1 {
    font-size: clamp(1.25rem, 1.2rem + 0.722vw, 2.25rem);
}