.custom-slider {
    margin: 0px 0px 0px 0px;
}

.banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #7b2cbf;
    padding: 40px;
    border-radius: 0px;
    color: #fff;
}

/* LEFT IMAGE DESIGN */
.banner-left {
    flex: 1;
    display: flex;
    justify-content: center;
}

.img-box {
    background: #f5e6ca;
    padding: 20px;
    border-radius: 25px;
    border: 10px solid #ff9f1c;
    outline: 10px solid #2ec4b6;
}

.img-box img {
    width: 120px;
    display: block;
}

/* RIGHT CONTENT */
.banner-right {
    flex: 2;
    padding-left: 40px;
}

.banner-right h2 {
    font-size: 28px;
    margin-bottom: 10px;
}

.banner-right p {
    font-size: 14px;
    margin-bottom: 15px;
}

.btn {
    display: inline-block;
    background: #2ec4b6;
    color: #fff;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
}

/* Owl Dots */
.owl-dots {
    text-align: center;
    margin-top: 15px;
}

.owl-dot span {
    width: 10px;
    height: 10px;
    background: #ccc;
    display: block;
    border-radius: 50%;
    margin: 5px;
}

.owl-dot.active span {
    background: #2ec4b6;
}

/* ======================================== */

/* ===== GLOBAL WOOCOMMERCE PRICE FIX ===== */

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce-Price-amount,
.woocommerce-Price-amount bdi {
    color: #000 !important;
    /* BLACK */
    font-weight: 600;
}

/* SALE PRICE (NEW PRICE) */
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce ul.products li.product .price ins {
    color: #000 !important;
    text-decoration: none !important;
}

/* OLD PRICE (CUT) */
.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del {
    color: #9ca3af !important;
    /* GREY */
    opacity: 1 !important;
}

/* OLD PRICE AMOUNT */
.woocommerce del .woocommerce-Price-amount,
.woocommerce del .woocommerce-Price-amount bdi {
    color: #9ca3af !important;
}

/* NEW PRICE AMOUNT */
.woocommerce ins .woocommerce-Price-amount,
.woocommerce ins .woocommerce-Price-amount bdi {
    color: #000 !important;
    font-weight: 700;
}

/* ======================= product tile ========================== */


/* PRODUCT TITLE DEFAULT (GREY) */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
    color: #6b7280 !important;
    /* grey */
    transition: all 0.3s ease;
}

/* HOVER → BLACK */
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product a:hover h2,
.woocommerce ul.products li.product a:hover h3 {
    color: #000 !important;
    /* black */
}

/* ======================================== */


