body {
   /* font-family: 'Inter', sans-serif;
    */
   font-family: 'Inter', sans-serif;
   color: #2c2c2c;
   padding-top: 120px;
   position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'Inter', sans-serif;
}

.btn:focus {
   outline: none;
   box-shadow: none;
}

.btn {
   letter-spacing: 1px;
   border-radius: 6px;
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-weight: 600;
   padding: 1rem 1.2rem;
}


html, body {
   overflow-x: hidden;
   max-width: 100%;
}
.carousel-inner {
   height: 90vh;
}

.carousel-item {
   height: 100%;
}

.carousel-item img {
   height: 100%;
   object-fit: cover;
   object-position: top;
}

.carousel-caption h1 {
   font-family: 'Delius', cursive;
   font-size: 5.8rem;
   text-shadow:
      -1px -1px 1px rgba(255, 255, 255, 0.1),
      1px 1px 1px rgba(0, 0, 0, 0.5);
}

.carousel-caption {
   padding: 0 1.25rem;
   top: 0;
   bottom: 0;
   transform: translate(10px, 35%);
}

.carousel-caption .caption-text {
   text-align: left;
   font-family: 'Delius', cursive;
}

.caption-text p {
   font-size: 1.5rem;
}

.cart {
   font-size: 1.5rem;
}

.nav-right {
   font-size: 1.5rem;
}

.theme-bg {
   background-color: #788312;
}

.themetext {
   color: #788312;
}

.theme-btn {
   color: #fff;
}

.btn-whatsapp {
   background-color: #16a349;
   color: #fff;
}

.navbar {
   background-color: white;
   border-bottom: 2px solid #dbe1dd;
}

.navbar-light .navbar-nav .nav-link {
   color: #111;
   text-transform: uppercase;
   font-weight: 500;
   font-family: 'Jost', sans-serif;
}

.nav-link:focus {
   color: #111;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link:hover {
   color: #788312;
}

.nav-right a {
   color: inherit;
}

.notification {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   color: #fff;
   background-color: #788312;
   font-size: 0.7rem;
   position: absolute;
   right: -12px;
}

.category-wrapper {
   position: relative;
   display: flex;
   align-items: center;
}

.category-scroll {
   overflow-x: auto;
   scroll-behavior: smooth;
   white-space: nowrap;
   width: 100%;
}

.category-scroll::-webkit-scrollbar {
   display: none;
}

.category-menu {
   background: #fff;
   border-bottom: 1px solid #e7e7e7;
}

/* .category-scroll .list-inline {
   gap: 24px;
} */

.nav-arrow {
   background: #fff;
   border: none;
   font-size: 20px;
   cursor: pointer;
   padding: 8px 6px;
   /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); */
   z-index: 2;
}

.nav-arrow.left {
   margin-right: 10px;
}

.nav-arrow.right {
   margin-left: 10px;
}

.category-menu li {
   font-weight: 500;
   font-size: 0.9rem;
   /* margin: 0 15px; */
   display: flex;
   align-items: center;
}

.category-menu li a {
   text-decoration: none;
   color: inherit;
   transition: all 0.3s ease-in-out;
   display: inline-block;
   padding: 15px 10px;
   font-weight: 600;
   font-size: 0.85rem;
   text-transform: uppercase;
   letter-spacing: 0.5px;
}

.category-menu li a:hover,
.category-menu li.active a {
   color: #788312;
   border-bottom: 3px solid #788312;
}

.filter-menu .form-select {
   font-size: 0.85rem;
   font-weight: 500;
   color: #555;
   cursor: pointer;
   background-color: transparent;
   height: 50px;
   border: transparent;
}

.product-card {
   width: 100%;
   background: #fff;
   text-align: center;
   position: relative;
   transition: all 0.3s ease-in-out;
   border-radius: 0.75rem;
   overflow: hidden;
   border: 1px solid #e2e8f0;
   display: flex;
   flex-direction: column;
   height: 100%;
   border: 1px solid #788312;
}

