/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Red+Hat+Display:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');*/

:root {
    --primary-font: 'Quicksand', sans-serif;
    --primary-color: #FF7044;
    --primary-hover: #5b2b1c;
    --normal-text: #222222;
    --dark-bg: #222222;
}

* {
    font-family: var(--primary-font);
}

/*a {
    color: var(--primary-color) !important;
    transition: 0.5s;
}

a:hover, a:focus {
    color: var(--primary-hover) !important;
}*/

h1, h2, h3, h4, h5, h6{
    font-family: "Barlow Condensed", sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    font-family: "Barlow Condensed", sans-serif;
    text-decoration: none;
    color: var(--primary-color);
}

u {
    text-decoration: underline;
    text-decoration-color: var(--primary-color);
}

/*
*   Overlay loader
*/
/*.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}

.overlay .loader-card{
    width: 15%;
    margin: 10% auto;
}

.overlay .loader-card h5{
    margin-top: -50px;
}*/

/* Fullscreen Overlay */
.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9); /* Light blur */
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(4px); /* subtle background blur */
    display: none;
}

/* Loader Card */
.loader-card {
    margin: 18% auto;
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    max-width: 340px;
    width: 90%;
    text-align: center;
}

#offer-modal .modal-dialog .modal-content .modal-body button{
    position: absolute;
    right: 9px;
    top: 2px;
}

@media only screen and (max-width: 768px) {
    .loader-card{
        margin: 60% auto;
    }    
}

/* Image Styling */
.loader-img {
    width: 80px;
    margin-bottom: 1rem;
}

/* Title Styling */
.loader-title {
    font-size: 1.25rem;
    color: #333;
    margin-bottom: 0.5rem;
}

/* Subtext Styling */
.loader-subtext {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.4;
}

.page-title{
    background: var(--primary-color);
    color: #fff;
    height: 60px;
    overflow: hidden;
}

.page-title .title{
    font-family: "Barlow Condensed", sans-serif;
/*    font-weight: 400;*/
    font-style: italic;
}

.page-title .title i{
    font-size: 13px;
}

.page-title .title a{
    font-family: "Barlow Condensed", sans-serif;
/*    font-weight: 400;*/
    font-style: italic;
    color: #fff !important;
    text-decoration: none;
}

.page-title .title a:hover{
    text-decoration: underline;
}

/*OFFERS*/
.offers-section{
    /*background: #F5F5F5;*/
    background-image: radial-gradient(circle, #fc8100, #faa02c, #fabc50, #fad575, #fdec9d);
    overflow: hidden;
}

/*CATEGORIES*/
.categories{
    overflow: hidden;
    min-height: 230px;
    padding: 20px 0px 20px 0px; 
/*  background-color: #F6F8FF;*/
}

.categories .circle-img{
    background-color: #fff;
    border: 3px solid var(--primary-color);
    border-radius: 55%;
    overflow: hidden;
}

.categories .circle-img img{
    transition: transform 0.3s ease-in-out; 
}

.categories .circle-img img:hover{
    transform: scale(1.2) rotate(10deg);
    cursor: pointer;    
}

/*HERO*/

.hero-section{
    background: url('../images/texture-2.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}

.hero-title{
    font-family: "Barlow Condensed", sans-serif;
    font-size: 7em;
}

.hero-subtext{
    font-family: "Barlow Condensed", sans-serif;
    font-size: 3em;
}


/*HERO END*/


/*  OFFCANVAS CART  */
#offcanvas-cart.oc-cart,
#offcanvas-cart {
    --bs-offcanvas-width: min(100vw, 420px);
}

@media (max-width: 575.98px) {
    #offcanvas-cart.oc-cart,
    #offcanvas-cart {
        --bs-offcanvas-width: 100%;
    }
}

#offcanvas-cart .oc-cart__header {
    padding: 1rem 1.15rem 0.75rem;
    background: #fff;
}

#offcanvas-cart .oc-cart__body {
    background: #f8f9fa;
    overflow-y: auto;
    flex: 1 1 auto;
}

#offcanvas-menu .offcanvas-body {
    background: url('../images/tilt-cup.png') no-repeat right bottom;
    background-size: 50%;
    background-position: bottom;
    background-position-x: 115%;
    background-color: rgba(243, 117, 33, 0.25);
    background-blend-mode: lighten;
}

#offcanvas-cart .oc-cart-items {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

/* Cart line item */
#offcanvas-cart .oc-cart-item {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 0.75rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

#offcanvas-cart .oc-cart-item__remove {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    background: #f5f5f5;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    cursor: pointer;
    z-index: 2;
    transition: background 0.15s, color 0.15s;
}

#offcanvas-cart .oc-cart-item__remove:hover {
    background: #ffebee;
    color: #c62828;
}

#offcanvas-cart .oc-cart-item__inner {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding-right: 1.5rem;
}

#offcanvas-cart .oc-cart-item__img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 10px;
    background: #f0f0f0;
    flex-shrink: 0;
}

#offcanvas-cart .oc-cart-item__content {
    flex: 1;
    min-width: 0;
}

#offcanvas-cart .oc-cart-item__title {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 0 0 0.25rem;
    padding-right: 0.25rem;
}

#offcanvas-cart .oc-cart-item__pack {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--primary-color);
    background: #fff0eb;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    margin-left: 0.25rem;
    vertical-align: middle;
}

#offcanvas-cart .oc-cart-item__price {
    font-size: 0.95rem;
    font-weight: 700;
    color: #2e7d32;
    margin: 0 0 0.5rem;
}

#offcanvas-cart .oc-cart-item__price .fa-solid {
    font-size: 0.65em;
}

/* Quantity controls */
#offcanvas-cart .oc-cart-qty {
    display: inline-flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 999px;
    overflow: hidden;
    background: #fff;
}

#offcanvas-cart .oc-cart-qty__btn {
    width: 36px;
    height: 36px;
    border: 0;
    background: var(--primary-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s;
}

#offcanvas-cart .oc-cart-qty__btn:hover {
    background: var(--primary-hover);
}