.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li span {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.woocommerce nav.woocommerce-pagination ul li span :hover {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.test_my_page ul li {
    border: 1px solid #eaeaea;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin: 0px;
}

/* Base border */
.test_my_page ul li {
    border: 1px solid #eaeaea;
}

/* ODD items → remove LEFT */
.test_my_page ul li:nth-child(odd) {
    border-left: none;
}

/* EVEN items → remove RIGHT */
.test_my_page ul li:nth-child(even) {
    border-right: none;
}

/* ========================== */


/* ===== Pagination Layout ===== */
.woocommerce-pagination ul.page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 20px 0;
}

.woocommerce-pagination ul.page-numbers li {
    list-style: none;
}

/* ===== NUMBER BUTTONS (Circle 40x40) ===== */
.woocommerce-pagination ul.page-numbers li a:not(.next):not(.prev),
.woocommerce-pagination ul.page-numbers li span:not(.next):not(.prev) {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #9ca3af;
    background: #fff;
    border-radius: 50%;

    color: #000;
    text-decoration: none;
    font-weight: 500;

    transition: all 0.3s ease;
}

/* ===== NEXT / PREV (Oval Shape) ===== */
.woocommerce-pagination ul.page-numbers li a.next,
.woocommerce-pagination ul.page-numbers li a.prev {
    padding: 0 18px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #9ca3af;
    background: #fff;
    border-radius: 50px;
    /* oval */

    color: #000;
    text-decoration: none;
    font-weight: 500;

    transition: all 0.3s ease;
}

/* ===== CURRENT PAGE ===== */
.woocommerce-pagination ul.page-numbers li .current {
    border-color: #16a34a;
    font-weight: 700;
    background: #fff !important;
}

/* ===== HOVER EFFECT ===== */
.woocommerce-pagination ul.page-numbers li a:hover {
    border-color: #16a34a;
    font-weight: 700;
    background: #fff !important;
}

.woocommerce nav.woocommerce-pagination ul li {
    margin: 0px 5px;
}

/* ============================================== */

/* OLD PRICE (del) */
.woocommerce .mrp-price {
    font-size: 14px;
    /* small size */
    font-weight: 200;
    /* not bold */
    color: #9ca3af;
    /* grey (optional) */
}

.woocommerce .off-percentage {
    font-size: 16px;
    /* small size */
    font-weight: 400;
    /* not bold */
    color: #3d3e41;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
    padding-left: 5px !important;
}

.custom-cat-bar .cat-item p {
    margin-top: 5px;
    margin-bottom: 5px;
}


/* ========================  product single page ==================================== */

.custom-single-product {
    background: #fff;
    font-family: sans-serif;
    color: #212121;
}

/* IMAGE */
.product-image-wrapper {
    position: relative;
    text-align: center;
}

.product-image-wrapper img {
    width: 100%;
    height: auto;
}

/* ICONS */
.icon-overlay {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    gap: 10px;
}

.icon-overlay span {
    background: #fff;
    padding: 6px 8px;
    border-radius: 50%;
    z-index: 999;
}

.icon-overlay {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: column;
    /* ensure horizontal */
    align-items: center;
    gap: 10px;
    /* spacing between icons */
    z-index: 10;
}

.fa-solid {
    font-size: 20px;
}

.yith-wcwl-add-to-wishlist-button__label {
    display: none;
}

.single-product .inside-article {
    padding: 0px;
}

/* SOCIAL PROOF */
.social-proof {
    margin: 10px;
    background: #e8f5e9;
    color: #388e3c;
    padding: 10px;
    border-radius: 25px;
}

/* SIMILAR */
.similar-products {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    padding: 10px;
}

.similar-item img {
    width: 60px;
    border: 2px solid transparent;
    border-radius: 8px;
}

/* TITLE */
.product-title {
    font-size: 20px;
    font-weight: 700;
    padding: 0px;
}

.product_details_wrapwer_div {
    border-top: 1px solid #9ca3af;
    border-bottom: 1px solid #9ca3af;
    padding: 10px 10px;
    text-align: left;
}

/* BADGES */
.rating-row {
    display: flex;
    gap: 10px;
    padding: 0px 0px;
    align-items: center;
}

.badge {
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 10px;
}

.badge.good {
    background: #e3f2fd;
}

.badge.assured {
    background: #e8f5e9;
    color: #388e3c;
}

/* PRICE */
.price-row {
    display: flex;
    gap: 10px;
    padding: 0px;
    align-items: baseline;
}

.sale-price {
    font-size: 22px;
    font-weight: bold;
}

.mrp {
    text-decoration: line-through;
    color: #888;
}

.mrp,
.mrp .woocommerce-Price-amount,
.mrp bdi {
    color: #888 !important;
    /* light grey */
    font-weight: 300 !important;
    /* thin font */
    font-size: 14px;
    /* optional small size */
}

.discount {
    color: #388e3c;
    font-weight: bold;
}

/* DETAILS */
.product-details {
    padding: 10px;
}

.divider {
    height: 1px;
    background: #ddd;
    margin: 10px 0;
}

/* BUTTONS */
.cta-buttons {
    /* position:sticky; */
    /* bottom:0; */
    /* display:flex; */
    /* gap:10px; */
    /* padding:10px; */
    border-top: 1px solid #eee;
    background: #fff;
    margin-bottom: 20px;
}

.btn {
    flex: 1;
    padding: 12px;
    border: none;
    border-radius: 8px;
    color: #fff;
}

.add-cart {
    background: #388e3c;
}

.buy-now {
    background: #212121;
}


/* gallery  */
.product-gallery {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 10px;
}

.gallery-item {
    min-width: 100%;
    scroll-snap-align: center;
}

.gallery-item img {
    width: 100%;
    height: auto;
    display: block;
}


/*  SLIDER  */

.product-image-wrapper {
    position: relative;
}

.myProductSwiper img {
    width: 100%;
    display: block;
    border-radius: 10px;
}

/* arrows */
.swiper-button-next,
.swiper-button-prev {
    color: #000;
}

/* dots */
.swiper-pagination-bullet {
    background: #388e3c;
}

.swiper-button-next,
.swiper-button-prev {
    display: none !important;
}

/* ======== */

/* Container styling */
.product-header-container {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    padding: 0px;
    max-width: 600px;
    background: #fff;
}

/* Title styling */
.product-title {
    font-size: 18px;
    color: #878787;
    /* Light grey title as per image */
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 8px 0;
}

/* Rating Row */
.rating-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.stars {
    color: #388e3c;
    /* Green stars */
    font-size: 18px;
}

.star.empty {
    color: #d1d1d1;
}

.rating-text {
    color: #2874f0;
    /* Flipkart-style blue link color */
    font-size: 14px;
    font-weight: 500;
}

.assured-badge {
    font-style: italic;
    color: #444;
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px;
}

/* Saver Deal Badge */
.saver-deal {
    background-color: #008c45;
    color: white;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px 12px 12px 4px;
    /* Angled cut look */
    display: inline-block;
    margin-bottom: 10px;
}

/* Pricing Row */
.price-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.current-price {
    font-size: 28px;
    font-weight: bold;
    color: #212121;
}

.mrp {
    font-size: 16px;
    color: #878787;
    text-decoration: line-through;
}

.discount {
    font-size: 16px;
    color: #388e3c;
    font-weight: 500;
}

/* ====  add cart button  */

.cart-buttons-container {
    display: flex;
    gap: 12px;
    padding: 10px;
    background-color: #f8f9fa;
    /* Matches the light grey background in the image */
    font-family: sans-serif;
}

.btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    /* Subtle rounding as seen in image_566e18.png */
    cursor: pointer;
    border: none;
    transition: background 0.2s ease;
}