.product-card:hover {
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.product-card .off-price {
   background-color: #fff;
   padding: 0.3rem 0.5rem;
   font-size: 0.8rem;
   font-weight: 800;
   border-radius: 10px;
   letter-spacing: normal;
}

.product-card .shop-card-price {
   letter-spacing: normal;
   font-weight: 700;
   font-size: 1.6rem;
}

.image-wrapper {
   position: relative;
   overflow: hidden;
   aspect-ratio: 1 / 1;
   height: auto;
}

.product-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   transition: transform 0.4s ease;
}

.product-card:hover .product-img {
   transform: scale(1.08);
}

.product-card a {
   text-decoration: none;
   color: inherit;
}

.product-card .product-info {
   text-align: start;
}

.tag-bottom {
   position: absolute;
   z-index: 500;
   bottom: 0;
   right: 0;
}



.icon-group {
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
   display: flex;
   flex-direction: column;
   gap: 10px;
   opacity: 0;
   transition: 0.3s ease;
}

.icon-group button {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   border: none;
   background: white;
   cursor: pointer;
   font-size: 18px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   transition: 0.3s ease;
}

.icon-group button:hover {
   background-color: #788312;
}

.icon-group button:hover i {
   color: #fff;
}

.product-card:hover .icon-group {
   opacity: 1;
   right: 25px;
}

.cart-btn {
   width: 100%;
   padding: 15px;
   border: none;
   background: #f5f5f5;
   font-weight: bold;
   letter-spacing: 1px;
   cursor: pointer;
   transition: 0.3s ease;
   /* position: absolute;
   left: 0;
   right: 0;
   bottom: 0; */
   font-size: 0.8rem;
   opacity: 0;
}

.tag-card {
   border-radius: 5px;
   padding: 0.2rem 0.8rem;
   background-color: #fff;
   position: absolute;
   top: 3%;
   z-index: 50;
   left: 3%;
   font-size: 0.8rem;
   font-weight: 600;
}

.tag-card.new {
   color: #fff;
   background-color: #ff7451;
}

.popular-tag {
   display: inline-block;
   padding: 0.5rem;
   background: #fff0f5;
   border-radius: 12px;
   font-size: 0.7rem;
   font-weight: 600;
   text-transform: uppercase;
   padding: 2px 12px;
}

.popular-tag.instagram {
   color: #e1306c;
}

.popular-tag.swann {
   color: #788312;
}

.tag-card.trending {
   color: #fff;
   background-color: #48cab2;
}

.product-card:hover .cart-btn {
   background: #788312;
   color: #fff;
   opacity: 1;
   transition: 0.5s ease;
}

.product-info .category {
   font-size: 0.8rem;
   color: #7e7e7e;
}

.category-menu .icon-holder {
   width: 40px;
   height: 40px;
   display: inline-block;
   border-radius: 50%;
   background-color: #f5f5f5;
   margin-right: 10px;
   padding: 5px;
   position: relative;
   overflow: hidden;
}

.category-menu .icon-holder img {
   border-radius: 50%;
}

.text-ellipsis {
   margin-bottom: 0.5rem;
   font-size: 1.125rem;
   line-height: 1.75rem;
   font-weight: 600;
   text-transform: uppercase;
}

.old-price {
   text-decoration: line-through;
   color: #888;
   margin-right: 20px;
}

.new-price {
   font-size: 1.2rem;
   font-weight: bold;
   color: #788312;
}

.add-to-cart-btn {
   font-size: 0.875rem;
   line-height: 1.25rem;
   background: #788312;
   color: white;
   font-weight: 500;
   letter-spacing: 1px;
   width: 100%;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   border-radius: 0.5rem;
   border-bottom: 4px solid #d7d7d7;
   transition: all 0.3s ease-in;
}

.add-to-cart-btn:hover {
   transform: translateY(2px);
   border-bottom: transparent;
   border-top: 4px solid #d7d7d7;
   color: #fff;
}