#offcanvas-cart .oc-cart-qty__input {
    width: 2.5rem;
    height: 36px;
    border: 0;
    text-align: center;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0;
    background: transparent;
    -moz-appearance: textfield;
}

#offcanvas-cart .oc-cart-qty__input::-webkit-outer-spin-button,
#offcanvas-cart .oc-cart-qty__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Freebie in offcanvas */
#offcanvas-cart .oc-cart-freebie {
    background: linear-gradient(135deg, #fffbe6 0%, #fff 100%);
    border: 1.5px dashed #43a047;
    border-radius: 12px;
    padding: 0.75rem;
}

#offcanvas-cart .oc-cart-freebie__badge {
    font-size: 0.75rem;
    font-weight: 700;
    color: #388e3c;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.5rem;
}

#offcanvas-cart .oc-cart-freebie__body {
    display: flex;
    gap: 0.65rem;
    align-items: center;
}

#offcanvas-cart .oc-cart-freebie__img {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #c8e6c9;
    flex-shrink: 0;
}

#offcanvas-cart .oc-cart-freebie__text {
    font-size: 0.8rem;
    line-height: 1.4;
    color: #444;
}

#offcanvas-cart .oc-cart-freebie__free {
    color: #2e7d32;
    font-weight: 700;
}

/* Empty state */
#offcanvas-cart .oc-cart-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 1.25rem;
    min-height: 280px;
}

#offcanvas-cart .oc-cart-empty__img {
    width: min(70%, 180px);
    margin-bottom: 1rem;
    opacity: 0.9;
}

#offcanvas-cart .oc-cart-empty__title {
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 0.35rem;
}

#offcanvas-cart .oc-cart-empty__text {
    color: #6c757d;
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
    max-width: 240px;
}

/* Offer bar */
#offcanvas-cart .oc-cart__offer,
#offcanvas-cart .offcanvas-cart-offer,
.cart-summary .cart-offer {
    position: relative;
    display: block;
    padding: 0.75rem 1rem;
    background: #ffcc00;
    font-size: 0.8rem;
    line-height: 1.4;
    overflow: hidden;
    color: #000;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
    flex-shrink: 0;
}

#offcanvas-cart .oc-cart__offer::before,
#offcanvas-cart .offcanvas-cart-offer::before,
.cart-summary .cart-offer::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0.2) 100%
    );
    transform: skewX(-25deg);
    animation: shine 2.5s infinite;
}

@keyframes shine {
    0% { left: -75%; }
    100% { left: 125%; }
}

/* Footer */
#offcanvas-cart .oc-cart__footer,
#offcanvas-cart .offcanvas-footer {
    background: #fff;
    border-top: 1px solid #eee;
    padding: 0.85rem 1rem;
    padding-bottom: max(0.85rem, env(safe-area-inset-bottom));
    flex-shrink: 0;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.06);
}

#offcanvas-cart .oc-cart__total-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

#offcanvas-cart .oc-cart__total-label {
    flex: 1;
    min-width: 0;
}

#offcanvas-cart .oc-cart__total-amount {
    font-size: 1.35rem;
    font-weight: 700;
    color: #222;
    line-height: 1.2;
}

#offcanvas-cart .oc-cart__total-amount .fa-solid {
    font-size: 0.75em;
}

#offcanvas-cart .oc-cart__checkout-btn {
    border-radius: 999px;
    font-weight: 600;
    padding: 0.65rem 1.15rem;
    white-space: nowrap;
    min-height: 44px;
}

@media (max-width: 380px) {
    #offcanvas-cart .oc-cart__total-row {
        flex-direction: column;
        align-items: stretch;
    }
    #offcanvas-cart .oc-cart__checkout-btn {
        width: 100%;
    }
}

#offcanvas-cart.oc-cart {
    display: flex;
    flex-direction: column;
}


/*#offcanvas-cart .offcanvas-body {
    position: relative; 
    z-index: 1;
}

#offcanvas-cart .offcanvas-body::after {
    content: "";
    position: absolute;
    right: 10px;   
    bottom: 10px;  
    width: 150px;  
    height: 150px;
    background: url('../images/dac.png') no-repeat center center;
    background-size: contain;  
    opacity: 0.1;  
    pointer-events: none; 
    z-index: -1;
}*/

/*  OFFCANVAS CART END  */
@media screen and (max-width: 768px){
    .page-title .title{
        font-size: 0.9em;
    }
}

.rating-stars{
    text-align: center;
    color: #FFC007;
    font-size: 2.8em;
}

.rating-stars i{
    cursor: pointer;
}

.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6{
    font-family: "Barlow Condensed", sans-serif !important;
}

.alert p, .alert a{
    font-family: "Barlow Condensed", sans-serif !important;
}

.filter-canvas ul{
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}

.filter-canvas ul li{
    margin-bottom: 15px;
}


/*
*	************************************ BOOTSTRAP OVERRIDES *********************************
*/
.bg-primary{
    background: var(--primary-color) !important;
}

.color-primary {
    color: var(--primary-color) !important;
}