.icon-buy {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}



.buy-now {
    line-height: 20px;
}

/* Add to Cart - White background with black border */
.add-to-cart {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #000000;
}

.add-to-cart:hover {
    background-color: #4d4b4b;
}

/* Buy Now - Yellow/Orange background */
.buy-now {
    background-color: #ffc107;
    /* The specific golden yellow from the image */
    color: #000000;
}

.buy-now:hover {
    background-color: #eab106;
}

/* Simple Icon Placeholders to match image_566e18.png */
.icon-cart::before {
    content: '';
    /* Use a Dashicon or FontAwesome for your WP site */
    margin-right: 8px;
    font-size: 18px;
}

.icon-buy::before {
    content: '';
    /* Matches the double-arrow style in the image */
    margin-right: 8px;
    font-size: 14px;
    letter-spacing: -2px;
}

/* ==================================== */

.product-card {
    /* width: 280px; */
    border: 1px solid #e0e0e0;
    font-family: Arial, sans-serif;
    background: #fff;
    position: relative;
}

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

/* Image Section */
.image-wrapper {
    position: relative;
    width: 100%;
    height: 200px;
    background: #f9f9f9;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.image-wrapper img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

.wishlist-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #878787;
    font-size: 20px;
    cursor: pointer;
}

.similar-icon {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 4px;
    display: flex;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Info Section */
.product-info {
    padding: 12px;
}

.product-name {
    font-size: 13px;
    color: #878787;
    margin: 0 0 8px 0;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.price-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.discount-percent {
    color: #388e3c;
    font-weight: bold;
    font-size: 16px;
}

.mrp {
    color: #878787;
    text-decoration: line-through;
    font-size: 12px;
}

.sale-price {
    font-weight: bold;
    font-size: 16px;
    color: #212121;
}

.stock-status {
    font-size: 12px;
    color: #212121;
    margin: 4px 0;
}

.rating-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}

.stars {
    color: #388e3c;
    font-size: 21px;
}

.empty-star {
    color: #e0e0e0;
}

.assured-text {
    font-style: italic;
    font-weight: bold;
    color: #2874f0;
    font-size: 11px;
}

.delivery-text {
    font-size: 12px;
    color: #212121;
    margin-top: 10px;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* 2 columns */
    gap: 0px;
}

/* cat page pagination */


.custom-pagination {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    gap: 8px;
}

/* ALL BUTTONS */
.custom-pagination a,
.custom-pagination span {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: 0.3s;
}

/* ACTIVE PAGE */
.custom-pagination .current {
    background: green;
    color: #fff;
    border-color: green;
}

/* NEXT & PREV OVAL */
.custom-pagination .prev,
.custom-pagination .next {
    width: auto;
    padding: 0 15px;
    border-radius: 20px;
}

/* HOVER */
.custom-pagination a:hover {
    border-color: green;
    color: green;
}


/* ====================================== */

.cat-item {
    border: 1px solid transparent;
    padding: 8px;
    border-radius: 6px;
    transition: 0.3s;
}

.cat-item p {
    color: #333;
}

/* 🔥 ACTIVE */
.cat-item.active-cat {
    border: 1px solid #ff4081;
}

.cat-item.active-cat p {
    color: #ff4081;
    font-weight: 500;
}

/* ==========================================================================
   CUSTOM WOOCOMMERCE CART DESIGN (MEESHO / MOBILE STYLE)
   ========================================================================== */

/* Main Cart Layout Container */
.myshopping-cart-container {
    max-width: 500px;
    margin: 0 auto;
    background: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #111;
    padding-bottom: 20px;
    /* Space for bottom content */
}

/* Empty cart state */
.woocommerce-cart-empty-state {
    text-align: center;
    padding: 60px 20px;
    max-width: 500px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}

.woocommerce-cart-empty-state .empty-cart-icon {
    font-size: 64px;
    color: #cbd5e1;
    margin-bottom: 20px;
}

.woocommerce-cart-empty-state h2 {
    font-size: 20px;
    font-weight: bold;
    color: #334155;
    margin-bottom: 10px;
}

.woocommerce-cart-empty-state p {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 24px;
}

.woocommerce-cart-empty-state .button {
    background: #ffc300 !important;
    color: #000 !important;
    font-weight: bold;
    padding: 12px 30px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
}

.woocommerce-cart-empty-state .button:hover {
    background: #e6b000 !important;
}

/* Product list block */
.myshopping-cart-items {
    padding: 15px 16px;
}

/* Cart Product Card */
.cart-product-card {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
    position: relative;
    background: #fff;
}

/* Image column with badges */
.card-image-col {
    position: relative;
    width: 100px;
    height: 145px;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    background: #f8fafc;
}

.card-image-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Big Sale Badge */
.badge-big-sale {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 48px;
    height: 48px;
    z-index: 10;
}

.badge-star-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.starburst-svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
}