.navbar-light .navbar-toggler-icon {
   background-image: none;
}

.navbar-light .navbar-toggler {
   border-color: transparent;
}

.head-section .lead {
   font-size: 1rem;
   color: #666;
   line-height: 1.8;
   max-width: 800px;
   margin: 0 auto;
}

.head-section h1 {
   font-size: 2.5rem;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 2px;
   color: #111;
   margin-bottom: 20px;
}

.footer {
   background-color: #fff;
}

.footer-menu li a,
.footer-menu h5 {
   color: #0c0e02;
   text-transform: uppercase;
}

.footer-menu li a {
   text-decoration: none;
   font-size: 0.8rem;
   transition: all 0.3s ease;
}

.footer-menu li a:hover {
   color: #788312;
}

.footer-menu h5 {
   font-size: 1rem;
}

.footer-about p {
   font-size: 0.8rem;
}

.footer-menu li i {
   color: #0c0e02;
   padding-right: 0.5rem;
}

.social-list i {
   color: #0c0e02;
   transition: all 0.3s ease;
}

.navbar-toggler:focus {
   outline: none;
   box-shadow: none;
   outline: none;
}

.footer .social-list span {
   margin-right: 0.8rem;
   transition: all 0.3s ease;
}

.footer .social-list span:hover i {
   color: #788312;
}

.footer-about p {
   color: #0c0e02;
}

.footerlogo {
   width: 30%;
}

.footer-bottom-line {
   border-bottom: 1px solid #b1b1b1;
}

.footer-box {
   position: relative;
   border-radius: 10px;
   padding: 25px;
   border: 1px solid #788312;
   transition: all 0.3s ease;
}

.footer-box:hover {
   transform: translateY(-5px);
}

.footer-box .icon-box {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   color: #fff;
   background-color: #788312;
   font-size: 1.6rem;
}

.whatsapp {
   position: fixed;
   right: 50px;
   width: 50px;
   bottom: 50px;
   cursor: pointer;
   transition: all 0.3s ease;
}

.main-head {
   font-size: 2rem;
   line-height: 2.5rem;
   letter-spacing: 0.025em;
   font-weight: 400;
   text-transform: uppercase;
   position: relative;
}

.head-border-line {
   position: relative;
}

.head-border-line::after {
   content: '';
   background: #788312;
   width: 10%;
   height: 2px;
   position: absolute;
   top: 3px;
   left: 0;
   right: 0;
   margin: 0 auto;
}

.pro-desc-tab .nav-link {
   color: #555;
   text-transform: uppercase;
   font-weight: 600;
   font-size: 0.9rem;
}

.pro-desc-tab .nav-link.active {
   color: #111;
}

/* product slider */
.main-image {
   width: 100%;
   height: 600px;
   /* border: 1px solid #ddd; */
}

.main-image img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   cursor: zoom-in;
}

/* THUMBNAILS */
.thumbs {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 15px;
   overflow-x: auto;
}

.thumb-list {
   display: flex;
   gap: 10px;
   overflow: hidden;
   width: 100%;
   scroll-behavior: smooth;
}

.thumb {
   width: 132px;
   height: 6rem;
   object-fit: cover;
   cursor: pointer;
   border: 2px solid transparent;
   object-position: top;
   border-radius: 0.5rem;
   flex-shrink: 0;
   cursor: pointer;
}

.thumb.active {
   border-color: #788312;
}

.thumb-nav {
   border: none;
   background: none;
   font-size: 22px;
   cursor: pointer;
}

/* RIGHT SIDE */
.detail-section {
   display: flex;
   gap: 30px;
}

/* ZOOM IMAGE */
.zoom-result {
   width: 40%;
   height: 600px;
   border: 1px solid #ddd;
   background-repeat: no-repeat;
   display: none;
   position: absolute;
   border-radius: 10px;
   right: 8%;
   z-index: 100;
   background-size: 200%;
   background-position: center;
}

.zoom-result img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

/* PRODUCT INFO */
.product-info {
   max-width: 300px;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
}