.link-primary {
    color: cornflowerblue !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.btn-primary {
    color: #fff !important;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-rounded {
    border-radius: 25px;
}

.border-dotted {
    border-bottom-style: dashed;
    border-color: #C7C7C7;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff !important;
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
    box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
}

.btn-primary:hover {
    color: #fff !important;
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #f58c6b;
    border-color: #f58c6b;
}

.no-decoration {
    text-decoration: none;
}

.text-title-shadow{
    text-shadow: 0px 3px 5px #aeaeae;
}

.box-shadow {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.box-border {
    border: 2px solid #c7c7c7;
}

.border-radius {
    border-radius: 30px;
}

.edit {
    margin-bottom: -4%;
}

.text-decoration {
    font-size: 12px;
}

/*.freebie-card{
    background: #e8a559;
    border-color: #e8a559;
}*/

/*.freebie-card-2{
    background: #f4ca9a;
    border-color: #f4ca9a;
}*/

/*
*	************************************ BOOTSTRAP OVERRIDES *********************************
*/
/*
*	************************************ NAVBAR *********************************
*/
html {
    scroll-padding-top: calc(var(--site-header-height, 72px) + 8px);
}

.site-header {
    z-index: 1030;
}

.site-header.is-scrolled .namaste-navbar {
    box-shadow: 0 4px 24px rgba(34, 34, 34, 0.1);
}

.namaste-navbar {
    --namaste-navbar-height: 72px;
    min-height: var(--namaste-navbar-height);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(34, 34, 34, 0.06);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    transition: box-shadow 0.25s ease, background 0.25s ease;
}

.namaste-navbar__container {
    gap: 0.5rem 0.75rem;
}

.namaste-navbar__brand {
    margin-right: 0;
    line-height: 1;
}

.namaste-navbar__logo {
    display: block;
    width: auto;
    height: 48px;
    max-height: 52px;
    object-fit: contain;
}

.namaste-navbar__toggle {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(34, 34, 34, 0.1);
    border-radius: 12px;
    background: #fff;
    box-shadow: none;
}

.namaste-navbar__toggle:focus {
    box-shadow: 0 0 0 3px rgba(255, 112, 68, 0.25);
}

.namaste-navbar__toggle-bar {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background: var(--primary-hover);
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.namaste-navbar__toggle[aria-expanded="true"] .namaste-navbar__toggle-bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.namaste-navbar__toggle[aria-expanded="true"] .namaste-navbar__toggle-bar:nth-child(2) {
    opacity: 0;
}

.namaste-navbar__toggle[aria-expanded="true"] .namaste-navbar__toggle-bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

.namaste-navbar__actions {
    gap: 0.35rem;
}

.namaste-navbar__icon-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(34, 34, 34, 0.08);
    border-radius: 12px;
    background: #fff;
    color: var(--primary-hover);
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
}

.namaste-navbar__icon-btn:hover,
.namaste-navbar__icon-btn:focus-visible {
    background: rgba(255, 112, 68, 0.08);
    border-color: rgba(255, 112, 68, 0.35);
    color: var(--primary-color);
}

.namaste-navbar__icon-btn:active {
    transform: scale(0.97);
}

.namaste-navbar__badge {
    position: absolute;
    top: 4px;
    right: 4px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--primary-color);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

.namaste-navbar__badge:empty,
.namaste-navbar__badge[data-count="0"] {
    display: none;
}

.namaste-navbar__login-btn {
    margin-left: 0.25rem;
    padding: 0.45rem 1.25rem;
    border: 1px solid rgba(255, 112, 68, 0.45);
    border-radius: 999px;
    background: #fff;
    color: var(--primary-color);
    font-weight: 600;
}

.namaste-navbar__login-btn:hover,
.namaste-navbar__login-btn:focus-visible {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

.namaste-navbar__menu-btn {
    margin-left: 0.25rem;
    padding: 0.45rem 1rem;
    border: none;
    border-radius: 999px;
    background: var(--primary-hover);
    color: #fff;
    font-weight: 600;
}

.namaste-navbar__menu-btn:hover,
.namaste-navbar__menu-btn:focus-visible {
    background: var(--primary-color);
    color: #fff;
}

.namaste-navbar__nav {
    gap: 0.15rem;
    padding-top: 0.5rem;
}

.namaste-navbar__link {
    font-weight: 600;
    color: var(--primary-hover);
    border-radius: 10px;
    padding: 0.65rem 1rem !important;
    transition: background 0.2s ease, color 0.2s ease;
}

.namaste-navbar__link:hover,
.namaste-navbar__link:focus-visible {
    color: var(--primary-color);
    background: rgba(255, 112, 68, 0.08);
}

.namaste-navbar .navbar-collapse .nav-item .namaste-navbar__link.active {
    background: rgba(255, 112, 68, 0.15);
    color: var(--primary-color);
    box-shadow: inset 0 -2px 0 var(--primary-color);
}

@media (max-width: 991.98px) {
    .namaste-navbar__container {
        display: grid;
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto auto;
        align-items: center;
    }

    .namaste-navbar__toggle {
        grid-column: 1;
        grid-row: 1;
    }

    .namaste-navbar__brand {
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
    }

    .namaste-navbar__actions {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
    }

    .namaste-navbar__collapse {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .namaste-navbar__collapse.collapsing,
    .namaste-navbar__collapse.show {
        margin-top: 0.25rem;
        padding: 0.5rem;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.98);
        border: 1px solid rgba(34, 34, 34, 0.06);
        box-shadow: 0 12px 32px rgba(34, 34, 34, 0.08);
    }

    .namaste-navbar__nav .nav-item + .nav-item {
        border-top: 1px solid rgba(34, 34, 34, 0.06);
    }

    .namaste-navbar__link {
        padding: 0.85rem 0.75rem !important;
    }
}

@media (min-width: 992px) {
    .namaste-navbar__container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    .namaste-navbar__brand {
        flex: 0 0 auto;
        margin-right: 1rem;
    }

    .namaste-navbar__collapse {
        flex: 1 1 auto;
        order: 2;
    }

    .namaste-navbar__actions {
        flex: 0 0 auto;
        order: 3;
        margin-left: 0.75rem;
    }

    .namaste-navbar__nav {
        padding-top: 0;
    }

    .namaste-navbar .navbar-collapse .nav-item .namaste-navbar__link {
        padding: 0.5rem 0.85rem !important;
        border-radius: 999px;
    }

    .namaste-navbar .navbar-collapse .nav-item .namaste-navbar__link.active {
        box-shadow: none;
    }
}

@supports (padding-top: env(safe-area-inset-top)) {
    .site-header.sticky-top {
        padding-top: env(safe-area-inset-top);
    }
}

.offcanvas-header{
    background: #dfdfdf;
}

.profile-pic
{
    border-radius: 55%;
    border: 4px solid #F77722;
}

/*SIDEBAR MENU*/
.sidebar-menu{
    list-style: none;
    padding: 4px;
}

.sidebar-menu li{
    margin-bottom: 20px;
}

.sidebar-menu li a{
    color: var(--primary-hover) !important;
    text-decoration: none;
}

.sidebar-menu li a:hover{
    color: var(--primary-color) !important;
}

.nav-link {
    font-weight: 500;
    color: var(--primary-color);
    text-decoration: none;
    display: inline-block;
    padding: 10px 10px;
    position: relative;
}

/*.nav-link:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    background: var(--primary-color);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0%;
    left: 40%;
}

.nav-link:hover:after {
    width: 20%;
    left: 40%;
}

.nav-link:hover {
    color: var(--primary-hover) !important;
}*/

.navbar:not(.namaste-navbar) .navbar-collapse .nav-item .nav-link{
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 3px 3px 0 0;
    transition: 0.3s;
}

.navbar:not(.namaste-navbar) .navbar-collapse .nav-item .nav-link:hover{
    background: rgba(243, 117, 33, 0.1);
    border-bottom: 2px solid var(--primary-color);
}

.navbar:not(.namaste-navbar) .navbar-collapse .nav-item .nav-link.active{
    background: rgba(243, 117, 33, 0.4);
    border-bottom: 2px solid var(--primary-color);
    color: #fff;
}

.nav-margin{
    margin-top: 85px;
}

.package{
    cursor: pointer;
    transition: 0.5s;
    text-align: center; 
}

.package .card-body{
    padding: 5px 0px 0px 0px;
}

.package:hover{
    box-shadow: 2px 2px 5px 1px #ccc;
    background: #dfdfdf;
}

.package.active{
    color: rgb(255, 112, 68);
    background: rgba(255, 112, 68, 0.1);
    border-color: rgb(255, 112, 68);    
}

/*
************************************** TRENDING ******************************
*/
.trending{
    background: #ffede1;
    position: relative;
    overflow: hidden;
}

.wave-container {
  width: 100%;
  overflow: hidden;
  height: 200px;
  z-index: 0;
  margin-top: -100px;  
}

.wave-container svg {
  display: block;
  width: 100%;
  height: 100%;
}
/*
************************************** END TRENDING ******************************
*/

/*
************************************** CATEGORY TOP SELLERS ******************************
*/
.category-top-sellers{
    overflow: hidden;
    padding: 5% 0 5% 0;
    background: #F37521;
background: linear-gradient(0deg, rgba(243, 117, 33, 1) 0%, rgba(255, 237, 225, 1) 56%, rgba(255, 255, 255, 1) 95%);
}

.category-top-sellers .top-seller-card{
    border: none;
    background: none;
}

.category-top-sellers .top-seller-card .card-body{
    border: none;
}
/*
************************************** END CATEGORY TOP SELLERS ******************************
*/


/*
*	************************************ END NAVBAR *********************************
*/
/* Product details */
/*.overlay {
    position: absolute;
    background-color: #FFEBE5;
    width: 120%;
    height: 40%;
    margin: -3.5%;
}*/

.product img {
    box-shadow: 3px 3px 3px 3px #888888;
}

.productdetails th {
    font-weight: 300;
    border: none;
}

.productdetails td {
    font-weight: 400;
}

.productdetails .text-primary {
    font-weight: 500;
}

/* Product details end*/
/* address starts*/
.numberCircle {
    width: 25px;
    height: 25px;
    padding: 3px;
    border-radius: 50%;
    color: black;
    text-align: center;
    font-size: 15px;
    border: 2px solid var(--primary-color);
}

.savedaddress button:click {
    color: pink;
}

/* address section end */
/*
*	************************************ FOOTER *********************************
*/
.pre-footer{    
    padding-top: 15px;
    padding-bottom: 10px;
    overflow: hidden;
    box-shadow: 0px 2px 15px 0px #666666;
}

.pre-footer .container .row > .col-sm:not(:last-child){
    border-right: 1px solid #d3d3d3;
}


/*Footer styling starts here*/
.footer {
    padding-top: 3%;
    /*background-color: var(--dark-bg);*/
    /*border-top: 1px solid #FFEDE1;*/
}

.footer li, .footer p, .footer a {
    /*color: #6B6B6B !important;*/
    color: #666666;
    font-size: 13px;
    font-family: "Barlow Condensed", sans-serif;
}

.footer li>a {
    font-size: 15px;
    text-decoration: none;
    line-height: 25px;
    transition: 0.5s;
}

.footer li>a:hover {
    color: var(--primary-color);
}

.footer-heading {
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
}

/*
*	************************************ END FOOTER *********************************
*/

/*
*    ************************************ PRODUCT CARD *********************************
*/

.product-card {
/*  width: 300px;*/
  /* transition: transform 0.3s; */
}

.product-card .alternate-image{
    display: none;
}

/* .product-card:hover,
.product-card:hover .initial-image {
  transform: scale(1.02);
} */

/*.product-card:hover{
    box-shadow: 2px 2px 5px 1px #dfdfdf;
    transition: 0.3s;
}*/

.product-card .product-badge{
    height: 50px;
    /* background: #dfdfdf; */
    width: 100%;
    position: absolute;
    z-index: 9;
}

.product-card .product-badge .pack{
    width: 48px;
    height: 48px;
    float: left;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    margin-left: 6px;
}

/* .product-card .product-badge .pack span{

} */

.product-card .product-badge .off{
    background: url('../images/discount.png') no-repeat;
    background-position: right;
    background-size: 100% 100%;
    padding: 3px;
    width: 25%;
    height: 30px;
    float: right;
    margin-top: 16px;
    z-index: 9;
    margin-right: -3%;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
}

@media screen and (max-width: 768px){
    .product-card .product-badge .off{
        width: 45%;
    }
}

.product-card .card-img-top{
    width: 65%;
    margin: 0px auto;
}

.product-card .card-body .card-title a{
    color: #212529 !important;
}

.product-card .card-body p.text-primary small{
    font-size: 12px;
}

/*
*    ************************************ END PRODUCT CARD *********************************
*/

/*
*    ************************************ PRODUCT DETAIL *********************************
*/
.orange-patch{
    margin: 0;
    padding: 0;
    height: 238px;
    background: #FFEBE5;
}

.detail-card{
    padding-bottom: 150px;
}

.detail-card .detail-card-container{
    /*background: #fff;
    border-radius: 22px;*/
    min-height: 500px;
}

.detail-card .pricing-strip{
    border-radius: 22px 22px 0px 0px;
}

.product-img img:hover{
    box-shadow: 1px 2px 5px #dfdfdf;
}

.underlined-header{
    padding-bottom: 5px;
    border-bottom: 2px solid var(--primary-color);
    display: inline-block;
}

/*.table-striped>tbody>tr:nth-of-type(odd)>* {
    background: #FFEBE5;

}*/

/*
*    ************************************ END PRODUCT DETAIL *********************************
*/

/*
*    ************************************ CATEGORY CARD **********************************
*/

.category-card{
    border: none;
    margin-bottom: 5%;
    margin-top: 5%;
    cursor: pointer;
}

/*.category-card .card-img-top{
    width: 30%;
}*/

.category-card .card-body{
    border: 1px solid #FFF6F3;
    border-radius: 15px;
    background: #FFF6F3;
}

.category-card .card-body a{
    text-decoration: none;
}

.category-card .card-body .col-7  p{
    color: #000;
}

.category-card .card-body .col-7{
    text-align: right;
}

.category-card .card-body .col-5 img{
    margin-top: -45%;
}

.categorized-items-card{
    border: none;
}

.categorized-items-card .card-body .col-6{
    text-align: right;
}

.divider{
    width: 100%;
}

.category-card:hover .card-body{
    border: 1px solid var(--primary-color);
}


/*
*    ************************************ END CATEGORY CARD **********************************
*/


/*
*    ************************************ USER ACCOUNT VERICAL TABS **********************************
*/
.account-nav{
    min-width: 18%;
}

.nav-pills .nav-link{
    color: var(--primary-color);
    background: none;
    text-align: left;
}

.account-nav .nav-link:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    background: var(--primary-color);
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0%;
    left: 20%;
}

.account-nav .nav-link:hover:after {
    width: 15%;
    left: 20%;
}

.account-nav .nav-link.active, .nav-pills .show>.nav-link {
    background: none;
    color: var(--primary-hover);
}

.account-nav .nav-link.active:after, .account-nav .show>.nav-link:after {
    width: 15%;
    left: 20%;
}

.shipping-address{
    cursor: pointer;
}

.shipping-address .card-body address{
    font-size: 12px;
}

.shipping-address:hover{
    box-shadow: 1px 2px 5px #dfdfdf;
}

.shipping-address.selected{
    background-color: #fcf3f0;
    border: 1px solid var(--primary-color);
}

.payment-method-card{
    cursor: pointer;
}

.payment-method-card.selected{
    background-color: #fcf3f0;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.pricing .fa-solid{
    font-size: 0.7em;
}

/*
*    ************************************ END USER ACCOUNT VERICAL TABS **********************************
*/

/*
*    ************************************ CART VIEW ***********************************
*   26-09-2025
*/
.cart-page {
    padding-bottom: 5rem;
}

.cart-page.cart-summary {
    padding: 1.5rem 0 5rem;
}

.cart-page__heading {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
}

.cart-page__subheading {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.cart-page__sidebar {
    position: sticky;
    top: 1rem;
}

.cart-page__summary-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

.cart-page__summary-card #summary {
    padding: 1rem 1.15rem 0.5rem;
}

.cart-page__summary-card .cart-offer {
    margin: 0;
    border-radius: 0;
}

/* Shared cart item styles (page + offcanvas + checkout) */
.cart-page .oc-cart-items--page,
.checkout-page .oc-cart-items--page,
#offcanvas-cart .oc-cart-items {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.cart-page .oc-cart-item,
.checkout-page .oc-cart-item,
#offcanvas-cart .oc-cart-item {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 0.75rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.cart-page .oc-cart-item--page {
    padding: 1rem;
}

.cart-page .oc-cart-item__category {
    display: block;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #888;
    margin-bottom: 0.2rem;
}

.cart-page .oc-cart-item__inner,
#offcanvas-cart .oc-cart-item__inner {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding-right: 1.5rem;
}