.starburst-svg polygon {
    fill: #228be6;
    /* Royal Sky Blue */
}

.badge-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
}

.badge-label {
    font-size: 7px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 0.2px;
}

.badge-price-val {
    font-size: 8px;
    font-weight: 800;
    line-height: 1.1;
    margin-top: 1px;
}

/* COD Badge bottom center of image */
.badge-cod-overlay {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 85%;
    background: rgba(255, 255, 255, 0.9);
    color: #475569;
    font-size: 8px;
    font-weight: 800;
    padding: 3px 0;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    letter-spacing: 0.3px;
}

/* Details Column */
.card-details-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.card-header-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.product-title-text {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-title-text a {
    color: #1e293b;
    text-decoration: none;
}

.product-title-text a:hover {
    color: #228be6;
}

/* Remove button trash can */
.product-remove-btn-wrapper {
    margin-top: -2px;
}

.cart-remove-item-trigger {
    color: #94a3b8;
    font-size: 18px;
    text-decoration: none;
    transition: color 0.15s ease;
}

.cart-remove-item-trigger:hover {
    color: #ef4444;
}

/* Price row */
.card-price-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.card-sale-price {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
}

.card-mrp-price {
    font-size: 13px;
    text-decoration: line-through;
    color: #94a3b8;
}

/* Meta attributes (Size and Qty) */
.card-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    font-size: 13px;
    color: #475569;
    padding-top: 8px;
}

.card-size-wrapper {
    font-size: 13px;
}

.card-size-wrapper .size-val {
    font-weight: 600;
    color: #1e293b;
}

.card-qty-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}

.qty-text-label {
    font-size: 13px;
}

.cart-qty-select {
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 3px 6px;
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    background: #fff;
    cursor: pointer;
    outline: none;
}

.cart-qty-select:focus {
    border-color: #228be6;
}

/* Thick divider line */
.price-thick-divider-bar {
    height: 8px;
    background-color: #f1f5f9;
    width: 100%;
    margin: 10px 0;
}

/* Price Details Breakdown */
.cart-price-breakdown-wrapper {
    padding: 16px;
}

.price-breakdown-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    font-size: 14px;
    color: #334155;
}

.price-breakdown-row.total-row {
    margin-bottom: 0;
    margin-top: 12px;
    font-size: 15px;
    color: #0f172a;
}

.price-breakdown-row.total-row .breakdown-val {
    font-size: 16px;
}

