/*your custom css goes here*/
.bg-nav {
    background-color: #fffaef !important;
    box-shadow:
        rgb(48 16 8 / 0%) 0px 0px 0px 1px,
        rgb(48 16 8 / 24%) 0px 1px 1px -0.5px,
        rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px,
        rgb(48 16 8 / 6%) 0px 6px 6px -3px,
        rgb(48 16 8 / 33%) 0px 12px 12px -6px,
        rgb(48 16 8 / 18%) 0px 24px 24px -12px;
    /* margin-top: 1rem;
    margin-bottom: 1rem; */
}

.bg-footer {
    background-color: #fffaef !important;
    box-shadow:
        rgb(48 16 8 / 0%) 0px 0px 0px 1px,
        rgb(48 16 8 / 24%) 0px -1px 1px -0.5px,
        rgba(42, 51, 70, 0.04) 0px -3px 3px -1.5px,
        rgb(48 16 8 / 6%) 0px -6px 6px -3px,
        rgb(48 16 8 / 33%) 0px -12px 12px -6px,
        rgb(48 16 8 / 18%) 0px -24px 24px -12px;
}

#aiz-nav-tabs .nav-link {
    margin: 4px 8px;
}

.header-logo {
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none; /* prevents blocking clicks on left/right */
}

.header-logo a {
    pointer-events: auto; /* logo itself still clickable */
}

.front-header-search {
    display: none !important;
}

.front-header-search.active {
    display: flex !important; /* keep flex layout when visible */
}

.aiz-p-hov-icon .heart,
.aiz-p-hov-icon .compare {
    color: #919199 !important; /* hover color */
}

.aiz-p-hov-icon .heart:hover {
    color: red !important; /* hover color */
}

.aiz-p-hov-icon .heart svg path {
    fill: currentColor; /* make heart follow the link color */
}

.aiz-p-hov-icon .compare:hover {
    color: orange !important; /* hover color */
}

.aiz-p-hov-icon .compare svg path {
    fill: currentColor; /* make heart follow the link color */
}

.bg-color {
    background-color: #FFFAEF !important; /* light orange background color */
}

.banner-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    align-items: center;
    max-width: 100%;
}

.card {
    box-shadow: none !important; /* remove shadow from product cards */
}

.product-card {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 15px;
}

/* Default (mobile-first) */
.product-image {
    width: 100%;
    height: 420px;
    object-fit: cover; /* Crops images to fill container uniformly */
    object-position: center; /* Centers the image when cropping */
}

.product-cart-image {
    width: 100%;
    height: 450px;
    object-fit: cover; /* Crops images to fill container uniformly */
    object-position: center; /* Centers the image when cropping */
}

a.cart-btn:hover,
a.cart-btn:focus {
    background-color: var(--primary) !important;
    color: #fff !important; /* force white text */
    text-decoration: none !important;
}

a.cart-btn:hover i,
a.cart-btn:focus i,
a.cart-btn:hover span,
a.cart-btn:focus span {
    color: #fff !important; /* force icons & text to stay white */
}


.video {
    width: 100%;
    height: 420px;
    object-fit: cover;
    object-position: center; /* Centers the video when cropping */
}

.product-thumbnail {
    width: 100%;
    height: 800px;
    object-fit: scale-down; /* Crops images to fill container uniformly */
    object-position: center; /* Centers the image when cropping */
}

/* Tablets (≥576px) */
@media (min-width: 576px) {
    .fs-sm-14 { font-size: 0.875rem !important; }
    .fs-sm-16 { font-size: 1rem !important; }
    .fs-sm-18 { font-size: 1.125rem !important; }
    .fs-sm-20 { font-size: 1.25rem !important; }
    .fs-sm-48 { font-size: 3rem !important; }

    .product-image { height: 320px; }
    .product-cart-image { height: 350px; }
    .video { height: 320px; }
    .product-thumbnail { height: 600px; }

    /* Banner overlay adjustments - Centered */
    .banner-overlay {
        top: 50%;
        left: 50%;
        text-align: center;
        align-items: center;
        transform: translate(-50%, -50%); /* perfectly center both horizontally and vertically */
    }
}