.cart-page .oc-cart-item--page .oc-cart-item__img {
    width: 88px;
    height: 88px;
}

.cart-page .oc-cart-item__remove,
#offcanvas-cart .oc-cart-item__remove {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    background: #f5f5f5;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    cursor: pointer;
    z-index: 2;
}

.cart-page .oc-cart-item__title,
#offcanvas-cart .oc-cart-item__title {
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
}

.cart-page .oc-cart-item__price,
#offcanvas-cart .oc-cart-item__price {
    font-size: 1rem;
    font-weight: 700;
    color: #2e7d32;
    margin: 0 0 0.5rem;
}

.cart-page .oc-cart-qty,
#offcanvas-cart .oc-cart-qty {
    display: inline-flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 999px;
    overflow: hidden;
}

.cart-page .oc-cart-qty__btn,
#offcanvas-cart .oc-cart-qty__btn {
    width: 40px;
    height: 40px;
    border: 0;
    background: var(--primary-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.cart-page .oc-cart-qty__input,
#offcanvas-cart .oc-cart-qty__input {
    width: 2.75rem;
    height: 40px;
    border: 0;
    text-align: center;
    font-weight: 600;
    background: transparent;
}

.cart-page .oc-cart-freebie,
.checkout-page .oc-cart-freebie,
#offcanvas-cart .oc-cart-freebie {
    background: linear-gradient(135deg, #fffbe6 0%, #fff 100%);
    border: 1.5px dashed #43a047;
    border-radius: 12px;
    padding: 0.75rem;
}