.font-weight-bold {
    font-weight: 700;
}

.text-black {
    color: #0f172a;
}

.text-underline-dotted,
.dotted-underline {
    text-decoration: underline dotted;
    text-underline-offset: 4px;
}

.price-thin-divider {
    border-top: 1px solid #e2e8f0;
    margin: 12px 0;
}

/* Sticky Action Footer */
.inline-checkout-action-bar {
    position: relative;
    width: 100%;
    background: #fff;
    border-top: 1px solid #f1f5f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    box-sizing: border-box;
}

.footer-left-price-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer-price-text {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.footer-view-price-details-trigger {
    font-size: 10px;
    font-weight: 700;
    color: #2563eb;
    text-decoration: none;
    letter-spacing: 0.3px;
    margin-top: 1px;
}

.footer-view-price-details-trigger:hover {
    text-decoration: underline;
}

.btn-checkout-continue {
    background: #ffd100;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 24px;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
    transition: background 0.15s ease;
    border: none;
    text-align: center;
}

.btn-checkout-continue:hover {
    background: #e6bc00;
    color: #000;
}

/* Hide standard theme wrapper padding if in cart */
.woocommerce-cart #primary {
    padding: 0;
    margin: 0 auto;
}

.woocommerce-cart .entry-header {
    display: none;
    /* Hide header page title */
}

.woocommerce-cart .woocommerce-error,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-message {
    max-width: 500px;
    margin: 12px auto;
    border-radius: 6px;
}

/* Fix parent transforms constraint on position: fixed */
.woocommerce-cart,
.woocommerce-cart body,
.woocommerce-cart #page,
.woocommerce-cart #primary,
.woocommerce-cart #main,
.woocommerce-cart .site-content,
.woocommerce-cart .inside-article,
.woocommerce-cart article {
    transform: none !important;
    filter: none !important;
    perspective: none !important;
}


/* ------------------- */

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    float: none;
    width: 100%;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
    float: none;
    width: 100%;
}

.woocommerce-info {
    font-size: 16px;
}

/* ==========================================================================
   CUSTOM WOOCOMMERCE CHECKOUT PAGE STYLING
   ========================================================================== */

/* Checkout Product Row Layout */
.checkout-product-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.checkout-product-thumbnail {
    width: 50px !important;
    height: 50px !important;
    flex-shrink: 0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

.checkout-product-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.checkout-product-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.checkout-product-title-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    line-height: 1.3 !important;
}

/* Yellow Buttons with Black Text on Checkout Page */
.woocommerce-checkout #place_order,
.woocommerce-checkout button.button,
.woocommerce-checkout input.button,
.woocommerce-checkout .woocommerce-form-coupon button,
.woocommerce-checkout .woocommerce-form-login button {
    background-color: #ffd100 !important;
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: none !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    transition: background 0.15s ease !important;
    text-shadow: none !important;
    cursor: pointer !important;
}

.woocommerce-checkout #place_order:hover,
.woocommerce-checkout button.button:hover,
.woocommerce-checkout input.button:hover,
.woocommerce-checkout .woocommerce-form-coupon button:hover,
.woocommerce-checkout .woocommerce-form-login button:hover {
    background-color: #e6bc00 !important;
    color: #000000 !important;
}