/* Small desktops (≥768px) */
@media (min-width: 768px) {
    /* Font sizes for banner & products */
    .fs-md-12 { font-size: 0.75rem !important; }   /* button */
    .fs-md-13 { font-size: 0.8125rem !important; } /* paragraph small */
    .fs-md-14 { font-size: 0.875rem !important; }  /* small label */
    .fs-md-16 { font-size: 1rem !important; }      /* paragraph label */
    .fs-md-18 { font-size: 1.125rem !important; }  /* heading */
    .fs-md-20 { font-size: 1.25rem !important; }   /* heading larger */
    .fs-md-22 { font-size: 1.375rem !important; }  /* heading larger */
    .fs-md-28 { font-size: 1.75rem !important; }   /* heading largest */
    .fs-md-48 { font-size: 3rem !important; }

    /* Product Images */
    .product-image { height: 360px; }
    .product-cart-image { height: 390px; }
    .video { height: 360px; }
    .product-thumbnail { height: 700px; }

    /* Banner overlay - Centered */
    .banner-overlay {
        top: 50%;
        left: 50%;
        text-align: center;
        align-items: center;
        transform: translate(-50%, -50%);
    }
}

/* Medium desktops (≥992px) */
@media (min-width: 992px) {
    .fs-lg-12 { font-size: 0.75rem !important; }
    .fs-lg-13 { font-size: 0.8125rem !important; }
    .fs-lg-14 { font-size: 0.875rem !important; }
    .fs-lg-16 { font-size: 1rem !important; }
    .fs-lg-18 { font-size: 1.125rem !important; }
    .fs-lg-20 { font-size: 1.25rem !important; }
    .fs-lg-22 { font-size: 1.375rem !important; }
    .fs-lg-28 { font-size: 1.75rem !important; }
    .fs-lg-48 { font-size: 3rem !important; }

    .product-image { height: 380px; }
    .product-cart-image { height: 410px; }
    .video { height: 380px; }
    .product-thumbnail { height: 800px; }

    /* Banner overlay - Left aligned for larger screens */
    .banner-overlay {
        top: 20%;
        left: 20%;
        transform: translate(0, -20%);
        text-align: left;
        align-items: flex-start;
    }
}

/* Large desktops (≥1200px) */
@media (min-width: 1200px) {
    .fs-xl-12 { font-size: 0.75rem !important; }
    .fs-xl-13 { font-size: 0.8125rem !important; }
    .fs-xl-14 { font-size: 0.875rem !important; }
    .fs-xl-16 { font-size: 1rem !important; }
    .fs-xl-18 { font-size: 1.125rem !important; }
    .fs-xl-20 { font-size: 1.25rem !important; }
    .fs-xl-22 { font-size: 1.375rem !important; }
    .fs-xl-28 { font-size: 1.75rem !important; }
    .fs-xl-48 { font-size: 3rem !important; }

    .product-image { height: 320px; }
    .product-cart-image { height: 350px; }
    .video { height: 420px; }
    .product-thumbnail { height: 600px; }

    .banner-overlay {
        top: 25%;
        left: 20%;
        text-align: left;
        align-items: flex-start;
        transform: translate(0, -25%);
    }
}

/* Extra-large screens (≥1400px) */
@media (min-width: 1400px) {
    .fs-xxl-12 { font-size: 0.75rem !important; }
    .fs-xxl-13 { font-size: 0.8125rem !important; }
    .fs-xxl-14 { font-size: 0.875rem !important; }
    .fs-xxl-16 { font-size: 1rem !important; }
    .fs-xxl-18 { font-size: 1.125rem !important; }
    .fs-xxl-20 { font-size: 1.25rem !important; }
    .fs-xxl-22 { font-size: 1.375rem !important; }
    .fs-xxl-28 { font-size: 1.75rem !important; }
    .fs-xxl-48 { font-size: 3rem !important; }

    .product-image { height: 390px; }
    .product-cart-image { height: 450px; }
    .video { height: 420px; }
    .product-thumbnail { height: 800px; }

    .banner-overlay {
        top: 25%;
        left: 20%;
        text-align: left;
        align-items: flex-start;
        transform: translate(0, -25%);
    }
}