.cart-page .oc-cart-freebie__badge,
#offcanvas-cart .oc-cart-freebie__badge {
    font-size: 0.75rem;
    font-weight: 700;
    color: #388e3c;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.5rem;
}

.cart-page .oc-cart-freebie__body,
#offcanvas-cart .oc-cart-freebie__body {
    display: flex;
    gap: 0.65rem;
    align-items: center;
    min-width: 0;
}

.cart-page .oc-cart-freebie__img,
#offcanvas-cart .oc-cart-freebie__img {
    width: 56px;
    height: 56px;
    min-width: 56px;
    max-width: 56px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #c8e6c9;
    flex-shrink: 0;
}

.cart-page .oc-cart-freebie--unlock .oc-cart-freebie__img,
#offcanvas-cart .oc-cart-freebie--unlock .oc-cart-freebie__img {
    width: 64px;
    height: 64px;
    min-width: 64px;
    max-width: 64px;
}

.cart-page .oc-cart-freebie__text,
#offcanvas-cart .oc-cart-freebie__text {
    font-size: 0.8rem;
    line-height: 1.4;
    color: #444;
    min-width: 0;
}

.cart-page .oc-cart-freebie__free,
#offcanvas-cart .oc-cart-freebie__free {
    color: #2e7d32;
    font-weight: 700;
}