/* Coupon code section formatting on Checkout */
.woocommerce-checkout .woocommerce-form-coupon {
    max-width: 500px !important;
    margin: 15px auto 25px !important;
    padding: 20px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

.woocommerce-checkout .woocommerce-form-coupon p.form-row {
    margin: 0 !important;
    float: none !important;
}

.woocommerce-checkout .woocommerce-form-coupon p.form-row-first {
    flex: 1 !important;
    min-width: 200px !important;
    width: auto !important;
}

.woocommerce-checkout .woocommerce-form-coupon p.form-row-last {
    flex-shrink: 0 !important;
    width: auto !important;
}

.woocommerce-checkout .woocommerce-form-coupon input.input-text {
    width: 100% !important;
    padding: 10px 14px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    background: #fff !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout .woocommerce-form-coupon input.input-text:focus {
    border-color: #ffd100 !important;
}

/* Have a coupon link style */
.woocommerce-checkout-coupon {
    margin-bottom: 15px !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    background-color: #f8fafc !important;
    border-top-color: #ffd100 !important;
    /* Matches yellow theme */
    color: #475569 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    padding: 12px 20px !important;
    border-left: 4px solid #ffd100 !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
    color: #2563eb !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

/* Hide default top coupon toggle and default coupon form */
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout form.checkout_coupon {
    display: none !important;
}

/* Custom Coupon Wrapper placed before payment section */
.custom-checkout-coupon-wrapper {
    margin: 24px 0 !important;
    padding: 18px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    clear: both !important;
}

.custom-checkout-coupon-wrapper .coupon-section-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 0 12px 0 !important;
    text-transform: none !important;
    line-height: 1.2 !important;
}

.custom-checkout-coupon-field {
    display: flex !important;
    gap: 8px !important;
}

.custom-checkout-coupon-field input.input-text {
    flex: 1 !important;
    padding: 10px 14px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    background: #fff !important;
    outline: none !important;
    box-sizing: border-box !important;
    height: 42px !important;
}

.custom-checkout-coupon-field input.input-text:focus {
    border-color: #ffd100 !important;
}

.custom-checkout-coupon-field button.button {
    background-color: #ffd100 !important;
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 0 24px !important;
    height: 42px !important;
    cursor: pointer !important;
    transition: background 0.15s ease !important;
    line-height: 42px !important;
}

.custom-checkout-coupon-field button.button:hover {
    background-color: #e6bc00 !important;
}

/* ==========================================================================
   CUSTOM WOOCOMMERCE ORDER RECEIVED (THANK YOU) PAGE STYLING
   ========================================================================== */

/* Centered Layout container for success */
.custom-thankyou-container {
    max-width: 500px !important;
    margin: 0 auto !important;
    background: #fff !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    color: #111 !important;
}

.thankyou-success-message {
    text-align: center !important;
    padding: 30px 16px 15px !important;
}

.success-icon-wrapper {
    font-size: 56px !important;
    color: #22c55e !important;
    margin-bottom: 12px !important;
}

.thankyou-success-message p {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    margin-bottom: 0 !important;
}

.thankyou-order-overview-card {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 18px !important;
    margin: 15px 16px !important;
}

.thankyou-order-overview-card .overview-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 0 12px 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding-bottom: 6px !important;
}

.custom-overview-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.custom-overview-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 13px !important;
    color: #475569 !important;
    float: none !important;
    border-right: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-overview-row .overview-label {
    font-weight: 500 !important;
}

.custom-overview-row .overview-value {
    font-weight: 700 !important;
    color: #0f172a !important;
}

.thankyou-details-table-wrapper {
    padding: 15px 16px !important;
}

.thankyou-details-table-wrapper h2 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 12px !important;
}

/* Style table borders on thank you page */
.woocommerce-order-details table.shop_table {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    border-collapse: separate !important;
    overflow: hidden !important;
}

.woocommerce-order-details table.shop_table th,
.woocommerce-order-details table.shop_table td {
    padding: 12px 14px !important;
}

.woocommerce-order-details table.shop_table tbody td.product-name {
    padding-left: 14px !important;
}

/* Center align all page and post entry titles globally */
.entry-header,
.entry-title,
h1.entry-title,
.page-header h1,
.page-title {
    text-align: center !important;
}

/* Mobile Navigation Hamburger Menu Removal & Mini Cart Placement */
@media (max-width: 768px) {

    /* Hide the mobile navigation hamburger toggles */
    .mobile-menu-control-wrapper button.menu-toggle,
    .main-navigation button.menu-toggle,
    #site-navigation button.menu-toggle,
    .mobile-header-navigation .menu-toggle {
        display: none !important;
    }

    /* Ensure the mobile controls container displays flex and aligns items to the right */
    .mobile-menu-control-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        background: transparent !important;
        width: auto !important;
        margin-left: auto !important;
    }
}

/* ==========================================================================
   STATIC PAGES PREMIUM STYLING (ABOUT, TERMS, PRIVACY, FAQ, CONTACT)
   ========================================================================== */

/* Layout Container */
.static-page-container {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: #334155;
    line-height: 1.7;
}

.static-page-container h1 {
    font-size: 36px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
    text-align: center;
}

.static-page-container h2 {
    font-size: 22px;
    font-weight: 700;
    color: #1e293b;
    margin-top: 36px;
    margin-bottom: 16px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 8px;
}

.static-page-container p {
    margin-bottom: 20px;
}

.static-page-container a {
    color: #228be6;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.15s ease;
}

.static-page-container a:hover {
    color: #ff4081;
    text-decoration: underline;
}

