.theme-navbar{
    background-color: #0066CC;
}

.theme-navbar-light{
    background-color: #add1f5;
}

.theme-orange-btn{
    background-color: #FF6600;
}

.theme-orange-btn:hover{
    background-color: #FF6600;
    opacity: 0.9;
}

.theme-green-btn{
    background-color: #28A745;
}

.theme-green-btn:hover{
    background-color: #28A745;
    opacity: 0.9;
}

.theme-footer{
    background-color: #0066CC;
}

.theme-product img:hover{
    transform: scaleX(-1);
}

.theme-product .card-img-top{
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background: #f4f5f7;
}

.product-photo-open{
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
}

.product-photo{
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background: #f4f5f7;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
}

.image-viewer{
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8, 12, 20, 0.92);
}

.image-viewer[hidden]{
    display: none;
}

.image-viewer img{
    max-width: min(92vw, 1100px);
    max-height: 78vh;
    object-fit: contain;
    background: #f4f5f7;
    border-radius: 8px;
}

.image-viewer-close,
.image-viewer-nav{
    position: absolute;
    border: 0;
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.image-viewer-close{
    top: 16px;
    right: 16px;
}

.image-viewer-prev{
    left: 16px;
}

.image-viewer-next{
    right: 16px;
}

.image-viewer-count{
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
}

.product-thumbs{
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.product-thumb{
    width: 76px;
    height: 76px;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #f4f5f7;
    overflow: hidden;
}

.product-thumb.is-active{
    border-color: #0066CC;
}

.product-thumb img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body {
    font-family: 'Lato', sans-serif;
  }
.checked{
    color: #FF6600;
}