.price {
   font-size: 22px;
}

.price span {
   text-decoration: line-through;
   color: gray;
   font-size: 16px;
}

.btn.dark {
   background: #222;
}

.drop-right-menu .dropdown-toggle::after {
   display: none;
}

.drop-right-menu .dropdown:hover > .dropdown-menu {
   display: block;
}

.drop-right-menu .dropdown-menu {
   right: 0;
   left: auto;
}

.user {
   font-size: 1.8rem;
}

.user:hover {
   color: #2c2c2c;
}

.loginModal .modal-content {
   border-radius: 10px;
}

.loginModal .form-control {
   border-radius: 0.6rem;
   height: 50px;
}

.loginModal label {
   padding-bottom: 0.5rem;
}

.form-check-label {
   font-size: 0.8rem;
}

.cart-card {
   box-shadow:
      0 1px 3px 0 rgba(0, 0, 0, 0.1),
      0 1px 2px -1px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
   border: 1px solid #e5e5e5;
}

.cart-card .item-container {
   height: 150px;
   border-radius: 10px;
   overflow: hidden;
}

.cart-card .item-container img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: top;
}

.item-cart-detail h2 {
   font-size: 1.3rem;
   font-weight: 600;
}

.qty-wrapper {
   display: inline-flex;
   align-items: center;
   border: 1px solid #ddd;
   border-radius: 10px;
   padding: 6px;
   gap: 10px;
   background: #fff;
}

.qty-btn {
   width: 36px;
   height: 30px;
   border: none;
   border-radius: 8px;
   background: #f5f5f5;
   font-size: 20px;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
}

.qty-btn:hover {
   background: #eaeaea;
}

.qty-btn:disabled {
   opacity: 0.5;
   cursor: not-allowed;
}

.qty-value {
   min-width: 24px;
   text-align: center;
   font-size: 15px;
   font-weight: 500;
}

.item-cart-price {
   font-size: 1.3rem;
   font-weight: 600;
   color: #2c2c2c;
}

.delete-btn {
   color: #e3242b;
   background-color: #f5f5f5;
   border-radius: 0.5rem;
   padding: 0.3rem 0.5rem;
   width: 100px;
   text-align: center;
}

.order-card {
   border: 1px solid #e5e7eb;
   border-radius: 14px;
   padding: 20px;
   background: #fff;
}

.card-title {
   font-size: 22px;
   font-weight: 700;
   margin-bottom: 18px;
}

.row-line {
   display: flex;
   justify-content: space-between;
   margin-bottom: 12px;
   font-size: 0.98rem;
   color: #374151;
}

.row-line.discount {
   color: #788312;
   font-weight: 600;
}

.cashback {
   background: #788312;
   color: #fff;
   padding: 12px;
   border-radius: 8px;
   font-size: 14px;
   margin: 14px 0;
}

.row-line.total {
   font-size: 18px;
   font-weight: 700;
   margin-top: 10px;
}

.coupon-section {
   margin-top: 20px;
}

.coupon-section label {
   display: block;
   font-weight: 600;
   margin-bottom: 8px;
}

.coupon-box {
   display: flex;
   gap: 10px;
}

.coupon-box input {
   flex: 1;
   padding: 10px 12px;
   border: 1px solid #d1d5db;
   border-radius: 8px;
   font-size: 14px;
}

.apply-btn {
   background: #3b82f6;
   color: #fff;
   border: none;
   padding: 10px 16px;
   border-radius: 8px;
   font-weight: 600;
   cursor: pointer;
}

.coupon-empty {
   margin-top: 8px;
   padding: 10px;
   background: #f3f4f6;
   border-radius: 8px;
   text-align: center;
   color: #6b7280;
   font-size: 14px;
}

.shipping-note {
   color: #ef4444;
   font-size: 14px;
   margin: 14px 0;
}

.buy-btn {
   width: 100%;
   color: #fff;
   border: none;
   padding: 14px;
   font-size: 16px;
   font-weight: 700;
   border-radius: 0.5rem;
   cursor: pointer;
}