.cart-page .oc-cart-empty--page {
    min-height: 320px;
}

/* Summary card rows */
.cart-summary-card__row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-size: 0.9rem;
    border-bottom: 1px dashed #f0f0f0;
}

.cart-summary-card__row--total {
    border-bottom: 0;
    border-top: 2px solid #222;
    margin-top: 0.35rem;
    padding-top: 0.85rem;
    font-weight: 700;
}

.cart-summary-card__total {
    font-size: 1.25rem;
    color: var(--primary-color);
}

.cart-summary-card__coupon {
    display: inline-block;
    font-size: 0.65rem;
    padding: 0.15rem 0.45rem;
    background: #62c12a;
    color: #fff;
    border-radius: 4px;
    margin-left: 0.35rem;
    vertical-align: middle;
}

.cart-summary-card__row--highlight {
    background: #fff8e1;
    margin: 0 -0.5rem;
    padding: 0.5rem;
    border-radius: 8px;
    border-bottom: 0;
}

/* Address selection */
.cart-address {
    display: block;
    cursor: pointer;
    margin-bottom: 0.5rem;
}

.cart-address__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.cart-address__card {
    display: block;
    padding: 0.75rem 1rem;
    border: 2px solid #eee;
    border-radius: 12px;
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.cart-address__input:checked + .cart-address__card {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(255, 112, 68, 0.15);
}

.cart-address__name {
    display: block;
    font-weight: 600;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

.cart-address__tag {
    font-size: 0.65rem;
    background: var(--primary-color);
    color: #fff;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    margin-left: 0.35rem;
    vertical-align: middle;
}

.cart-address__line,
.cart-address__gstin {
    display: block;
    font-size: 0.75rem;
    color: #666;
    line-height: 1.4;
}

.cart-address__label {
    display: inline-block;
    font-size: 0.7rem;
    color: var(--primary-color);
    font-weight: 600;
    margin-top: 0.35rem;
}

/* Upsell carousel */
.cart-upsell-slider {
    position: relative;
    padding: 0 2.75rem;
    margin: 0 -0.25rem;
}

.cart-upsell-slider .cart-upsell.combos {
    margin: 0;
}

.cart-upsell-slider .cart-upsell.combos .slick-list {
    overflow: hidden;
    margin: 0 -0.35rem;
}

.cart-upsell-slider .cart-upsell.combos .slick-track {
    display: flex;
    align-items: stretch;
}

.cart-upsell-slider .cart-upsell__slide {
    height: auto;
}

.cart-upsell-slider .cart-upsell__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    background: #fff;
    color: var(--primary-color);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}

.cart-upsell-slider .cart-upsell__arrow:hover {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}

.cart-upsell-slider .cart-upsell__arrow--prev {
    left: 0;
}

.cart-upsell-slider .cart-upsell__arrow--next {
    right: 0;
}

.cart-upsell-slider .cart-upsell__arrow i {
    font-size: 0.85rem;
    line-height: 1;
}

/* Hide default slick pseudo-elements when using custom buttons */
.cart-upsell-slider .slick-prev::before,
.cart-upsell-slider .slick-next::before {
    display: none;
    content: none;
}

@media (max-width: 575.98px) {
    .cart-upsell-slider {
        padding: 0 2.25rem;
    }
    .cart-upsell-slider .cart-upsell__arrow {
        width: 34px;
        height: 34px;
    }
}

.cart-upsell__card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    margin: 0 0.35rem;
    height: 100%;
}

.cart-upsell__img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.cart-upsell__body {
    padding: 0.65rem;
}

.cart-upsell__title {
    font-size: 0.8rem;
    margin-bottom: 0.25rem;
}

.cart-upsell__title a {
    color: inherit;
    text-decoration: none;
}

.cart-upsell__price {
    font-size: 0.9rem;
    font-weight: 700;
    color: #2e7d32;
}

/* Mobile sticky checkout */
.cart-page__mobile-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1040;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
    background: #fff;
    border-top: 1px solid #eee;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
}

.cart-page__mobile-total strong {
    font-size: 1.1rem;
}

.cart-page__checkout-btn {
    min-height: 48px;
    font-weight: 600;
}

@media (max-width: 991.98px) {
    .cart-page__sidebar {
        position: static;
    }
    .cart-page.cart-summary {
        padding-bottom: 6.5rem;
    }
}

.cart-summary{
    padding: 30px 0px 50px 0px;
}

.cart-summary h4.title, .cart-summary h4.title span{
    font-family: "Barlow Condensed", sans-serif;
}

.cart-summary h4.title span{
    color: #aeaeae;
    font-size: 0.7em;    
    float: right;
    margin-top: 6px;
}

.cart-summary .card .btn-close{
    position: absolute;
    right: 4px;
    top: 4px;
    font-size: 0.7em;    
}

.cart-summary .card .card-body .pricing .fa-solid{
    font-size: 0.6em;
}

.cart-summary .summary-table tr.total{
    font-size: 1.3em;
}

.cart-summary .summary-table tr>td, .cart-summary .summary-table tr>th{
    font-family: "Barlow Condensed", sans-serif;
}