.static-page-container .last-updated {
    font-size: 13px;
    color: #94a3b8;
    text-align: center;
    margin-bottom: 40px;
}

/* About Us Layout */
.about-hero {
    text-align: center;
    padding: 60px 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    border-radius: 16px;
    margin-bottom: 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

.about-hero h1 {
    margin-bottom: 12px;
    color: #0f172a;
}

.about-subtitle {
    font-size: 18px;
    font-weight: 600;
    color: #ff4081;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
}

.about-content {
    font-size: 16px;
    color: #475569;
}

.about-content p {
    margin-bottom: 24px;
}

/* FAQ Page Accordion */
.faqs-intro {
    text-align: center;
    font-size: 16px;
    color: #64748b;
    margin-bottom: 40px;
}

.faq-accordion {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.faq-item {
    border-bottom: 1px solid #e2e8f0;
}

.faq-item:last-child {
    border-bottom: none;
}

.faq-question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    background: #fff;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    text-align: left;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.faq-question:hover {
    background: #f8fafc;
    color: #ff4081;
}

.faq-icon {
    font-size: 14px;
    color: #94a3b8;
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question {
    color: #ff4081;
    background: #f8fafc;
}

.faq-item.active .faq-icon {
    transform: rotate(180deg);
    color: #ff4081;
}

.faq-answer {
    display: none;
    padding: 0 24px 20px;
    background: #f8fafc;
    color: #475569;
    font-size: 15px;
}

.faq-answer p {
    margin: 0;
}

/* Contact Us Page Grid */
.contact-intro {
    text-align: center;
    font-size: 16px;
    color: #64748b;
    margin-bottom: 40px;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 20px;
}

@media (max-width: 768px) {
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

.info-card {
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.info-card h3,
.contact-form-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 24px;
    border-bottom: 2px solid #ffd100;
    padding-bottom: 8px;
    display: inline-block;
}

.info-item {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.info-item:last-child {
    margin-bottom: 0;
}

.info-item .icon {
    width: 44px;
    height: 44px;
    background: #f1f5f9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff4081;
    font-size: 18px;
    flex-shrink: 0;
}

.info-item .text strong {
    display: block;
    font-size: 14px;
    color: #94a3b8;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.info-item .text p {
    margin: 0;
    font-size: 15px;
    color: #334155;
    font-weight: 600;
}

.info-item .text a {
    font-weight: 600;
}

/* Contact Form Card */
.contact-form-card {
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.custom-contact-form .form-group {
    margin-bottom: 20px;
}

.custom-contact-form label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #475569;
    margin-bottom: 6px;
}

.custom-contact-form input,
.custom-contact-form textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 14px;
    background: #fff;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}

.custom-contact-form input:focus,
.custom-contact-form textarea:focus {
    border-color: #ff4081;
    box-shadow: 0 0 0 3px rgba(255, 64, 129, 0.1);
}

.contact-submit-btn {
    width: 100%;
    background: #ffd100;
    color: #000;
    font-weight: 700;
    font-size: 15px;
    padding: 12px 24px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background 0.15s ease;
}

.contact-submit-btn:hover {
    background: #e6bc00;
}

/* ==========================================================================
   WOOCOMMERCE CATEGORY PAGE BANNER AND LIST STYLING
   ========================================================================== */

/* Remove default padding/margins on category pages for edge-to-edge layout */
.tax-product_cat #primary,
.tax-product_cat #main,
.tax-product_cat .site-content {
    padding: 0 !important;
    margin: 0 auto !important;
}

.custom-category-banner {
    width: 100%;
}

.custom-category-banner img {
    width: 100%;
    height: auto;
    display: block;
}

/* Category circles container with light pink background matching the banner bottom */
.category-page-cat-bar {
    background-color: #fcebf9 !important;
    border-bottom: 1px solid rgba(197, 62, 173, 0.15) !important;
    padding: 12px 10px !important;
    margin-bottom: 15px;
}

/* Padding for the product grid on category pages to keep it aligned */
.tax-product_cat .product-grid {
    padding: 10px 0px 0px !important;
    margin: 0 !important;
}

/* Hide theme category description/header elements if present */
.tax-product_cat .term-description,
.tax-product_cat .woocommerce-products-header,
.tax-product_cat .page-header {
    display: none !important;
}

.tax-product_cat .custom-cat-bar {
    background: #fde4ff;
}


.woocommerce-message .button.wc-forward {
    display: none !important;
}