.buy-btn:hover {
   background-color: #788312;
}

.terms {
   font-size: 13px;
   color: #6b7280;
   margin-top: 12px;
   text-align: center;
}

.terms a {
   color: #374151;
   text-decoration: none;
   font-weight: 500;
}

.delivery-features i {
   font-size: 1.2rem;
}

.results-count p {
   font-family: 'Jost', sans-serif;
   font-size: 0.9rem;
   color: #777;
   border-left: 3px solid #788312;
   padding-left: 10px;
   margin-bottom: 0;
}

.page-link {
   color: #374151;
   transition: all 0.3s ease-in-out;
}

.page-link:hover {
   color: #788312;
}

.page-link.active {
   background-color: #788312;
   color: #fff;
}

.page-link:focus {
   box-shadow: none;
}

.ateric {
   color: #ff0f0f;
}

.billing-form .form-label {
   font-size: 0.9rem;
}

.billing-form .form-select:focus,
.billing-form .form-control:focus {
   box-shadow: none;
}

.billing-form .form-select,
.billing-form .form-control {
   padding: 0.8rem 0.7rem;
   color: #222;
}

.create-account-check label {
   font-size: 1rem;
}

.product-slider {
   position: relative;
}

.product-slider .owl-nav button {
   position: absolute;
   top: 45%;
   transform: translateY(-50%);
   background: #e5e7d6 !important;
   width: 45px;
   height: 45px;
   border-radius: 50% !important;
   font-size: 22px !important;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease-in-out;
}

.product-slider .owl-nav .owl-prev {
   left: -15px;
}

.product-slider .owl-nav .owl-next {
   right: -15px;
}

.product-slider .owl-nav button:hover {
   background: #788312 !important;
   color: #fff;
}

.product-collections .popular-tag {
   padding: 10px 15px;
   font-size: 1.1rem;
   background-color: rgb(22 24 0 / 54%);
   color: #fff;
   letter-spacing: 2px;
   font-weight: 400;
   width: 100%;
}

.product-collections .image-wrapper img {
   transition: opacity 300ms ease-in;
   opacity: 1;
}

.product-collections .image-wrapper:hover img {
   transition: opacity 300ms ease-in;
   opacity: 0.8;
}

.product-collections .pro-name {
   font-size: 1.5rem;
}

.product-collections .image-wrapper img {
   object-fit: cover;
   object-position: top;
   height: 100%;
   width: 100%;
}

.product-collections .card-bottom-caption {
   background: #9b930a;
   color: #fff;
}

.marquee-slide {
   color: #fff;
   overflow: hidden;
   white-space: nowrap;
   font-weight: 300;
   font-size: 1.2rem;
}

.marquee-content {
   display: inline-block;
   padding-left: 100%;
   animation: scrollText 20s linear infinite;
}

@keyframes scrollText {
   0% {
      transform: translateX(0);
   }
   100% {
      transform: translateX(-100%);
   }
}

.categories .product-card .icon-group {
   right: 0;
   color: #fff;
   left: 0;
   padding: 0 2rem;
   text-align: center;
   justify-content: center;
   align-items: center;
   z-index: 1;
}

.categories .offer-product {
   position: absolute;
   bottom: 5%;
   text-align: center;
   width: 100%;
   color: #fff;
   font-size: 1.5rem;
   z-index: 1;
}

.overlay {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background-color: rgba(12, 14, 2, 0.5);
   z-index: 0;
   transition: all 0.3s ease-in-out;
}

.product-card:hover .overlay {
   opacity: 0;
}

.privacy-policy ul li {
   line-height: 1.8;
}

.form-control-lg::placeholder {
   font-size: 0.8rem;
}

.form-card .btn {
   color: #fff;
}

.form-card .btn:hover {
   background-color: #0c0e02;
}

.inner-header {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   width: 100%;
   height: 100%;
   transition: transform 0.6s ease-in-out;
   will-change: transform;
}