.cart-summary .summary-table tr>td .coupon-code, .cart-summary .summary-table tr>th .coupon-code{
    font-size: 0.6em;
    padding: 2px 5px 2px 5px;
    color: #fff;
    background: #62c12a;
    float: right;
    border-radius: 2px;
}

.cart-summary .summary-table tr>td.pricing .fa-solid, .cart-summary .summary-table tr>th.pricing .fa-solid{
    font-size: 0.6em;
}

.cart-summary .freebie-card{
    background: #f9d357;
    border-color: #f9d357;
    box-shadow: 0px 2px 20px 0px #393939;
    background-image: url('../images/freebie.png');
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: right;
    background-position-y: 60px;
}

.cart-summary .signin-block {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
    padding: 28px 22px 24px 22px;
    margin-bottom: 32px;
    border: 1px solid #f3f3f3;
    text-align: center;
}

.cart-summary .signin-block h5 {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 1.3em;
    margin-bottom: 12px;
    color: var(--primary-color);
}

.cart-summary .signin-block p {
    color: #666;
    font-size: 1em;
    margin-bottom: 18px;
}

.cart-summary .signin-block .btn {
    font-size: 1em;
    padding: 10px 28px;
    border-radius: 25px;
    background: var(--primary-color);
    color: #fff;
    border: none;
    box-shadow: 0 2px 8px rgba(255,112,68,0.12);
    transition: background 0.2s;
}

.cart-summary .signin-block .btn:hover {
    background: var(--primary-hover);
}

.cart-summary .address-selection-block .card .card-body .form-check .form-check-label>small{
    font-size: 0.7em;
    color: #212529;
}

.freebie-card-promo {
    /* width: 100%; */
  background: #fffbe6;
  border: 2px dashed #43a047;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(67,160,71,0.07);
  padding: 22px 28px;
  margin: 18px 0;
  /* max-width: 480px; */
  transition: box-shadow 0.2s;
}

.freebie-card-promo .pricing .fa-solid{
    font-size: 0.7em;
}

.freebie-card-promo:hover {
  box-shadow: 0 4px 18px rgba(67,160,71,0.13);
}
.freebie-card-promo-header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.freebie-gift-icon {
  font-size: 28px;
  margin-right: 10px;
}
.freebie-title {
  font-size: 20px;
  font-weight: bold;
  color: #388e3c;
  letter-spacing: 1px;
}
.freebie-card-promo-body {
  display: flex;
  align-items: center;
  gap: 18px;
}
.freebie-img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 10px;
  border: 1.5px solid #c8e6c9;
  background: #fff;
}
.freebie-info {
  flex: 1;
}
.freebie-desc {
  font-size: 15px;
  color: #333;
  margin-bottom: 8px;
}
.freebie-amount {
  color: #d84315;
  font-weight: bold;
  font-size: 16px;
}
.freebie-free {
  color: #43a047;
  font-weight: bold;
  font-size: 15px;
}
.freebie-shop-btn {
  background: linear-gradient(90deg, #43a047 0%, #66bb6a 100%);
  color: #fff;
  border: none;
  border-radius: 22px;
  padding: 7px 22px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  box-shadow: 0 1px 4px rgba(67,160,71,0.10);
}
.freebie-shop-btn:hover {
  background: linear-gradient(90deg, #388e3c 0%, #43a047 100%);
}

/*
*    ************************************ END CART VIEW ***********************************
*/

/*
*    ************************************ CHECKOUT VIEW ***********************************
*/
.checkout-page.checkout-summary {
    padding: 1.5rem 0 5rem;
}

.checkout-page__heading {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.checkout-page__subheading {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.checkout-page__sidebar {
    position: sticky;
    top: 1rem;
}

.checkout-page__summary-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    padding: 1rem 1.15rem;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

.checkout-page__total-highlight {
    border-bottom: 0 !important;
    padding-bottom: 0.25rem !important;
}

/* Address cards */
.checkout-address {
    position: relative;
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    height: 100%;
}

.checkout-address__icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #fff0eb;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.checkout-address__label {
    display: block;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #888;
    margin-bottom: 0.25rem;
}

.checkout-address__name {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.checkout-address__line,
.checkout-address__meta {
    font-size: 0.8rem;
    color: #555;
    line-height: 1.45;
}

.checkout-address__verified {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    color: #2e7d32;
    font-size: 1.1rem;
}

/* Read-only items (no remove btn) */
.checkout-page .oc-cart-item--readonly {
    padding: 1rem;
}

.checkout-page .oc-cart-item--readonly .oc-cart-item__inner {
    padding-right: 0;
}

.checkout-page .oc-cart-item__meta {
    font-size: 0.8rem;
    color: #666;
}

/* Payment method cards */
.checkout-payment-options {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.checkout-payment-option {
    display: block;
    cursor: pointer;
    margin: 0;
}

.checkout-payment-option__input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.checkout-payment-option__card {
    display: flex;
    flex-direction: column;
    padding: 0.85rem 1rem 0.85rem 3rem;
    border: 2px solid #eee;
    border-radius: 12px;
    background: #fff;
    position: relative;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.checkout-payment-option.is-selected .checkout-payment-option__card,
.checkout-payment-option__input:checked + .checkout-payment-option__card {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(255, 112, 68, 0.12);
}

.checkout-payment-option__icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.25rem;
    color: var(--primary-color);
}

.checkout-payment-option__title {
    font-weight: 600;
    font-size: 0.95rem;
}

.checkout-payment-option__desc {
    color: #888;
    font-size: 0.75rem;
}

.checkout-page__place-btn {
    min-height: 48px;
    font-weight: 600;
}

.checkout-coupon-input .form-control {
    border-radius: 999px 0 0 999px;
}

.checkout-coupon-input .btn {
    border-radius: 0 999px 999px 0;
}

.checkout-coupon-list {
    max-height: 280px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

/* Mobile sticky bar */
.checkout-page__mobile-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1040;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
    background: #fff;
    border-top: 1px solid #eee;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
}

.checkout-page__mobile-total strong {
    font-size: 1.1rem;
}

@media (max-width: 991.98px) {
    .checkout-page__sidebar {
        position: static;
    }
    .checkout-page.checkout-summary {
        padding-bottom: 6.5rem;
    }
}

.checkout-summary{
    padding: 30px 0px 50px 0px;
}

.checkout-summary .pricing .fa-solid{
    font-size: 0.6em;
}

.checkout-summary .checkout-address-card{
    --bs-border-radius: 0.8rem;
}

.checkout-summary .freebie-card{
    background: #f9d357;
    border-color: #f9d357;
    box-shadow: 0px 2px 20px 0px #393939;
    background-image: url('../images/freebie.png');
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: right;
    background-position-y: 60px;
}

.checkout-summary .card .card-body .summary-table{
    width: 100%;
    font-size: 0.9em;
}

.checkout-summary .card .card-body .summary-table tr>td .coupon-code{
    font-size: 0.6em;
    padding: 2px 5px 2px 5px;
    color: #fff;
    background: #62c12a;
    float: right;
    border-radius: 2px;
}

.checkout-summary .coupon-card {
    width: 100%;
  border: 2px dashed #ff9800;
  border-radius: 12px;
  background: #fffbe6;
  padding: 18px 28px;
  display: inline-block;
  box-shadow: 0 2px 8px rgba(255,152,0,0.08);
  margin: 10px 0;
  text-align: center;
  position: relative;
}
.checkout-summary .coupon-card .coupon-label {
  font-size: 12px;
  color: #ff9800;
  font-weight: bold;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 6px;
}
.checkout-summary .coupon-card .coupon-code {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  background: #fff3e0;
  padding: 6px 18px;
  border-radius: 6px;
  letter-spacing: 2px;
  margin-bottom: 6px;
  display: inline-block;
}
.checkout-summary .coupon-card .coupon-desc {
  font-size: 13px;
  color: #666;
  display: block;
  margin-top: 4px;
}

.coupon-card.coupon--disabled { border-color:#d1d1d1; background:linear-gradient(180deg,#fafafa 0%,#f5f5f5 100%); box-shadow:none; transform:none; opacity:0.6; filter:grayscale(45%); cursor:not-allowed; } 
.coupon-card.coupon--disabled .coupon-label, .coupon-card.coupon--disabled .coupon-code, .coupon-card.coupon--disabled .coupon-desc { color:#9e9e9e; } 
.coupon-card.coupon--disabled .coupon-apply-btn { background:#bdbdbd; cursor:not-allowed; color:#ffffff; border:none; pointer-events:none; transform:none; }

.coupon-applied-box {
    background: linear-gradient(135deg, #38b000, #70e000); /* Green success gradient */
    color: white;
    border-left: 6px solid #2d6a4f;
    border-radius: 10px;
    padding: 1rem 1.5rem;
}
.coupon-applied-box h6 {
    font-weight: 600;
}
.coupon-applied-box .btn-outline-light {
    border-color: #ffffff80;
    color: #fff;
}
.coupon-applied-box .btn-outline-light:hover {
    background-color: rgba(255, 255, 255, 0.2);
}


/*
*    ************************************ END CHECKOUT VIEW ***********************************
*/

/*
*    ************************************ ORDER SUCCESS VIEW ***********************************
*/
.order-success-page {
    padding: 1.5rem 0 3rem;
}

.order-success-page__hero {
    padding: 1.5rem 1rem 2rem;
    margin-bottom: 2rem;
    background: linear-gradient(180deg, #fff7f4 0%, #fff 100%);
    border-radius: 16px;
    border: 1px solid #ffe8de;
}

.order-success-page__icon-wrap {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
}

.order-success-page__mascot {
    width: min(160px, 40vw);
    height: auto;
}

.order-success-page__check {
    position: absolute;
    bottom: 0;
    right: -4px;
    font-size: 2rem;
    color: #2e7d32;
    background: #fff;
    border-radius: 50%;
    line-height: 1;
}

.order-success-page__title {
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(1.5rem, 5vw, 2rem);
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.order-success-page__order-id {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    padding: 0.65rem 1.25rem;
    background: #fff;
    border: 2px dashed var(--primary-color);
    border-radius: 12px;
}

.order-success-page__order-id strong {
    font-size: 1.25rem;
    color: var(--primary-color);
    letter-spacing: 0.02em;
}

.order-success-page__heading {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.order-success-page__summary-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    padding: 1rem 1.15rem;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

.order-success-page__total-highlight {
    border-bottom: 0 !important;
}

.order-success-page__badge {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.order-success-page__badge--success {
    background: #e8f5e9;
    color: #2e7d32;
}

.order-success-page__badge--warning {
    background: #fff8e1;
    color: #f57f17;
}

.order-success-page__address {
    height: auto;
}

.order-success-page__address .checkout-address__verified {
    display: none;
}

.order-success-page__note {
    border-radius: 12px;
}

.order-success-page .oc-cart-item--readonly .oc-cart-item__inner {
    padding-right: 0;
}

@media (max-width: 575.98px) {
    .order-success-page__actions .btn {
        width: 100%;
    }
    .order-success-page__hero {
        padding: 1.25rem 0.75rem 1.5rem;
    }
}

/*
*    ************************************ EXTRAS **********************************
*/
.hide{
    display: none;
}

.carousel .carousel-control-prev {
    border-bottom: 0;
    font-size: 40px;
    color: #444;
}

.carousel .carousel-control-next {
    border-bottom: 0;
    font-size: 40px;
    color: #444;
}

.btn-circle.btn-location {
    width: 55px;
    height: 55px;
    padding: 10px 10px;
    border-radius: 35px;
    font-size: 24px;
    margin-top: -12%;
    margin-left: 80%;
    background-color: #fff;
    position: absolute;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*
*    ************************************ EXTRAS **********************************
*/

/*
*    ************************************ POINTS ***********************************
*/
.points{
    background: url('../images/points-bg.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}
.points .card-body{
    text-align: center;
    height: 235px;
}

.transaction-table{
    font-size: 12px;
}