.inner-banner {
   height: 500px;
   position: relative;
   overflow: hidden;
}

.inner-banner:hover .inner-header {
  transform: scale(1.03); /* Subtle scale/zoom effect on hover */
}



.price-under-tab.pro-desc-tab .nav-link.active {
   background-color: #788312;
   color: #fff;

}

.price-under-tab .nav-tabs {
  flex-wrap: nowrap; /* Prevent items from wrapping to the next line */
  overflow-x: auto; /* Enable horizontal scrolling for too many items */
  white-space: nowrap; /* Keep link text on one line */
  border-bottom: none;
   justify-content: center; /* Centers tabs in desktop */
   gap: 10px;
  
  /* Optional: Custom scrollbar for better UX (webkits) */
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

/* Hide the native scrollbar for a cleaner look */
.price-under-tab .nav-tabs::-webkit-scrollbar {
  display: none;
}

.price-under-tab .nav-tabs .nav-link {
    padding: 10px 15px;
    flex: 1 1 100%;
    width: 100%;
}

.occassional-add {
   background-size: cover;
   background-repeat: no-repeat;
   background-attachment: fixed;
   height: 400px;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
}

.occassional-add .add-caption h1 {
   font-size: 5rem;
}

.occassional-add .add-caption p {
   font-size: 2.5rem;
}

.occassional-add .add-caption h1,
.occassional-add .add-caption p {
   font-family: 'Imperial Script', cursive;
}

/* Featured Products Section Enhancement */
.featured-products {
   position: relative;
   border-top: 1px solid #eee;
   z-index: 1;
}

.featured-products > .container {
    padding-left: 15px;
    padding-right: 15px;
}

.featured-products.vishu-theme {
   background-image: 
         linear-gradient(rgba(255, 255, 255, 0.70), rgba(255, 255, 255, 0.70)),
         url('../images/bg-2.png');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: fixed;
}

.price-under-tab {
   padding: 20px;
   border-radius: 15px;
   margin-bottom: 20px;
   box-shadow: inset 0 0 10px rgba(0,0,0,0.02);
}

.price-under-tab .nav-link {
   margin-bottom: 0;
   border: 1px solid #788312;
   color: #788312;
   background: rgba(255,255,255,0.9);
   border-radius: 6px;
   font-weight: 600;
   font-size: 0.9rem;
   padding: 10px 18px;
   transition: all 0.3s ease;
}

.price-under-tab .nav-link:hover,
.price-under-tab .nav-link.active {
   background-color: #788312;
   color: #fff;
}

.price-card {
   border-radius: 5px;
   padding: 0.4rem;
   background-color: rgb(0, 0, 0, 0.59);
   position: absolute;
   top: 3%;
   z-index: 50;
   right: 3%;
   font-size: 0.8rem;
   font-weight: 600;
}

.price-card .new-price {
   /*color: #9cff54;*/
   color: #e5f900;
}
/* mediaquery */
@media (min-width: 992px) {
   .navbar-brand {
      width: 10%;
   }
   .navbar-expand-lg .navbar-nav {
      gap: 1.8rem;
   }
   .head-section {
      padding: 60px 0 40px;
      text-align: center;
   }
}

@media (max-width: 768px) {
   .featured-products {
      background-attachment: scroll;
      background-size: cover;
   }

   .featured-products.vishu-theme {
      background-attachment: scroll;
   }
}

@media (max-width: 576px) {
   body {
      padding-top: 86px;
   }
   .navbar-brand {
      width: 25%;
   }
   .product-card {
      margin-bottom: 30px;
   }
   .popular-tag {
      font-size: 0.7rem;
   }
   .new-price {
      font-size: 1.2rem;
   }
   .pricing {
      flex-direction: column;
   }
   .footer-box {
      margin-bottom: 25px;
   }
   .product-summary {
      padding-top: 25px;
   }
   .main-head {
      font-size: 1.25rem;
      line-height: 1.5rem;
   }
   .delivery-features p {
      display: flex;
      flex-wrap: wrap;
   }
   .cart-price {
      display: flex;
      gap: 20px;
   }
   .cart-card .item-container {
      height: 250px;
   }
   .nav-right {
      font-size: 1rem;
   }
   .nav-right i {
      font-size: 1.4rem;
   }
   .main-image {
      height: 530px;
   }
   .main-image img {
      object-fit: cover;
   }


   .footer-inner {
      padding-top: 2.5rem;
   }
   .carousel-caption h1 {
      font-size: 1.5rem;
      color: #000;
   }
   .carousel-caption {
      right: 1%;
      left: 1%;
      top: -32%;
   }
   .caption-text p {
      font-size: 1rem;
      color: #374151;
   }
   .product-slider .owl-nav button {
      top: 100%;
   }
   .product-slider .owl-nav .owl-next {
      right: 5%;
   }
   .product-slider .owl-nav .owl-prev {
      left: 65%;
   }
   .owl-nav {
      margin-top: 1.5rem;
   }
   .copy-right {
      flex-direction: column;
      align-items: center;
   }
   .carousel-inner {
      height: 55vh;
   }



.search-suggestions{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:#fff;
    border:1px solid #eee;
    z-index:999;
    max-height:300px;
    overflow-y:auto;
}

.search-suggestions a{
    display:flex;
    align-items:center;
    padding:8px;
    text-decoration:none;
    color:#000;
}

.search-suggestions a:hover{
    background:#f7f7f7;
}

.search-suggestions img{
    width:40px;
    height:40px;
    object-fit:cover;
    margin-right:10px;
}

.search-box{
    position:absolute;
    top:40px;
    right:0;
    width:260px;
    background:#fff;
    padding:10px;
    border:1px solid #eee;
    border-radius:6px;
    z-index:999;
}

.search-box input{
    width:100%;
}

/* ================================
INVOICE
================================ */

.table td,
.table th{
font-size:14px;
}

.card{
border-radius:12px;
}

.badge{
font-size:0.75rem;
}

.wish-2026 {
      width: 95%;
      font-size: 2.2rem;
      max-width: 260px;
      padding: 10px 14px
   }
   .price-under-tab .nav-link {
      white-space: nowrap;
      font-size: 0.8rem;
      padding: 8px 14px;
   }

  .price-under-tab .nav-link:hover {
    background-color: #788312 !important;
    color: #fff !important;
    transform: translateY(-2px); /* Slight lift on hover */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
   .price-under-tab .nav-item {
      flex: 0 0 100%;
   }

   .price-under-tab .nav-tabs {
   display: flex;
   flex-wrap: wrap;
   overflow-x: auto;
   overflow-y: hidden;
   width: 100%;
   scrollbar-width: none;
}
   
   /* Optional: Hide scrollbar but keep functionality */
   .price-under-tab .nav-tabs::-webkit-scrollbar {
      display: none;
   }
   .featured-products {
      background-attachment: scroll; /* Fixed background lags on mobile browsers */
      padding-top: 2rem !important;
      padding-bottom: 2rem !important;
   }
   
   
   .price-under-tab {
      padding: 10px;
      margin-top: 0;
      overflow: hidden;
   }
   .inner-banner {
      height: auto;
      min-height: 250px;
      /*border-radius: 0 0 40px 40px;*/
   }

   .inner-header {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      min-height: 250px;
   }
}

.wish-2026 {
  font-family: 'Imperial Script', cursive;
  font-size: 3rem;
  color: #ffeb3b;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 320px;
  transform: translate(-50%, -50%);
  z-index: 10;
  line-height: 1.2;
  white-space: normal;
  background: rgba(0,0,0,0.25);
  padding: 12px 20px;
  border-radius: 24px;
}

/* Keyframes for the wish animation: fade and scale */
@keyframes wishFadeInTransform {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.7); /* Smaller and hidden */
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1); /* Full size and visible */
  }
}