h1, h2, h3, h4, h5, h6 {
    line-height: 1.35;
    font-family: 'Poppins', sans-serif;
}
html,
body {
    font-family: 'Poppins', sans-serif;
}
.login-dropdown a {
    color: #333333;
    font-weight: bold;
}

/* login page */
.form-group .form-control, .form-group .select-custom {
    font-size: 1.6rem;
}
.error {
    color: rgb(220 38 38);
    font-weight: 400;
}
input.error,select.error {
    border-color: red;
}
.modal-title {
  font-family: 'Poppins';
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.well h2{
  font-size:27px;
  line-height: 1.35;
}
.well p{
    margin:0 0 10px;
    font-family: Rubik,HelveticaNeue,Helvetica Neue,sans-serif
}
  .well strong{font-weight: bold;}

/* register  page */
.breadcrumbs h1 {
    font-size: 33px;
}
.breadcrumbs {
  text-align: center;
  line-height: 25px;
  overflow: hidden;
  padding: 10px 0;
  margin: 60px 0;
}
.breadcrumb {
    display: block;
    margin: 0;
    background: none;
    text-transform: capitalize;
    padding: 0;
}
.breadcrumb > li {
    display: inline-block;
}
.breadcrumb li a {
    color: #777;
    font-size: 14px;
}
.breadcrumb>li+li:before {
    content: "/";
    color: #777;
    padding: 0;
}
.breadcrumb li:before {
    margin: 0 4px 0 2px;
}
.breadcrumb li a:hover, .breadcrumb li:last-child a {
    color: #0047AB;
}
#content {
    min-height: 300px;
    margin-bottom: 2rem;
}
legend {
    padding: 0;
    color: #333;
    border: 0;
    border-bottom: 1px solid #7CFC00;
    margin-bottom: 2rem;
    font-size: 1.7rem;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
}
div.required .control-label:before {
    content: "* ";
    color: red;
    font-weight: 700;
}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}

/*Home- shop page*/
.header-search button.btn.btn-primary {
    color: #000;
    background-color: #696969;
}
.sell_price_row {
    background-color: #000;
    color: #fff;
    font-weight: bold;
    padding: 5px 5px;
    margin-bottom: 0px;
}

a.btn-header-cus {
    background-color: #000;
    color: #fff;
    font-weight: 600;
    padding: 10px 25px;
    margin: 10px;
    font-size: 25px;
    border-radius: 32px;
}
a.btn-header-cus:hover {
  background-color: #000;
  color: #fff;
}

#blinking-button{
    padding: 8px 35px;
    border-radius: 48px 0px;
border: 0px solid #6C8003;
}
@keyframes blink {
  0%, 100% {background-color:#3F06FF;}
  50% {background-color: #8EDDBE;}
}
#blinking-button {
  background-color: #8EDDBE;
  color: white;
  animation: blink 1s linear infinite;
}

/* ------------------ */
.product-details .row {
    margin-left: 0;
    margin-right: 0;
    justify-content: center;
}
.product-details .row .col {
    padding: 0 4px;
    flex: 0 0 auto;
    width: auto;
}
.pagination svg {
    width: 25px;
    height: 25px;
    line-height: normal;
}
.pagination {
    justify-content: center;
}
.pagination > [role="navigation"] > .flex.justify-between.flex-1.sm\:hidden {
    display: none;
}

.pagination > [role="navigation"] div> span {
    display: flex;
    box-shadow: none !important;
    gap: 9px;
    margin-top: 5px;
    justify-content: center;
}

span[aria-current="page"] span, .pagination > [role="navigation"] div> span a {
    padding: 5px 0 !important;
    line-height: 25px;
    display: inline-block;
    width: 38px;
    text-align: center;
}
[aria-label*="Previous"] span, [aria-label*="Next"] span {
    padding: 5px !important;
    height: 100%;
    display: flex;
}
.login-dropdown a i.icon-user {
    font-size: 20px;
}
.logo {
    max-width: 200px;
}
.logo img
{    height: auto;
    width: 75%;
    
}
.header-center .header-search {
    margin-left: auto;
    margin-right: auto;
}
.header-middle .header-center {
    margin-left: auto;
    margin-right: auto;
}
.product-details-bidAmount{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.product-details-download {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  margin-bottom: 3rem; }
  .product-details-download .btn-download {
    padding: 1rem 1.5rem;
    max-width: 198px;
    color: #fff;
    border: 0.1rem solid #000;
    background-color: #000; }
    .product-details-download .btn-download span {
      font-size: 1.4rem;
      color: #fff;
      font-weight:600;
      text-transform: uppercase;
      box-shadow: none;
      transition: box-shadow .35s ease, color 0s ease; }
    .product-details-download .btn-download:before {
      margin-right: .4rem; }

    .home-product-details .details-filter-row label {
       width: 70px;
     }
     .product-details {
        line-height: normal;
        margin-bottom: 0px;
    }

    .product-body {
        padding: 1px 15px 15px 15px;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        border-color: #ccc;
    }
    .product-title{
        font-weight: 600;
        font-family: 'Poppins';
    }

    span.rs_money {
    font-weight: bold;
    margin-right: 2px;
}
.product-label.label-timer {
    color: #fff;
    background-color: #FF0000;
    width: 100%;
    left: 0rem;
    top: 0rem;
    font-weight: bold;
}
.is_bid_expired,.is_soldout{display:none;}

.home_product_selling_price a.login_btn {
    color: #fff;
    font-weight: 500;
}
.modal-body p {
    font-size: 15px;
}

@media (min-width: 992px) {
    .md-show {
        display: block !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px)  {
.toolbox-left .toolbox-layout {
    display: none;
}
.header-search-visible .search-toggle {
    display: none;
}
.header-middle .container {
    flex-wrap: wrap;
}
.header-middle .header-center {
    display: block;
    order: 3;
}
.header-middle .header-center .header-search {
    display: block;
}
.header-search-visible .header-search-wrapper {
    position: static;
    display: flex;
}
.header-search-visible .header-search-wrapper:before {
    content: none;
}
.home-product-details .details-filter-row label {
   width: 40px;
 }
}

@media only screen and (max-width: 600px) {
  a.btn-header-cus {
  font-size: 20px;
 }
}

.order_booking_product{
  background-color:#000;
}

.order_booking_product .product-title{
  color:#fff;
}

.order_booking_product .product-title a:hover{
  color:#fff;
}

.order_booking_product .sell_price_row{
  background-color:#fff;
}

.pre_booking_order{
  margin: 7% 0px;
  text-align: center;
}

.nav-dashboard .nav-link:hover, .nav-dashboard .nav-link:focus, .nav-dashboard .nav-link.active {
    color: #007bff;
    font-weight: bold;
}

.prod_video{
  width: 100%;
  height: auto;
  border:1px solid #000;
}

/* ===== LARAVEL PAGINATION FIX ===== */
/* ===== CLEAN PAGINATION ===== */

.shop-pagination div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

/* hide extra prev/next block */
.shop-pagination p {
    display: none;
}

/* links */
.shop-pagination a,
.shop-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    width: 40px;
    height: 40px;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    color: #777;
    text-decoration: none;
    border-radius: 4px;
    background: #fff;
}

/* active page */
.shop-pagination span[aria-current="page"] {
    color: #9ac45c;
}

/* arrows small */
.shop-pagination svg {
    width: 14px !important;
    height: 14px !important;
}

.shop-pagination .flex.justify-between.flex-1.sm\:hidden {
    display: none;
}

/**** color change *******/
.menu li:hover > a, .menu li.show > a, .menu li.active > a,
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus, 
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, 
.show > .btn-outline-primary.dropdown-toggle
{
   color:#D52D2C;
}
.btn-outline-primary{
    color:#D52D2C;
    border-color:#D52D2C;
}
.product-label.label-primary,.product.product-4 .btn-product
{
    background-color:#D52D2C;
}


.condition-badge {
    padding: 3px 10px;
    font-size: 13px;
    border-radius: 20px;
    font-weight: 500;
    display: inline-block;
    text-transform: capitalize;
}

/* Positive / New */
.condition-new {
    background: #28a745;
    color: #fff;
}

.condition-open-box {
    background: #17a2b8;
    color: #fff;
}

.condition-refurbished {
    background: #ffc107;
    color: #212529;
}

.condition-used {
    background: #6c757d;
    color: #fff;
}

/* Premium */
.condition-like-new {
    background: #007bff;
    color: #fff;
}

.condition-grade-a {
    background: #20c997;
    color: #fff;
}

.condition-grade-b {
    background: #fd7e14;
    color: #fff;
}

.condition-grade-c {
    background: #dc3545;
    color: #fff;
}

/* Special Stock */
.condition-unboxed-unused {
    background: #6610f2;
    color: #fff;
}

.condition-customer-return {
    background: #343a40;
    color: #fff;
}

.condition-factory-clearance {
    background: #e83e8c;
    color: #fff;
}

/* Damaged */
.condition-scratched {
    background: #ff9800;
    color: #fff;
}

.condition-damaged {
    background: #b02a37;
    color: #fff;
}

/* Amazon-style grid layout */
.spec-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.spec-row {
    display: contents;
}

.spec-label,
.spec-value {
    padding: 12px 16px;
    border-bottom: 1px solid #f2f2f2;
}

.spec-label {
    background: #f7f7f7;
    font-weight: 600;
    color: #555;
}

.spec-value {
    color: #333;
}

/* Remove bottom border from last row */
.spec-grid > .spec-row:last-child .spec-label,
.spec-grid > .spec-row:last-child .spec-value {
    border-bottom: none;
}

.ziikat-trust-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    margin-top: 20px;
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #333;
    margin: 8px 0;
}

.trust-item i {
    font-size: 18px;
    color: #ff9900; /* Amazon-like accent */
}

/* Mobile responsive */
@media (max-width: 768px) {
    .spec-grid {
        grid-template-columns: 1fr;
    }

    .spec-label {
        background: #f7f7f7;
    }
}

.btn-google {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    background-color: #ffffff;
    border: 1px solid #dadce0;
    color: #3c4043;

    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;

    height: 44px;
    padding: 0 24px;
    border-radius: 24px;

    text-decoration: none;
    cursor: pointer;

    transition: all 0.2s ease;
}

.btn-google:hover {
    background-color: #f8f9fa;
    border-color: #c6c6c6;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    color: #202124;
}

.btn-google:active {
    background-color: #eeeeee;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.google-icon {
    display: block;
}

.cart-toast {
    display: none;
    position: fixed;
    top: 70px; /* adjust based on your header */
    right: 30px;
    background: #fff;
    color: #333;
    padding: 12px 18px;
    border-radius: 8px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    font-size: 14px;
    font-weight: 500;
    z-index: 9999;
    border-left: 4px solid #28a745;
}

/* Animation */
.cart-toast.show {
    display: block;
    animation: slideIn 0.3s ease;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* coupon drawer css */
.coupon-drawer {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 75%;
    background: #fff;
    z-index: 9999;
    transition: 0.3s ease;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.coupon-drawer.active {
    bottom: 0;
}

.drawer-content {
    padding: 15px;
    height: 100%;
    overflow-y: auto;
}


.coupon-entry {
    cursor: pointer;
    background: #fff;
}

.coupon-card {
    position: relative;
    display: block;
}

.coupon-card .badge {
    position: static !important;
}

    .address-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}
/* checkout address css */
.address-card {
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    cursor: pointer;
    background: #fff;
    transition: 0.2s;
    line-height: 1.6;
}

.address-card:hover {
    border-color: #2874f0;
}

.address-card strong {
    font-size: 1.45rem;
}

.address-card input {
    margin-top: 0;
}

.address-card .address-body {
    font-size: 14px;
    line-height: 1.4;
}

.address-card:has(input:checked) {
    border: 2px solid #2874f0;
    background: #f5f9ff;
}

.new-address {
    background: #fafafa;
}

.order-card {
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
}

.order-header {
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.order-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.badge-soft {
    padding: 5px 10px;
    font-size: 11px;
    border-radius: 20px;
    font-weight: 500;
}

.badge-paid {
    background: #e6f7ed;
    color: #28a745;
}

.badge-pending {
    background: #fff4e5;
    color: #ff9800;
}

/* TIMELINE (MOLLA STYLE) */
.track-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.track-list li {
    padding: 12px 0;
    border-left: 2px solid #eee;
    padding-left: 15px;
    position: relative;
    font-size: 14px;
    color: #666;
}

.track-list li::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 50%;
    position: absolute;
    left: -6px;
    top: 18px;
}

.track-list li.active {
    color: #333;
    font-weight: 500;
    border-left-color: #007bff;
}

.track-list li.active::before {
    background: #007bff;
}

.track-list li.done {
    color: #28a745;
    border-left-color: #28a745;
}

.track-list li.done::before {
    background: #28a745;
}

/* ACTION BUTTONS */
.order-actions .btn {
    width: 100%;
    margin-bottom: 8px;
    border-radius: 6px;
}

.parent {
    position: relative;
}

/***** order card ******/
/* Card */
/* Summary */
.summary-box {
    background: #fff;
    border: 1px solid #e7e7e7;
    padding: 15px;
}

.summary-item small {
    display: block;
    font-size: 12px;
    color: #555;
}

.summary-item strong {
    font-size: 18px;
}

/* Order Card */
.order-card {
    border: 1px solid #e7e7e7;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

/* Header */
.order-header {
    background: #f3f3f3;
    padding: 10px 15px;
    font-size: 12px;
}

/* Body */
.order-body {
    padding: 15px;
    gap: 15px;
}

/* Image */
.order-image img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 1px solid #eee;
}

/* Status Badge */
.status-badge {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 20px;
}

.status-badge.delivered {
    background: #d4edda;
    color: #155724;
}

.status-badge.pending {
    background: #fff3cd;
    color: #856404;
}
.status-badge.processing {
    background: #e7f3ff;
    color: #0b5ed7;
}
.status-badge.shipped {
    background: #d1ecf1;
    color: #0c5460;
}

.status-badge.cancelled {
    background: #f8d7da;
    color: #721c24;
}

/* Refurb/Open Box Badge */
.badge-refurb {
    background: #e0f3ff;
    color: #007185;
    padding: 3px 8px;
    font-size: 12px;
}

/* Buttons */
.btn-amazon {
    background: #ff9900;
    padding: 6px 12px;
    border-radius: 3px;
    color: #000;
    text-decoration: none;
    margin-right: 8px;
}

.btn-outline {
    border: 1px solid #ccc;
    padding: 6px 12px;
    border-radius: 3px;
    text-decoration: none;
    margin-right: 8px;
}

.order-link {
    font-size: 13px;
    color: #007185;
    text-decoration: none;
}

/* Responsive */
@media (max-width: 768px) {
    .order-body {
        flex-direction: column;
    }

    .order-header {
        flex-direction: column;
        gap: 10px;
    }
}

/*********** order details *********/
.order_detail_block {
    padding: 24px 30px 30px 20px;
}
/* .order-detail-card {
    border: 1px solid #e7e7e7;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
} */

.order-detail-header {
    background: #f3f3f3;
    padding: 12px 15px;
    font-size: 12px;
}

.order-item {
    padding: 15px;
    border-bottom: 1px solid #eee;
    gap: 15px;
}

.item-image img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border: 1px solid #eee;
}

.item-details h6 {
    font-size: 14px;
    margin-bottom: 5px;
}

/* Tracking */
.tracking-bar {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

.step {
    font-size: 12px;
    color: #999;
}

.step.active {
    color: #000;
    font-weight: bold;
}

/* Buttons */
.btn-amazon {
    background: #ff9900;
    padding: 6px 12px;
    border: none;
    border-radius: 3px;
    margin-right: 8px;
}

.btn-outline {
    border: 1px solid #ccc;
    padding: 6px 12px;
    background: #fff;
}

/* Condition badge */
.badge-refurb {
    background: #e0f3ff;
    color: #007185;
    padding: 3px 8px;
    font-size: 12px;
}

.filter-btn {
    padding: 6px 12px;
    margin-right: 10px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
    border-radius: 20px;
    font-size: 13px;
}

.filter-btn.active {
    background: #232f3e;
    color: #fff;
    border-color: #232f3e;
}

.tracking-timeline {
    position: relative;
    padding-left: 25px;
}

.tracking-step {
    position: relative;
    margin-bottom: 20px;
}

.tracking-step .dot {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 10px;
    background: #0b5ed7;
    border-radius: 50%;
}

.btn-invoice {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;

    color: #0b5ed7;
    background: #f0f7ff;

    border: 1px solid #cfe2ff;
    border-radius: 6px;

    text-decoration: none;
    transition: all 0.2s ease;
}

.btn-invoice:hover {
    background: #e2efff;
    color: #084298;
    border-color: #9ec5fe;
}

.btn-invoice:active {
    transform: scale(0.97);
}
.order-card-header {
    padding: 12px 16px;
    border-bottom: 1px solid #e9ecef;
    background: #fff;
    border-radius: 10px 10px 0 0;
}

.order-card-header h5 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.order-card-header small {
    font-size: 12px;
}

.sidebar li.active a {
    background: #0b5ed7;
    color: #fff;
    border-radius: 6px;
}

.btn-update {
    background: #dc2323;
    border: 1px solid #b54c2c;
    padding: 8px;
    border-radius: 6px;
    font-weight: 500;
    color: #111;
}

.btn-outline {
    border: 1px solid #ccc;
    background: #fff;
    padding: 8px;
    color:#e53935;
    border-radius: 6px;
}
.btn-outline:hover {
color:#e53935;
}
/******** my profile ******/

.account-card {
    border: 1px solid #e3e6e6;
    background: #fff;
}

.account-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #eee;
}

.edit-box {
    padding: 15px;
    background: #fafafa;
}

.btn-update {
    background: #e53935;
    border: 1px solid #c62828;
    padding: 8px 15px;
    border-radius: 6px;
    color:#fff;
}



.spinner-border {
    width: 48px;
    height: 48px;
    border: 4px solid #e5e5e5;
    border-top: 4px solid #d32f2f;
    border-radius: 50%;
    display: inline-block;
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    100% { transform: rotate(360deg); }
}

/****** address css ******/

/* ===== CONTAINER ===== */
.ziikat-address-list {
    max-width: 750px;
}

/* ===== CARD ===== */
.ziikat-address {
    border: 1px solid #d5d9d9;
    border-radius: 8px;
    padding: 14px;
    margin-bottom: 12px;
    background: #fff;
    transition: 0.2s;
}

/* HOVER */
.ziikat-address:hover {
    border-color: #a2a6ac;
}

/* SELECTED */
.ziikat-address.selected {
    background: #fff1f2;
    border-color: #e11d48;
}

/* RADIO */
.ziikat-address input[type="radio"] {
    margin-right: 12px;
    margin-top: 4px;
    transform: scale(1.2);
}

/* CONTENT */
.ziikat-content {
    flex: 1;
}

/* HEADER */
.top-row {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
}

/* DEFAULT TAG */
.default-tag {
    background: #0f8a00;
    color: #fff;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 3px;
}

/* ADDRESS */
.address-lines {
    margin-top: 4px;
    font-size: 14px;
    color: #333;
}

/* PHONE */
.phone {
    margin-top: 2px;
    font-size: 14px;
}
.edit_state,.edit_type {
    background: #fff;
    border: 1px solid #d1d5db;
    color: #111827;
    font-size: 14px;
    padding: 8px 10px;
    border-radius: 6px;
    cursor: pointer;
    appearance: none; /* removes default OS styling */
}
/* LINKS */
.links {
    margin-top: 6px;
    font-size: 13px;
}

.link {
    color: #007185;
    cursor: pointer;
}

.link:hover {
    text-decoration: underline;
}

/* CTA BUTTON */
/* PRIMARY RED BUTTON */
.deliver-btn,
.add-address-btn {
    margin-top: 10px;
    background: #f3f4f6;   /* light grey */
    border: 1px solid #d1d5db;
    color: #111827;
    padding: 7px 16px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
    transition: 0.2s;
}

/* HOVER EFFECT */
.deliver-btn:hover,
.add-address-btn:hover {
    background: #e5e7eb;
    border-color: #9ca3af;
}

/* ACTIVE (CLICK EFFECT) */
.deliver-btn:active,
.add-address-btn:active {
    transform: scale(0.98);
}

.wishlist-btn {
    cursor: pointer;
}

/**********Filter tag css ********/

.filter-chips-wrapper {
    display: block;
    margin-bottom:2px;
    overflow-x: auto;
    gap: 8px;
    padding-bottom: 5px;
    scrollbar-width: none;
}

.filter-chips-wrapper::-webkit-scrollbar {
    display: none;
}

.filter-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 25px;
    background: #fff;
    border: 1px solid #e5e5e5;
    font-size: 13px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.25s ease;
    animation: slideIn 0.3s ease;
}

.filter-chip:hover {
    background: #fff;
    border-color: #ccc;
    color: #000;
}

.chip-icon {
    font-size: 12px;
    opacity: 0.7;
}

.chip-text {
    font-weight: 500;
}

.chip-close {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #f1f1f1;
    display: block;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    transition: 0.2s;
}

.filter-chip:hover .chip-close {
    background: #ff4d4f;
    color: #fff;
}

/* remove animation */
.filter-chip.removing {
    opacity: 0;
    transform: translateY(-10px);
}

/* slide animation */
@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.clear-chip {
    margin-left: 10px;
    font-size: 13px;
    color: #ff4d4f;
    font-weight: 500;
    text-decoration: none;
}
.clear-chip:hover{
    color: #000;
}

/* **** New CSS **** */

/* **** Home Page **** */
.menu{
    margin: 0 0 0 50px;
}
.header-middle .menu > li{
    margin-right: 30px;
}
.header-middle .menu > li:last-child{
    margin: 0;
}
.header-middle .menu > li > a{
    padding: 30px 0;
    font-size: 16px;
    font-weight: 600;
}
.header-middle .menu > li > a i{
    margin-right: 5px;
}
.cart-dropdown .dropdown-toggle,
.search-toggle,.cart-dropdown,.wishlist-link{
    margin: 0 20px 0 0;
    padding: 0;
    font-size: 24px !important;
    position: relative;
}
.dropdown.cart-dropdown a{
    margin: 0;
}
.header .wishlist-link .wishlist-count, .header .cart-dropdown .cart-count{
    position: absolute;
    margin: 0 !important;
    top: -5px;
    right:-5px;
}
.header-search .header-search-wrapper{
    right: 10px;
}
.login-dropdown a i.icon-user{
    font-size: 20px;
    margin-right: 5px;
}
.login-dropdown a{
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .01em;
    display: flex;
    align-items: center;
}
.search-toggle:hover,.cart-dropdown:hover,.wishlist-link:hover,
.login-dropdown a:hover{
    color: #D52D2C;
}

.intro-slider-container, .intro-slide{
    height: auto !important;
}

.category-wrp .banner-content.banner-content-overlay{
    padding: 10px 15px;
}
.category-wrp .banner-content.banner-content-overlay h4{
    margin: 0;
}
.banner-content-overlay .banner-link{
    padding:15px 15px;
    background: #D52D2C;
    border-radius: 0;
    border: none;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    bottom: 0;
}
.banner-content-overlay .banner-link:hover{
    background: #000;
    color: #fff;
}
.btn-outline-primary:hover{
    background: #D52D2C;
    color: #fff;
}

.featured-product-wrp .product-card .product {
    display: flex;
    flex-flow: column;
    height: calc(100% - 20px);
    border-width: 1px 1px 1px;
    border-style: solid;
    border-color: #ccc;
    justify-content: space-between;
}

.featured-product-wrp .product-card .product .product-body{
    border: none;
    padding: 15px;
}
.product-listing-wrp .product-card .btn-product,
.featured-product-wrp .product-card .btn-product{
    width: 100%;
    max-width: 100%;
}
.product .btn-product{
    border: none;
    font-size: 14px !important;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .01em;
    padding: 10px 15px !important;
    line-height: 22px;
    background: #D52D2C;
    border-color: #D52D2C;
    display: flex;
    width: fit-content;
    align-items: center;
}
.btn-product span{
    font-size: 14px;
}
.product .btn-product .wishlist-icon,
.product .btn-product i{
    margin-right: 5px;
}
.featured-product-wrp .product-card .product .product-body .old-price{
    text-decoration: line-through;
}
.product-card .product .product-body .new-price{
    margin: 0 0 0 5px;
}
.btn-primary:hover{
    background: #D52D2C;
    border-color: #D52D2C;
    color: #fff;
}
.why-icon{
    color: #D52D2C !important;
}
/*.condition-card.new{
    background: #fff;
}
.condition-card.open-box{
    background: #f5f5f5;
}*/
.section-title::after{
    background: #D52D2C !important;
}
.intro-slide::before{
    display: none;
}

footer{
    padding: 0 0 0;
}
.footer .logo{
    margin: 0 0 15px;
}
.widget-list a{
    display: table;
}
.widget-list a:before{
    background-color: #D52D2C !important;
}
/* **** End Home Page **** */

/* **** Product Page **** */
.product-listing-wrp .product-card .product {
    display: flex;
    flex-flow: column;
    height: calc(100% - 20px);
    border-width: 1px 1px 1px;
    border-style: solid;
    justify-content: space-between;
    border-color: #ccc;
}

.product-listing-wrp .product-card .product .product-body{
    border: none;
    padding: 15px;
}
.sidebar{
    padding: 0 15px 0 0;
}
.filter-chips-wrapper{
    align-items: center;
}


.product-gallery{
    padding: 0 15px 0 0;
}
.product-gallery-item{
    position: relative;
    flex: 0 0 20%;
    max-width: 20%;
}
.play-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    -webkit-transform: translate(-50% , -50%);
    z-index: 1;
    color: #fff;
    font-size: 24px;
}
.product-details .product-title{
    font-size: 40px;
    font-weight: 600;
    color: #333;
    line-height: 50px;
}
.product-details .new-price{
    margin: 0 0 0 10px;
}
.product-details-action .btn-cart, .product-details-action .btn-wishlist{
    padding: 8px 20px;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: .01em;
    border: 1px solid #D52D2C;
    text-transform: uppercase;
    max-width: 200px;
    width: fit-content;
    margin: 0 0 0 15px;
}
.product-details-action .btn-cart:hover{
    background: transparent;
    color: #D52D2C;
}
.btn-wishlist{
    background: #fff;
}
.btn-wishlist:before{
    color:#000;
}
.is-added.btn-wishlist::before, .is-added .wishlist-text {
    color: red; 
}

.btn-cartbutton{
    padding: 10px 20px;
    color: #D52D2C;
    background: transparent;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: .01em;
    border: 1px solid #D52D2C;
    text-transform: uppercase;
    max-width: 100%;
    width: 100%;
    text-align: center;
    display: block;
}
.btn-cartbutton i{
    margin-right: 5px;
}
.btn-cartbutton:hover{
    background: #D52D2C;
    color: #fff;
}

.product-main-image,
.product-main-video,
.product-main-image img {
    width: 100%;
}

.product-main-image {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    overflow: hidden;
}

.product-main-image img,
#product-zoom {
    width: 100%;
    height: auto !important;
    object-fit: contain !important;
    display: block;
}

.product-details{
    height: 100%;
    display: flex;
    flex-flow: column;
}
.product-details-action{
    margin: 0;
}
.product-details-footer{
    margin:  auto 0 0 0;
}

.product-details-tab{
    padding: 50px 0;
    margin: 0;
}
.product-details-tab .nav.nav-pills .nav-link{
    padding: 10px 25px;
    font-size: 15px;
}
.nav.nav-pills .nav-item.show .nav-link, .nav.nav-pills .nav-item .nav-link.active{
    color: #D52D2C;
    border-block-color: #D52D2C;
}
 
.wishlist-list-pro-wrp .product-card .product,
.similer-products-wrp .product {
    display: flex;
    flex-flow: column;
    height: calc(100% - 20px);
    border-width: 1px 1px 1px;
    border-style: solid;
    justify-content: space-between;
    border-color: #ccc;
}

.wishlist-list-pro-wrp .product-card .product .product-body,
.similer-products-wrp .product .product-body{
    border: none;
    padding: 15px;
}
.wishlist-list-pro-wrp .product-card .product .product-body .btn-product,
.similer-products-wrp .product .product-body .btn-product {
    width: 100%;
}

.wishlist-list-wrp{
    padding: 50px 0;
}
.wishlist-list-pro-wrp .product-card .product .product-body .product-action-btn{
    display: flex;
    flex-flow: column;
    gap: 10px;
}
.empty-txt{
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 26px;
    text-align: center;
    margin: 0 auto;
}

.product-details .product-content p{
    font-size: 16px;
    line-height: 25px;
    color: #333;
    margin: 0;
}
.product-desc-content h3{
    font-size: 24px;
    font-weight: 500;
    color: #333;
}
/* **** End Product Page **** */

/* **** Cart Page **** */
.cart-tble-wrp{

}
.cart-tble-wrp table thead th{
    color: #333;
    font-weight: 500;
}
.cart-tble-wrp table tbody tr td{
    padding: 0;
}
.coupon-entry{
    padding: 12px 30px;
    background: #D52D2C;
    color: #fff;
    border: 1px solid #D52D2C;
    width: 100%;
    display: block;
}
.coupon-entry span{
    color: #fff;
}
.coupon-entry:hover{
    background: #000;
    color: #fff;
    border-color: #000;
}
.coupon-drawer{
    padding: 50px 0 0;
}
.coupon-drawer .form-control{
    margin: 0;
}
/* **** End Cart Page **** */

/* **** Chackout Page **** */
.checkout-wrp .checkout-title{
    margin: 0 0 25px;
}
.checkout-wrp .address-list{
    display: flex;
    flex-wrap: wrap;
    flex-direction:inherit;
    gap: 10px;
}
.checkout-wrp .address-list .address-card{
    width: 32.33%;
    margin: 0;
}
.address-card:has(input:checked),
.checkout-wrp .address-list .address-card:hover{
    border-color:#D52D2C;
    background: #ffe8e8;
}
.code_info_detail {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.product-col .product-media {
    margin: 0 10px 0 0;
}
.checkout-wrp .summary .btn-order.btn-block {
    font-size: 16px;
    padding: 10px 15px;
    height: auto;
    line-height: 24px;
    display: block;
}
/*.checkout-wrp .address-list .address-card.new-address{
    width: 100%;
}*/

/* **** End Chackout Page **** */

/* **** Dashboard Page **** */
.dash_sidebar {
    padding: 30px 24px;
    border-right: 1px solid #dddddd;
    height: 100%;
}
.dash_sidebar h5{
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 24px;
}
.dash_sidebar .nav {
    gap: 10px;
}
.dash_sidebar .nav li a.nav-link {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 20px;
    border-radius: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.dash_sidebar .nav li.active a.nav-link,
.dash_sidebar .nav li a.nav-link:hover {
    background: #D52D2C;
    color: #fff;
}

.dashboard_block {
    padding: 24px 30px 30px 20px;
}
.recent_orders_block{
    padding: 40px 0 0;
}
.recent_orders_block .card-header{
    padding: 24px 0 10px;
}
.recent_orders_block .card .card-body {
    padding: 0;
}
.order-card .order-body .order-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    margin: 40px 0 0;
}
.order-card .order-body .order-actions a.btn-amazon {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 0;
    color: #fff;
    font-weight: 500;
    background-color: #D52D2C;
    display: table;
    margin: 0;
}
.order-card .order-body .order-actions a.btn-outline {
    border-radius: 0;
    border: 1px solid #D52D2C;
    padding: 9px 25px;
    font-size: 14px;
    font-weight: 500;
    display: table;
    margin: 0;
}
.order-card .order-body .order-actions a.order-link {
    color: #D52D2C;
    font-weight: 500;
    font-size: 14px;
    font-weight: 500;
    display: table;
    margin: 0;
}
.order-card .order-body .order-image img {
    height: 110px;
    width: 110px;
}
.order-card .order-header{
    padding: 20px 24px;
}
.order-card .order-body {
    padding: 24px;
    gap: 24px;
}
.order-card .order-details{
    position: relative;
}
.order-card .order-details h6 {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}
.order-card .order-details .order-labels {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    gap: 15px;
}
.order-card .order-details .order-labels span {
    padding: 3px 10px;
    font-size: 13px;
    border-radius: 20px;
    font-weight: 400;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0px;
}
img.pay-img-accepts{
    width: 150px;
}
/* **** End Dashboard Page **** */


/* **** Order **** */
.order_block {
    padding: 24px 30px 30px 20px;
    border: none;
    display: block;
}
.order_block .card-body{
    padding: 0;
}
.order_block .card-header h5{
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 24px;
}
.order_block .order-filters{
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.order_block .order-filters .filter-btn {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 400;
    display: table;
    margin: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.order_block .order-filters .filter-btn:hover,
.order_block .order-filters .filter-btn0.active {
    background: #D52D2C;
    border-color: #D52D2C;
    color: #fff;
}
/* **** End Order **** */


/* **** Address **** */
.address_block{
    padding: 24px 30px 30px 20px;
}
/* **** End Address **** */

/* **** Profile **** */
.profile_block{
    padding: 24px 30px 30px 20px;
}
.profile_block .account-card button.btn-outline {
    border-radius: 0;
    border: 1px solid #D52D2C;
    padding: 9px 25px;
    font-size: 14px;
    font-weight: 500;
    display: table;
    margin: 0;
}
.profile_block .account-card .account-row strong {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.profile_block .account-card .account-row p {
    font-size: 14px;
    color: #666666;
    letter-spacing: 1.2px;
}
.recent_orders_block .card{
    background: transparent;
}
/*.dashboard_block .card{
    padding: 30px;
}*/
/* **** End Profile **** */

/* **** Thank You Page **** */
.success-wrp{
    padding: 55px 0;
}
.bill-small-data{
    border: none;
}
.bill-small-data .card-body{
    padding: 30px;
}
.price-box h4{
    margin: 0 0 5px;
    font-weight: 600;
}
.orders-list-inwrp{
    padding: 0 0 15px;
    margin: 0 0 15px;
}
.orders-list-inwrp:last-child{
    margin: 0;
    padding: 0;
    border-bottom: none !important;
}
.thankyou-actions{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.orders-list-inwrp h6{
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.order_detail_block {
    padding: 24px 30px 30px 20px;
}
.order_detail_block .order-detail-card .item-details{
    position: relative;
}
.order_detail_block .order-detail-card .order-detail-header {
    padding: 20px 24px;
}
.order_detail_block .order-detail-card .item-details .order-labels {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    gap: 15px;
}
.order_detail_block .order-detail-card .item-details .order-labels span {
    padding: 3px 10px;
    font-size: 13px;
    border-radius: 20px;
    font-weight: 400;
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: 0px;
}
.order_detail_block .order-detail-card .item-details .btn-amazon{
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 0;
    color: #fff;
    font-weight: 500;
    background-color: #D52D2C;
    display: table;
    margin: 0;
}
.order_detail_block .order-detail-card .item-image img {
    height: 110px;
    width: 110px;
    min-width: 110px;
}
.order_detail_block .detail_block{
    background-color: #fff;
}
.order_detail_block .detail_block .btn-invoice {
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 0;
    color: #fff;
    font-weight: 500;
    background-color: #D52D2C;
    margin: 0;
    border: none;
}
.order-card .order-body .order-actions a.btn-amazon:hover,
.order_detail_block .order-detail-card .item-details .btn-amazon:hover,
.order_detail_block .detail_block .btn-invoice:hover{
    background-color: #000;
    color: #fff;
}

.content-card p{
    margin: 0 0 20px;
}
.about-wrp .sidebar-title{font-size: 16px;}
.about-wrp .sidebar-link:hover,
.about-wrp .sidebar-link.active{
    background: rgb(213 45 44 / 15%);
    color: #D52D2C;
}
.table.table-summary .summary-shipping-row label{
    margin: 0;
}
.dashboard_block .card h4{
    margin: 0;
}

.cart-tble-wrp table tbody tr td{
    padding: 10px 0;
}
.table.table-cart .price-col{
    width: 200px;
}

.out_of_stock{
    background: #bfbfbf !important;
    cursor: not-allowed !important;
}

/* **** Responsive **** */
@media (min-width: 1200px) and (max-width: 1500px) {
    
}

@media (min-width: 992px) and (max-width: 1199px) {
    
}

@media (min-width: 768px) and (max-width: 991px) {
    
}

@media (max-width: 767px) {
    .mobile-menu-toggler{margin-left: 0;}
    .logo img{height: 20px !important;}
    .product .btn-product {padding: 10px !important;font-size: 12px !important;}
    .product .btn-product span{font-size: 12px;}
    .intro-price{font-size: 18px !important;}

    .intro-title,
    .intro-price,.intro-desc,.intro-subtitle,.intro-subtitle{text-align: center;}
    .intro-content .btn{margin: 0 auto;display: table;}
    .footer .logo{margin: 0 auto 15px;display: table;}
    .widget-about p{max-width: 100%;text-align: center;margin: 0 auto;}

    .sidebar {margin: 0;padding: 0;position: fixed;left: 0;top: 0;border: 0;transform: translate(-100%, 0);-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
    .order-card .order-details .order-labels{position: relative;margin: 15px 0 0;}
    .order-card .order-body .order-actions{margin: 15px 0 0;}

    .section-style{padding: 30px 0;}
    .title-bar-bx{flex-flow: column !important;}
    .title-bar-bx p{margin: 0 auto 15px !important;}

    .page-header{padding: 40px 0;}
    .page-header h1{font-size: 26px;line-height: 30px;}
    .toolbox-right{flex-direction: row;justify-content: space-between;width: 100%;}
    .toolbox-layout{margin: 0 0 0 auto;display: none;}

    .product-pager{margin: 0 0 0 auto;}
    .product-details .product-title{font-size: 26px;line-height: 36px;}
    .product-details .product-price{font-size: 18px;}
    .product-details .product-content p{font-size: 14px;line-height: 22px;}
    .product-details-action .btn-cart{width: 100%;margin: 15px 0 0;}
    .product-details-tab{padding: 30px 0;}
    .product-details-tab .nav.nav-pills .nav-link{padding: 10px;font-size: 14px;}
    .product-details-tab .tab-content .tab-pane{padding: 25px 15px;}
    .product-desc-content h4,.product-desc-content h3{font-size: 20px;}

    .wishlist-list-pro-wrp h2{font-size: 26px;}
    .wishlist-list-pro-wrp .col-6{}

    .coupon-rw{flex-flow: column !important;}
    .coupon-rw .code_info_detail{margin: 0 0 15px;}

    .noUi-horizontal .noUi-tooltip{left: 0;right: 0;transform: translate(0);        white-space: normal;        word-wrap: normal;        text-align: right;}
    html:not([dir="rtl"]) .noUi-horizontal .noUi-handle.noUi-handle-upper{right: 0;}
    .filter-footer {padding: 15px;}
    .filter-footer .btn{min-width: auto;width: 50%;}
    /*.filter-price{overflow: hidden;}*/
    .filter-header button{background: transparent;color: #111;border: none;}
    .filter-header h5{margin: 0;}
    .wishlist {
        display: block !important;
    }
    .desktop_shop_filter{display: none !important;}
    .clear-chip{min-width: 100px;}
    .cart-dropdown .dropdown-toggle, .search-toggle, .cart-dropdown, .wishlist-link{margin: 0 10px 0 0;}
    .chip-text{line-height: 20px;}

    .checkout-wrp .address-list .address-card{width: 100%;}
    .summary{padding: 25px 15px;}
}

@media (max-width: 425px) {
    .featured-product-wrp .col-6 {}
    .product-listing-wrp .product-card.col-6 {}
    .product-title,.product-price{font-size: 14px;}
    .products .row{justify-content: flex-start !important;}
    .product .btn-product{padding: 6px 10px;}
    .product .btn-product span{font-size: 10px;}

    .featured-product-wrp .product-card .product .product-body,
    .product-listing-wrp .product-card .product .product-body{padding: 10px;}
    .condition-badge{font-size: 10px;}
    .title-bar-bx{margin: 0 0 25px !important;}

    .footer .footer-middle{padding: 50px 0 0;}
    .footer-middle .col-lg-3:first-child{width: 100%;}
    .footer-middle .col-lg-3{width: 50%;}
    .footer-copyright{margin: 0;}

    .form-choice .col-6{ -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    #create-account-form .submit{width: 100%;}
    .form-box .btn{margin: 0 auto 15px;display: table;}
    .form-horizontal .form-group{flex-flow: column;}
}
/* **** End Responsive **** */

/********** cart Page css ************/
/* MOBILE CART */
.cart-mobile-view {
    display: none;
}

@media (max-width: 767px) {

    .widget.widget-clean.sidebar_filter_header {
        display: none;
    }

    .table-cart {
        display: none !important;
    }

    .cart-mobile-view {
        display: block;
        padding: 10px;
    }

    .cart-card {
        background: #fff;
        border-radius: 10px;
        padding: 12px;
        margin-bottom: 12px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    }

    .cart-row {
        display: flex;
        gap: 10px;
    }

    .cart-img img {
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 8px;
    }

    .cart-info {
        flex: 1;
    }

    .cart-info h4 {
        font-size: 18px;
        margin-bottom: 5px;
        color: #333;
    }

    .price {
        font-weight: bold;
        margin-bottom: 8px;
        font-size: 15px;
    }

    .qty-box {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .qty-btn {
        width: 28px;
        height: 28px;
        border: none;
        background: #eee;
        border-radius: 6px;
        font-size: 16px;
    }

    .qty {
        min-width: 20px;
        text-align: center;
    }

    .remove-btn {
        margin-top: 6px;
        font-size: 12px;
        color: red;
        background: none;
        border: none;
    }

    .cart-total {
        margin-top: 8px;
        font-weight: bold;
        font-size: 18px;
    }
}

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

.qty-input {
    width: 45px !important;
    min-width: 45px;
    text-align: center;
    padding: 4px;
    flex-shrink: 0;
}

.qty-btn {
    width: 28px;
    height: 28px;
    border: none;
    background: #eee;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
}

.qty-message {
    font-size: 12px;
    color: #d32f2f;
    margin-top: 4px;
    background: #ffecec;
    padding: 4px 6px;
    border-radius: 4px;
    display: none;
}

.qty-message.active {
    display: block;
}

.product-message {
    font-size: 12px;
    color: #d32f2f;
    margin-top: 5px;
    display: none;
}

.size-wrapper {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

.size-btn {
    padding: 6px 12px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 6px;
    cursor: pointer;
}

.size-btn.active {
    border-color: #2874f0;
    background: #e3f0ff;
}

.size-error {
    color: red;
    font-size: 12px;
    margin: 8px;
}

/************** product delivery code **************/

.ziikat-delivery-box {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 12px;
    max-width: 320px;
    background: #fff;
    font-family: Arial, sans-serif;
}

/* Top */
.ziikat-delivery-top {
    display: flex;
    justify-content: space-between;
    font-size: 12.5px;
    margin-bottom: 6px;
}

.location-text {
    color: #565959;
}

.ziikat-link {
    color: #007185;
    cursor: pointer;
}

.ziikat-link:hover {
    color: #c7511f;
    text-decoration: underline;
}

/* Message */
.ziikat-delivery-msg {
    font-size: 14px;
    font-weight: 700;
    color: #0f1111;
    margin-bottom: 8px;
    line-height: 1.3;
}

/* Success */
.ziikat-success {
    color: #007600;
    font-weight: 700;
}

/* Error */
.ziikat-error {
    color: #b12704;
    font-weight: 500;
}

/* Input */
.ziikat-input-area {
    display: flex;
    gap: 6px;
}

.ziikat-input-area input {
    flex: 1;
    height: 34px;
    border: 1px solid #a6a6a6;
    border-radius: 4px;
    padding: 0 8px;
    font-size: 13px;
}

.ziikat-input-area input:focus {
    border-color: #007185;
    box-shadow: 0 0 3px #c8f3fa;
    outline: none;
}

/* Button */
.ziikat-input-area button {
    background: #ffd814;
    border: 1px solid #fcd200;
    border-radius: 6px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.ziikat-input-area button:hover {
    background: #f7ca00;
}

/* Loader */
.ziikat-loader {
    display: none;
    margin-top: 8px;
}

.ziikat-spinner {
    width: 16px;
    height: 16px;
    border: 3px solid #ddd;
    border-top: 3px solid #007185;
    border-radius: 50%;
    animation: spin 0.7s linear infinite;
}

@keyframes spin {
    100% { transform: rotate(360deg); }
}

/* Keep row layout for buttons */
.action-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Parent becomes column */
.product-details-action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Error always below */
.cart-error-msg {
    width: 100%;
    margin-top: 6px;
    font-size: 13px;
    color: #b12704;
}

.cart-error-msg.success {
    color: #007600;
}

.add-to-cart-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Hide loader by default */
.btn-loader {
    display: none;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-top: 2px solid #333;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    margin-left: 8px;
}

@keyframes spin {
    100% { transform: rotate(360deg); }
}

.label-right-custom{
    left: auto !important;
    right: 2rem !important;
    top: 2rem !important;
}

.product-label {
    font-size: 11px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: .3px;
}

/* A+ */
.grade-a-plus {
    background: #16a34a;
    color: #fff;
}

/* A */
.grade-a {
    background: #22c55e;
    color: #fff;
}

/* B */
.grade-b {
    background: #84cc16;
    color: #fff;
}

/* C */
.grade-c {
    background: #f59e0b;
    color: #fff;
}

/* D */
.grade-d {
    background: #f97316;
    color: #fff;
}

/* E */
.grade-e {
    background: #ef4444;
    color: #fff;
}

/* NEW */
.condition-new {
    background: #16a34a;
    color: #fff;
}

/* OPEN BOX */
.condition-open-box {
    background: #2563eb;
    color: #fff;
}

/* EOL */
.condition-eol {
    background: #7c3aed;
    color: #fff;
}

/* UNSOLD */
.condition-unsold {
    background: #0891b2;
    color: #fff;
}

/* USED */
.condition-used {
    background: #f97316;
    color: #fff;
}

/* EXCHANGE */
.condition-exchange {
    background: #dc2626;
    color: #fff;
}

.custom-loader{
    width:40px;
    height:40px;
    border:4px solid #ddd;
    border-top:4px solid #333;
    border-radius:50%;
    margin:auto;
    animation:spin 1s linear infinite;
}

@keyframes spin{
    100%{
        transform:rotate(360deg);
    }
}

/* =========================
   MegaMenu Css
========================= */

.main-nav .megamenu.megamenu-md {
    width: 860px;
    padding: 2rem 2.5rem;
}

.main-nav .megamenu .menu-title {
    margin-bottom: .5rem;
}

.main-nav .megamenu .menu-title a {
    font-size: 1.35rem;
    font-weight: 600;
    color: #333;
    text-transform: capitalize;
}

.main-nav .megamenu ul {
    margin-bottom: 1.4rem;
}

.main-nav .megamenu ul li a {
    font-size: 1.25rem;
    color: #777;
    font-weight: 400;
    padding: .15rem 0;
}

.main-nav .megamenu ul li a:hover,
.main-nav .megamenu .menu-title a:hover {
    color: #ff4d4f;
}

.main-nav .megamenu ul li {
    position: relative;
    margin-bottom: .2rem;
}

.main-nav .megamenu ul li a {
    font-size: 1.25rem;
    color: #777;
    font-weight: 400;
    padding: .2rem 0 .2rem 1.2rem;
    display: block;
    transition: all .2s ease;
    position: relative;
}

.main-nav .megamenu ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    background: #ff4d4f;
    border-radius: 50%;
    transform: translateY(-50%);
    opacity: .7;
}

.main-nav .megamenu ul li a:hover {
    color: #ff4d4f;
    padding-left: 1.5rem;
}
.mmenu-btn{
    color: #ff4d4f !important;
}

/* =========================
   Shop Css
========================= */
.category-card {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: .6rem;
    padding: 2rem 1.5rem;
    transition: all .25s ease;
    height: 100%;
}

.category-card:hover {
    border-color: #c96;
    box-shadow: 0 .5rem 2rem rgba(0,0,0,.06);
    transform: translateY(-3px);
}

.category-card .card-title {
    font-size: 1.6rem;
    font-weight: 500;
    color: #333;
    margin-bottom: .4rem;
}

.category-card:hover .card-title {
    color: #c96;
}

.category-card .card-text {
    font-size: 1.3rem;
    color: #999 !important;
    margin-bottom: 1rem;
}

.category-card ul li {
    margin-bottom: .3rem;
}

.category-card ul li a {
    font-size: 1.3rem;
    color: #666;
}

.category-card ul li a:hover {
    color: #c96;
}

.category-box-simple {
    background: #fff;
    border: .1rem solid #ebebeb;
    padding: 2rem;
    margin-bottom: 2rem;
    min-height: 13rem;
    transition: all .25s ease;
}

.category-box-simple:hover {
    border-color: #ff4d4f;
    background: #fafafa;
    box-shadow: 0 .5rem 2rem rgba(0,0,0,.04);
}

.category-box-simple h3 {
    font-family: inherit;
    font-size: 1.7rem;
    font-weight: 400;
    color: #333;
    margin-bottom: .5rem;
}

.category-box-simple:hover h3 {
    color: #ff4d4f;
}

.category-box-simple span {
    font-size: 1.3rem;
    color: #999;
}

.category-links {
    margin-top: 1.2rem;
}

.category-links a {
    display: block;
    font-size: 1.3rem;
    color: #666;
    margin-bottom: .35rem;
}

.category-links a:hover,
.category-box-simple:hover h3 {
    color: #ff4d4f;
}

.search-page-title {
    font-size: 3.2rem;
    margin-bottom: 1.5rem;
}
.toolbox-layout{
    border-right:none !important;
}

.empty-products-premium{
    padding: 6rem 2rem;
    max-width: 58rem;
    margin: 4rem auto;
}

.empty-circle{
    width: 9rem;
    height: 9rem;
    margin: 0 auto 3rem;
    border-radius: 50%;
    background: #faf7f3;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(0,0,0,.04);
}

.empty-circle i{
    font-size: 2.6rem;
    font-weight: 600;
    color: #ff4d4f;
}

.empty-heading{
     font-family: inherit;
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: -.03em;
    color: #222;
    margin-bottom: 1.4rem;
    line-height: 1.2;
}

.empty-subtitle{
     font-family: inherit;
    font-size: 1.6rem;
    line-height: 1.8;
    color: #777;
    max-width: 42rem;
    margin: 0 auto 3rem;
}

/* =========================
   PRODUCT DETAILS
========================= */

.product-details {
    padding-top: 1rem;
}

.product-details .product-title {
    font-size: 3.4rem;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -.03rem;
    margin-bottom: 1.8rem;
    color: #222;
}

.product-details .product-price {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin-bottom: 2rem;
}

.product-details .product-price .old-price {
    font-size: 2.8rem;
    color: #b5b5b5;
    text-decoration-thickness: .15rem;
}

.product-details .product-price .new-price {
    font-size: 4rem;
    font-weight: 700;
    color: #e53935;
    letter-spacing: -.02rem;
}

.product-content {
    margin-bottom: 2.4rem;
}

.product-content p {
    font-size: 1.6rem;
    line-height: 1.7;
    color: #555;
}


/* =========================
   CONDITION BOX
========================= */

.product-details-box {
    background: #fff;
    border: .1rem solid #ebebeb;
    padding: 2rem;
    margin: 2rem 0 2.4rem;
}

.product-details-box h3 {
    font-family: inherit;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1.6rem;
    color: #222;
}

.product-details-box small {
    line-height: 1.5;
    color: #777;
}

.condition-line {
    margin-bottom: 1.2rem;
}

.condition-line span {
    color: #777;
}

.condition-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.4rem 2rem;
    margin-top: 1.5rem;
}

.condition-item span {
    display: block;
    color: #777;
    margin-bottom: .4rem;
}

.condition-item strong {
    color: #222;
    font-weight: 600;
}

.condition-note {
    margin-top: 1.8rem;
    padding: 1.4rem;
    background: #fafafa;
    border-left: .3rem solid #cc2b2b;
    color: #444;
}


/* =========================
   VARIANTS
========================= */

.variant-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.variant-row label {
    width: 7rem;
    margin-top: .9rem;
    font-weight: 500;
    color: #222;
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
}

.variant-btn {
    min-width: 7.5rem;
    padding: .9rem 1.6rem;
    border: .1rem solid #ddd;
    background: #fff;
    color: #333;
    border-radius: .4rem;
    font-size: 1.3rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    transition: all .2s ease;
}

.variant-btn:hover {
    border-color: #cc2b2b;
    color: #cc2b2b;
}

.variant-btn.active {
    border-color: #cc2b2b;
    background: #cc2b2b;
    color: #fff;
    font-weight: 600;
}

.variant-btn[style*="display: none"] {
    display: none !important;
}


/* =========================
   COLOR VARIANTS
========================= */

.variant-color-btn {
    min-width: auto;
    width: 4.2rem;
    height: 4.2rem;
    padding: .3rem;
    border-radius: 50%;
}

.color-swatch {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: .1rem solid #e5e5e5;
}

.color-name {
    display: none;
}

.variant-color-btn.active {
    background: #fff;
    border: .2rem solid #cc2b2b;
}


/* =========================
   PRODUCT TABS
========================= */

.product-details-tab {
    margin-top: 5rem;
}

.product-details-tab .nav-pills {
    border-bottom: .1rem solid #ebebeb;
    margin-bottom: 0;
}

.product-details-tab .nav-pills .nav-link {
    font-size: 1.7rem;
    font-weight: 500;
    padding: 1.2rem 3rem;
    color: #333;
}

.product-details-tab .nav-pills .nav-link.active {
    color: #cc2b2b;
    border-bottom: .2rem solid #cc2b2b;
}

.product-desc-content {
    padding: 4rem 5rem;
    background: #fff;
}

.product-desc-content h3,
.product-desc-content h4 {
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 1.6rem;
    color: #222;
}

.product-desc-content p,
.product-desc-content li {
    font-size: 1.45rem;
    line-height: 1.9;
    color: #444;
}

.product-desc-content ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 2.6rem;
}

.product-desc-content ul li {
    position: relative;
    padding-left: 1.8rem;
    margin-bottom: .8rem;
}

.product-desc-content ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #cc2b2b;
    font-weight: 700;
}

.product-desc-content .alert {
    border: 0;
    background: #fafafa;
    padding: 2rem;
    margin: 2.5rem 0;
}

.product-desc-content .alert strong {
    display: block;
    font-size: 1.6rem;
    color: #222;
    margin-bottom: .8rem;
}

.selected-variant-price {
    padding: 1rem 1.2rem;
    background: #fafafa;
    border: .1rem solid #ebebeb;
    font-size: 1.5rem;
}

.selected-variant-price strong {
    color: #e53935;
    font-size: 1.8rem;
    margin-left: .5rem;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .product-details .product-title {
        font-size: 2.5rem;
        margin-bottom: 1.2rem;
    }

    .product-details .product-price .new-price {
        font-size: 3rem;
    }

    .product-details .product-price .old-price {
        font-size: 2rem;
    }

   .condition-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.2rem 1.5rem;
        margin-top: 1rem;
    }

    .condition-item {
        min-width: 0;
    }

    .condition-item span {
        display: block;
        font-size: 1.3rem;
        color: #777;
        margin-bottom: .3rem;
    }

    .condition-item strong {
        display: block;
        font-size: 1.45rem;
        line-height: 1.4;
        word-break: break-word;
    }

    .variant-row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin-bottom: 1.4rem;
        text-align: left;
    }

    .variant-row label {
        width: 6rem !important;
        min-width: 6rem !important;
        margin: 0 !important;
        font-size: 1.5rem;
        font-weight: 600;
        color: #222;
        text-align: left;
    }

    .variant-options {
        display: flex;
        flex-wrap: wrap;
        gap: .8rem;
        justify-content: flex-start;
    }

    .variant-btn {
        min-width: 6.5rem;
        height: 3.8rem;
        padding: 0 1.2rem;
        font-size: 1.4rem;
    }

    .variant-color-btn {
        width: 3.8rem;
        height: 3.8rem;
        min-width: 3.8rem;
        padding: .3rem;
    }

    .product-desc-content {
        padding: 2.5rem 2rem;
    }

    .product-details-tab .nav-pills .nav-link {
        font-size: 1.4rem;
        padding: 1rem 1.5rem;
    }


    .product-details-box {
        padding: 1.6rem;
        margin: 1.5rem 0 2rem;
    }

    .product-details-box h3 {
        font-size: 2rem;
        margin-bottom: 2.9rem;
    }

    .condition-line span,
    .condition-line strong {
        font-size: 1.45rem;
    }

    .condition-line {
        margin-bottom: 1rem;
    }

    .condition-grid {
        gap: 1rem;
        margin-top: 1rem;
    }

    .condition-item span {
        font-size: 1.4rem;
    }

    .condition-item strong {
        font-size: 1.5rem;
    }

    .condition-note {
        margin-top: 1.2rem;
         padding: 1rem 1.2rem;
        font-size: 1.35rem;
    }

     .condition-note strong {
        display: inline;
    }

    .variant-row { 
        margin-bottom: 1rem;
    }

    .variant-row label {
        font-size: 1.5rem;
        margin-bottom: .8rem;
    }

    .variant-btn {
        min-width: 7rem;
        padding: 1rem 1.4rem;
        font-size: 1.4rem;
    }

    .variant-color-btn {
        width: 3.8rem;
        height: 3.8rem;
    }

    .details-row-size {
         margin: .8rem 0 1.2rem !important;
    }

    .product-details-action {
        margin-top: .5rem;
    }

    .product-details-quantity {
        max-width: 14rem;
    }

    .product-details-action .action-row {
        display: block !important;
    }


    .product-details-action .details-action-wrapper {
        margin-left: 0 !important;
        width: 100%;
    }

    .variant-row {
        display: flex;
        flex-direction: column;
        margin-bottom: 1.8rem;
    }

    .variant-row label {
        font-size: 1.6rem;
        font-weight: 600;
        color: #222;
        margin-bottom: .8rem;
    }

    .variant-options {
        gap: .8rem;
    }

    .variant-btn {
        min-width: 6.5rem;
        height: 4.2rem;
        padding: 0 1.4rem;
        font-size: 1.4rem;
        border-radius: .4rem;
    }

    .variant-color-btn {
        width: 4rem;
        height: 4rem;
        min-width: 4rem;
        border-radius: 50%;
        padding: .3rem;
    }

    .details-row-size {
        display: flex;
        align-items: center;
        margin: 1rem 0 2rem;
    }

    .details-row-size label {
        width: 5rem;
        font-size: 1.6rem;
        font-weight: 600;
        margin-bottom: 0;
    }

    .product-details-action .btn-cart {
        width: 100%;
        height: 4.8rem;
        font-size: 1.4rem;
        justify-content: center;
        margin-bottom: 1.2rem;
    }

    .product-details-action .details-action-wrapper {
        width: 100%;
        margin-left: 0 !important;
    }

    .product-details-action .btn-wishlist {
        width: 100%;
        height: 4.8rem;
        justify-content: center;
        font-size: 1.4rem;
    }

    .product-details-action .action-row {
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap;
        gap: 1rem;
    }

    .product-details-action .btn-cart {
        width: auto;
        min-width: 18rem;
        height: 4.8rem;
        font-size: 1.4rem;
        justify-content: center;
        margin-bottom: 0;
    }

    .product-details-action .details-action-wrapper {
        width: auto;
        margin-left: 0 !important;
    }

    .product-details-action .btn-wishlist {
        width: auto;
        height: 4.8rem;
        padding: 0 1.6rem;
        font-size: 1.3rem;
        justify-content: center;
    }
    .product-details-box {
        margin-bottom: 2.5rem;
    }

    .variant-row {
        margin-bottom: 1rem;
    }

    .details-row-size {
        margin: .8rem 0 1.2rem !important;
    }

    .product-details-action {
        margin-top: .5rem;
    }

    .product-details-quantity {
        max-width: 14rem;
    }

}

/* =========================
   Cart CSS
========================= */
.cart-empty-pro {
    max-width: 95rem;
    padding: 6rem;
    background: #fff;
    border: .1rem solid #ebebeb;
    border-radius: .8rem;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.035);
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    align-items: center;
    gap: 4rem;
}

.empty-label {
    display: inline-block;
    font-size: 1.3rem;
    color: #cc2b2b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 1.2rem;
}

.cart-empty-left h1 {
    font-family: inherit;
    font-size: 4rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 2rem;
}

.cart-empty-left p {
    max-width: 48rem;
    font-size: 1.6rem;
    line-height: 1.8;
    color: #777;
    margin-bottom: 3rem;
}

.empty-actions {
    display: flex;
    flex-wrap: wrap;
}

.empty-actions .btn {
    min-width: 22rem;
    height: 5rem;
    font-size: 1.5rem;
    font-weight: 500;
}

.cart-empty-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.empty-visual {
    width: 15rem;
    height: 15rem;
    min-width: 15rem;
    min-height: 15rem;
    border-radius: 50%;
    background: #fff;
    border: .1rem solid #ebebeb;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.06);
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-visual i {
    font-size: 4rem;
    line-height: 1;
    color: #cc2b2b;
}

.cart-variant-text {
    margin-top: .4rem;
    font-size: 1.3rem;
    color: #777;
    line-height: 1.4;
}

.table-cart .product {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.table-cart .product-media {
    width: 8rem;
    min-width: 8rem;
    margin: 0;
    border-radius: .6rem;
    overflow: hidden;
    background: #fafafa;
}

.table-cart .product-media img {
    width: 100%;
    height: 8rem;
    object-fit: cover;
}

.cart-product-info {
    min-width: 0;
}

.table-cart .product-title {
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: .6rem;
    line-height: 1.3;
}

.table-cart .product-title a {
    color: #222;
}

.table-cart .product-title a:hover {
    color: #cc2b2b;
}

.cart-variant-text {
    display: inline-block;
    padding: .4rem .9rem;
    background: #fafafa;
    border: .1rem solid #ebebeb;
    border-radius: .4rem;
    font-size: 1.25rem;
    color: #777;
    line-height: 1.4;
}

.price-col,
.total-col {
    font-size: 1.8rem;
    font-weight: 500;
}

.total-col {
    color: #cc2b2b;
}

.qty-wrapper {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
}

.qty-btn {
     width: 3.6rem;
    height: 3.6rem;
    border: .1rem solid #ebebeb;
    border-radius: .6rem;
    background: #f5f5f5;
    color: #222;
    font-size: 2rem;
    line-height: 1;
    transition: all .2s ease;
}

.qty-input {
    width: 6rem;
    height: 4rem;
    text-align: center;
    border: .1rem solid #ddd;
    border-radius: .4rem;
}

.qty-btn:hover {
    background: #222;
    color: #fff;
}

.remove-col {
    width: 4rem;
    text-align: center;
}

.btn-remove {
    opacity: .5;
    transition: all .2s ease;
    color: #bbb;
}

.btn-remove:hover {
    opacity: 1;
    color: #cc2b2b;
}

.remove-col .btn-remove:hover {
    color: #cc2b2b;
}

.summary.summary-cart {
    border: .1rem solid #ebebeb;
    border-radius: .8rem;
    padding: 3rem;
    box-shadow: 0 .5rem 2rem rgba(0,0,0,.03);
}

.shipping-loader {
    color: #777;
    font-size: 1.3rem;
}

#shipping-pincode-text {
    display: block;
    margin-top: .4rem;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #666;
}

#shipping-charge {
    font-size: 1.6rem;
    font-weight: 600;
    color: #222;
}

#free-shipping-msg {
    display: block;
    margin-top: .6rem;
    font-size: 1.35rem;
    font-weight: 500;
}

.cart-alert {
    margin: 2rem 0;
    padding: 1.3rem 1.6rem;
    border-radius: .6rem;
    font-size: 1.4rem;
    line-height: 1.6;
}

.cart-alert-danger {
    background: #fff4f4;
    border: .1rem solid #ffd6d6;
    color: #b42323;
}

.cart-alert a {
    color: #b42323;
    font-weight: 600;
    padding-right:5px;
}

.cart-alert strong {
     font-weight: 700;
}

.cart-alert {
    margin: 2rem auto 3rem;
    padding: 1.4rem 1.8rem;
    border-radius: .8rem;
    font-size: 1.4rem;
    line-height: 1.6;
    max-width: 1170px;

    display: block;
    align-items: center;

    background: #fff8f8;
    border: .1rem solid #ffdede;
    border-left: .4rem solid #dc2626;

    box-shadow: 0 .4rem 1.5rem rgba(0,0,0,.03);
}

.cart-alert-title {
    font-weight: 700;
    color: #b42323;
    margin-right: .4rem;
}

.cart-alert-text {
    color: #b42323;
}

.cart-alert-info {
    background: #f4f8ff;
    border: .1rem solid #d8e6ff;
    border-left: .4rem solid #2563eb;
    color: #1e40af;
}

.cart-alert-info .cart-alert-link,
.cart-alert-info .cart-alert-title,
.cart-alert-info .cart-alert-text {
    color: #1e40af;
}

@media (max-width: 767px) {
    .cart-empty-pro {
        margin: 3rem 1.5rem;
        padding: 4rem 2rem;
        grid-template-columns: 1fr;
        text-align: center;
        gap: 3rem;
    }

    .cart-empty-left h1 {
        font-size: 3rem;
    }

    .cart-empty-left p {
        margin-left: auto;
        margin-right: auto;
    }

    .empty-actions {
        justify-content: center;
    }

    .empty-visual {
        width: 12rem;
        height: 12rem;
        min-width: 12rem;
        min-height: 12rem;
    }

    .empty-visual i {
        font-size: 3.2rem;
    }

    .cart-alert {
        display: block;
        margin: 1.5rem 1.5rem 2rem;
        padding: 1.3rem 1.5rem;
        font-size: 1.4rem;
        line-height: 1.6;
    }

    .cart-alert-link,
    .cart-alert-title,
    .cart-alert-text {
        display: inline;
        font-size: 1.4rem;
        line-height: 1.6;
    }

    .cart-alert-link,
    .cart-alert-title {
        font-weight: 700;
    }
}

/* =========================================================
   CHECKOUT PAGE CSS
========================================================= */

/* =========================
   PAGE HEADER
========================= */
.checkout,
.checkout-page,
.checkout-wrp {
    background: #fff;
}

.page-header {
    padding: 3rem 0 !important;
}

.page-title {
    font-size: 4rem;
    margin-bottom: .5rem;
}

/* =========================
   CHECKOUT HEADER
========================= */
.header .text-success {
    font-size: 14px;
}

.checkout-header {
    background: #fff;
    border-bottom: .1rem solid #ebebeb;
}

.checkout-header-inner {
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.checkout-logo {
    font-size: 3.2rem;
    font-weight: 700;
    color: #dc2626;
    line-height: 1;
}

.checkout-logo:hover {
    color: #dc2626;
}

.checkout-secure {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #16a34a;
}

/* =========================
   CHECKOUT BASE / TYPOGRAPHY
========================= */
.checkout,
.checkout p,
.checkout span,
.checkout div,
.checkout label,
.checkout a,
.checkout h1,
.checkout h2,
.checkout h3,
.checkout h4,
.checkout h5,
.checkout h6,
.checkout input,
.checkout textarea,
.checkout select,
.checkout button {
    font-family: inherit;
}

.checkout .container {
    padding-top: 3rem;
}

.checkout-title {
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -.01em;
    color: #222;
    margin-bottom: 2rem;
    line-height: 1.3;
}

.checkout-section-header {
    margin-bottom: 2rem;
}

.checkout-section-header .checkout-title {
    font-size: 2.2rem;
    color: #333;
    margin-bottom: .4rem;
}

.checkout-section-header p {
    font-size: 1.4rem;
    font-weight: 400;
    color: #777;
    margin: 0;
    line-height: 1.6;
}

.checkout label,
.custom-control-label,
.checkout-save-address label {
    letter-spacing: 0;
}

/* =========================
   CHECKOUT LAYOUT
========================= */
.checkout-wrp .row {
    align-items: flex-start;
}

.checkout-wrp .col-lg-6:first-child {
    flex: 0 0 58%;
    max-width: 58%;
}

.checkout-wrp aside.col-lg-6 {
    flex: 0 0 42%;
    max-width: 42%;
}

.checkout-wrp aside .checkout-order-box {
    position: sticky;
    top: 2rem;
}

/* =========================
   CHECKOUT FORM
========================= */
.checkout .form-group,
.checkout .row {
    margin-bottom: 1.8rem;
}

.checkout label {
    display: block;
    font-size: 1.35rem;
    font-weight: 500;
    color: #444;
    margin-bottom: .8rem;
    line-height: 1.4;
}

.checkout .form-control,
.checkout select.form-control {
    height: 4.8rem;
    border: .1rem solid #dcdfe4;
    border-radius: .8rem;
    background: #fff;
    padding: 0 1.5rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #222;
    transition: all .2s ease;
    box-shadow: none;
}

.checkout textarea.form-control {
    min-height: 10rem;
    padding-top: 1.2rem;
}

.checkout .form-control:focus,
.checkout select.form-control:focus {
    border-color: #dc2626;
    box-shadow: 0 0 0 .3rem rgba(220, 38, 38, .08);
}

.checkout .form-control::placeholder {
    color: #9ca3af;
    font-size: 1.35rem;
}

/* =========================
   ADDRESS SECTION
========================= */
#billing_section {
    margin-top: 3rem;
    padding-top: 2.5rem;
    border-top: .1rem solid #ececec;
}

.address-card {
    border: .1rem solid #e5e7eb;
    border-radius: 1rem;
    padding: 1.6rem;
    transition: all .2s ease;
    background: #fff;
}

.address-card:hover {
    border-color: #dc2626;
    box-shadow: 0 .6rem 2rem rgba(0, 0, 0, .05);
}

.address-card:has(input:checked) {
    border-color: #dc2626;
    background: #fff8f8;
}

/* =========================
   CHECKBOXES
========================= */
.checkout_page.custom-control {
    position: relative;
    display: flex;
    align-items: flex-start;
    min-height: auto;
    padding-left: 3rem;
    margin-top: 1.8rem;
    margin-bottom: 1.2rem;
}

.checkout_page .custom-control-input {
    position: absolute;
    left: 0;
    top: .2rem;
}

.checkout_page .custom-control-label {
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
    color: #444;
    cursor: pointer;
}

.checkout_page .custom-control-label::before {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: .4rem;
    top: .2rem;
    left: -3rem;
}

.checkout_page .custom-control-label::after {
    top: .2rem;
    left: -3rem;
}

.checkout-checkbox,
.checkout-save-address {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-top: 1.5rem;
    margin-bottom: .5rem;
}

.checkout-checkbox {
    gap: 1rem;
    margin-top: 1.8rem;
    margin-bottom: 1.2rem;
}

.checkout-checkbox input[type="checkbox"],
.checkout-save-address input[type="checkbox"] {
    width: 1.8rem;
    height: 1.8rem;
    margin: 0;
    accent-color: #dc2626;
    cursor: pointer;
}

.checkout-save-address input[type="checkbox"] {
    width: 1.7rem;
    height: 1.7rem;
}

.checkout-checkbox label,
.checkout-save-address label {
    margin: 0;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    cursor: pointer;
}

.checkout-checkbox label {
    font-size: 1.5rem;
}

.checkout-save-address label {
    font-size: 1.4rem;
    color: #444;
}

/* =========================
   ORDER BOX / SUMMARY
========================= */
.checkout-order-box {
    background: #fff;
    border: .1rem solid #e5e7eb;
    border-radius: 1.2rem;
    padding: 2.4rem;
    box-shadow: 0 .8rem 3rem rgba(0, 0, 0, .04);
}

.checkout-order-section {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: .1rem solid #eee;
}

.checkout-order-section:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
}

.checkout-order-box .summary {
    border: 0;
    padding: 0;
    margin: 0;
    box-shadow: none;
}

.checkout-order-box .summary-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 1.5rem;
}

.checkout-order-box .summary-cart {
    background: #fff;
    border: .1rem solid #ebebeb;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: none;
}

.checkout-order-box .summary-cart p {
    margin-top: 1rem !important;
    font-size: 1.25rem !important;
    text-align: right;
}

.checkout-order-box .table-summary {
    margin-bottom: 0;
}

.checkout-order-box .table-summary td {
    padding: 1.1rem 0;
    border-top: 0;
    font-size: 1.4rem;
    color: #444;
    vertical-align: top;
}

.checkout-order-box .table-summary s {
    color: #777;
}

.checkout-order-box .summary-subtotal td {
    font-size: 1.55rem;
    font-weight: 500;
    color: #222;
}

.checkout-order-box .summary-total td {
    padding-top: 1.8rem;
    border-top: .1rem solid #eee;
    font-size: 1.7rem;
    font-weight: 600;
}

.checkout-order-box .summary-total td:first-child,
.checkout-order-box .summary-total td:last-child,
.checkout-order-box #cart-total strong {
    color: #dc2626;
}

.checkout-order-box .summary-total td:last-child {
    text-align: right;
}

.checkout-order-box #cart-total strong {
    font-size: 1.8rem;
}

.checkout-order-box #cart-total small {
    display: block;
    margin-top: .3rem;
    font-size: 1.15rem !important;
    color: #777 !important;
    font-weight: 400;
}

.checkout-order-box #shipping-pincode-text {
    display: block;
    margin-top: .3rem;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #777;
}

.checkout-order-box #shipping-charge {
    font-size: 1.45rem;
    font-weight: 600;
    color: #222;
}

.checkout-order-box .text-success {
    color: #16a34a !important;
}

.checkout-order-box .summary-shipping-row td {
    padding-bottom: .8rem;
}

/* =========================
   CHECKOUT PRODUCT ITEMS
========================= */
.checkout-items {
    max-height: 28rem;
    overflow-y: auto;
}

.checkout-item {
    display: grid;
    grid-template-columns: 7rem 1fr auto;
    gap: 1.4rem;
    align-items: center;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: .1rem solid #eee;
}

.checkout-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.checkout-product-media {
    width: 7rem;
    height: 7rem;
    margin: 0;
    border-radius: .7rem;
    overflow: hidden;
    background: #fafafa;
}

.checkout-product-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.checkout-product-title {
    display: block;
    font-size: 1.45rem;
    font-weight: 500;
    color: #222;
    line-height: 1.35;
    margin-bottom: .5rem;
}

.checkout-variant-text {
    display: inline-block;
    padding: .3rem .7rem;
    margin-bottom: .4rem;
    background: #fafafa;
    border: .1rem solid #ebebeb;
    border-radius: .4rem;
    font-size: 1.2rem;
    color: #777;
}

.checkout-product-meta {
    font-size: 1.25rem;
    color: #777;
    line-height: 1.5;
}

.checkout-product-price {
    min-width: 8rem;
    text-align: right;
    font-size: 1.45rem;
    font-weight: 600;
    color: #222;
}

/* =========================
   PAYMENT BOX
========================= */
.checkout-payment-box {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.checkout-payment-box .card {
    border: .1rem solid #ebebeb;
    border-radius: .8rem;
    box-shadow: none;
    overflow: hidden;
}

.checkout-payment-box .card-header {
    padding: 1.4rem 1.6rem;
    background: #fafafa;
    border-bottom: .1rem solid #ebebeb;
}

.checkout-payment-box .card-body {
    padding: 1.6rem;
}


#pay-btn {
    height: 5.4rem;
    border-radius: .8rem;
    font-size: 1.55rem;
    font-weight: 600;
    letter-spacing: .01em;
    margin-top: 1.5rem;
}

/* =========================
   CHECKOUT FOOTER
========================= */
.checkout-footer {
    padding: 2.5rem 0;
    border-top: .1rem solid #ebebeb;
    background: #fff;
}

.checkout-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.checkout-footer-left {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.checkout-trust {
    display: flex;
    align-items: center;
    gap: .8rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #374151;
}

.checkout-trust i {
    color: #16a34a;
    font-size: 1.6rem;
}

.checkout-footer-right {
    text-align: right;
}

.checkout-help-text {
    margin: 0 0 .4rem;
    font-size: 1.3rem;
    color: #6b7280;
}

.checkout-help-mail {
    font-size: 1.5rem;
    font-weight: 500;
    color: #111827;
}

.checkout-help-mail:hover {
    color: #dc2626;
}

/* =========================
   TABLET RESPONSIVE
========================= */
@media(max-width: 991px) {
    .checkout-wrp .col-lg-6:first-child,
    .checkout-wrp aside.col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .checkout-wrp aside.col-lg-6 {
        margin-top: 3rem;
    }

    .checkout-wrp aside .checkout-order-box {
        position: static;
    }

    .address-list {
        display: grid;
        gap: 1rem;
    }
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media(max-width: 767px) {
    .checkout-header-inner {
        height: 6rem;
    }

    .checkout-logo {
        font-size: 2.4rem;
    }

    .checkout-secure {
        font-size: 1.3rem;
    }

    .checkout .container {
        padding-top: 2rem;
    }

    .checkout-title {
        font-size: 1.8rem;
        margin-bottom: 1.6rem;
    }

    .checkout-section-header {
        margin-bottom: 1.6rem;
    }

    .checkout-section-header .checkout-title {
        font-size: 2rem;
    }

    .checkout-section-header p {
        font-size: 1.3rem;
    }

    .checkout label {
        font-size: 1.4rem;
    }

    .checkout .row {
        margin-bottom: 1.2rem;
    }

    .checkout .form-control,
    .checkout select.form-control {
        height: 4.5rem;
        font-size: 1.35rem;
    }

    .checkout-checkbox {
        gap: .8rem;
    }

    .checkout-checkbox label {
        font-size: 1.4rem;
    }

    .checkout-order-box {
        padding: 1.45rem;
        border-radius: 1rem;
    }

    .checkout-order-section {
        padding-bottom: 1.6rem;
        margin-bottom: 1.6rem;
    }

    .checkout-order-box .summary-cart {
        padding: 1.6rem;
    }

    .checkout-order-box .table-summary td {
        font-size: 1.3rem;
    }

    .checkout-order-box #cart-total strong {
        font-size: 1.6rem;
    }

    .checkout-item {
        grid-template-columns: 6rem 1fr;
        align-items: flex-start;
    }

    .checkout-product-media {
        width: 6rem;
        height: 6rem;
    }

    .checkout-product-price {
        grid-column: 2;
        text-align: left;
        margin-top: .4rem;
    }

    .payment-option-header,
    .payment-option-body {
        padding: 1.4rem;
    }

    .checkout-footer {
        margin-top: 4rem;
        padding: 2rem 0;
    }

    .checkout-footer-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .checkout-footer-left {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .checkout-footer-right {
        text-align: left;
    }

    .checkout-help-mail {
        font-size: 1.4rem;
    }
}

.payment-option-card {
    border: .1rem solid #dc2626;
    border-radius: 1.2rem;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 .8rem 2.5rem rgba(220, 38, 38, .06);
}

.payment-option-header {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1.6rem 2rem;
    background: #fffafa;
    border-bottom: .1rem solid #eeeeee;
}

.payment-select-icon {
    width: 2.4rem;
    height: 2.4rem;
    border: .4rem solid #dc2626;
    border-radius: 50%;
    position: relative;
    flex: 0 0 auto;
}

.payment-select-icon::after {
    content: "";
    width: .8rem;
    height: .8rem;
    background: #dc2626;
    border-radius: 50%;
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
}

.payment-title-block {
    flex: 1;
}

.payment-title-block h4 {
    margin: 0 0 .3rem;
    font-size: 2rem;
    font-weight: 600;
    color: #222;
    font-family: inherit;
}

.payment-title-block p {
    margin: 0;
    font-size: 1.4rem;
    color: #777;
}

.payment-secure-badge {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    padding: .7rem 1.3rem;
    border: .1rem solid #9bd3aa;
    border-radius: 5rem;
    background: #f3fff6;
    color: #168a38;
    font-size: 1.35rem;
    font-weight: 600;
    white-space: nowrap;
}

.payment-option-body {
    padding: 2rem;
}

.payment-desc {
    max-width: 58rem;
    margin: 0 0 2rem;
    font-size: 1.55rem;
    line-height: 1.7;
    color: #333;
}

.razorpay-secure {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #159447;
    font-size: 1.6rem;
    margin-bottom: 1.8rem;
}

.secure-shield {
    width: 2.4rem;
    height: 2.4rem;
    border: .2rem solid #159447;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 700;
}

.payment-divider {
    height: .1rem;
    background: #eeeeee;
    margin: 1.8rem 0;
}

.we-accept-title {
    margin: 0 0 1.2rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #666;
}

.payment-methods {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.payment-methods span {
    min-width: 8.8rem;
    padding: .9rem 1.2rem;
    border: .1rem solid #e5e7eb;
    border-radius: .7rem;
    background: #fff;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
}

@media (max-width: 767px) {
    .payment-option-header {
        align-items: flex-start;
        padding: 1.6rem;
    }

    .payment-secure-badge {
        display: none;
    }

    .payment-title-block h4 {
        font-size: 1.7rem;
    }

    .payment-option-body {
        padding: 1.6rem;
    }

    .payment-desc {
        font-size: 1.4rem;
        margin-bottom: 1.5rem;
    }

    .razorpay-secure {
        font-size: 1.4rem;
    }

    .payment-methods span {
        min-width: calc(50% - .5rem);
    }


    .payment-option-header,
    .payment-option-body {
        padding: 1.4rem;
    }

    .payment-title-block h4 {
        font-size: 1.8rem;
    }

    .payment-title-block p {
        font-size: 1.3rem;
    }

    .payment-desc {
        font-size: 1.4rem;
        line-height: 1.6;
    }

    .payment-secure-badge {
        padding: .5rem 1rem;
        font-size: 1.2rem;
    }

    .payment-methods {
        gap: .8rem;
    }

    .payment-methods span {
        min-width: calc(50% - .4rem);
        font-size: 1.3rem;
        padding: 1rem;
    }

    .razorpay-secure {
        font-size: 1.4rem;
    }

    .secure-shield {
        width: 2rem;
        height: 2rem;
        font-size: 1rem;
    }
}

/* =========================
   PAYMENT METHODS IMAGE
========================= */

.payment-method-image {
    margin-top: 1.8rem;
}

.payment-method-image img {
    width: 100%;
    max-width: 68rem;

    height: auto;
    display: block;

    border-radius: 1rem;

    background: #fff;

    padding: .8rem;

    border: .1rem solid #eeeeee;
}

/* CENTER ALIGN OPTIONAL */

.payment-method-image.center {
    display: flex;
    justify-content: center;
}

/* MOBILE */

@media (max-width: 767px) {

    .payment-method-image {
        margin-top: 1.4rem;
    }

    .payment-method-image img {
        max-width: 100%;
        padding: .5rem;
        border-radius: .8rem;
    }
}

.main {
   background: #fff;
}

.summary-tax-note-row td {
    padding-top: .5rem;
    border: 0;
}

.summary-tax-note {
    color: #777;
    font-size: 1.2rem;
}

/**********************
Payment Failed
***********************/
.payment-failed-section {
    padding: 5rem 0;
    background: #f7f8fa;
}

.payment-failed-box {
    max-width: 720px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 2.5rem;
}

.payment-status-header {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ebebeb;
}

.payment-status-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff3f3;
    color: #d32f2f;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    line-height: 42px;
    flex-shrink: 0;
}

.payment-status-content h2 {
    font-size: 2.8rem;
    color: #d32f2f;
    margin-bottom: .5rem;
}

.payment-status-content p {
    margin-bottom: 0;
    color: #666;
    font-size: 1.4rem;
    line-height: 1.6;
}

.payment-detail-box {
    border: 1px solid #ebebeb;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.payment-detail-row {
    display: flex;
    justify-content: space-between;
    padding: .8rem 0;
    border-bottom: 1px solid #f1f1f1;
}

.payment-detail-row:last-child {
    border-bottom: 0;
}

.payment-detail-row span {
    color: #666;
}

.payment-detail-row strong {
    color: #222;
}

.payment-actions {
    margin-top: 2rem;
}

.payment-actions .btn {
    margin-right: .8rem;
    margin-bottom: .8rem;
}

@media (max-width: 575px) {
    .payment-failed-box {
        padding: 2rem;
    }

    .payment-status-content h2 {
        font-size: 2.3rem;
    }

    .payment-detail-row {
        display: block;
    }

    .payment-detail-row strong {
        display: block;
        margin-top: .3rem;
    }

    .payment-actions .btn {
        width: 100%;
        margin-right: 0;
    }
}

/***********************************
payment Success
************************************/

.success-wrp {
    background: #f7f8fa;
    padding: 4rem 0;
}

.success-wrp .container {
    max-width: 980px;
}

.success-wrp .card {
    border: 1px solid #ebebeb;
    box-shadow: 0 .5rem 2rem rgba(0,0,0,.04);
}

.success-wrp h2 {
    font-size: 3.2rem;
}

.orders-list-inwrp {
    padding: 1.5rem 0;
}

.thankyou-actions .btn {
    margin: .4rem;
}

.thankyou-footer {
    padding-top: 2rem;
    border-top: 1px solid #ebebeb;
}

.thankyou-footer p {
    color: #666;
    font-size: 1.5rem;
}

@media (max-width: 575px) {
    .success-wrp {
        padding: 3rem 0;
    }

    .orders-list-inwrp {
        display: block !important;
        text-align: center;
    }

    .orders-list-inwrp .flex-grow-1 {
        margin-left: 0 !important;
        margin-top: 1rem;
    }
}

/**********************************************
View order
***********************************************/


.order-page {
    padding: 2rem;
}

.order-card {
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 .5rem 2rem rgba(0,0,0,.03);
}

.order-hero {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-badge {
    display: inline-block;
    background: #fff7e6;
    color: #b26a00;
    font-weight: 600;
    padding: .5rem 1.2rem;
    border-radius: 30px;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.order-hero h4 {
    margin-bottom: .5rem;
}

.order-hero p,
.order-hero-right span {
    color: #777;
}

.order-hero-right {
    text-align: right;
}

.order-hero-right h3 {
    color: #279447;
    font-weight: 700;
}

.order-actions .btn {
    margin-left: .5rem;
    margin-top: 1rem;
}

.order-timeline {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    position: relative;
}

.timeline-step {
    width: 25%;
    text-align: center;
    color: #aaa;
    position: relative;
}

.timeline-step span {
    display: block;
    width: 14px;
    height: 14px;
    background: #ddd;
    border-radius: 50%;
    margin: 0 auto 1rem;
}

.timeline-step.active {
    color: #222;
}

.timeline-step.active span {
    background: #279447;
}

.order-product {
    display: flex;
    align-items: center;
    padding: 1.8rem 0;
    border-top: 1px solid #f1f1f1;
}

.order-product:first-of-type {
    border-top: 0;
}

.order-product-img img {
    width: 105px;
    height: 125px;
    object-fit: cover;
    border: 1px solid #eee;
}

.order-product-info {
    flex: 1;
    padding-left: 2rem;
}

.order-product-info h6 {
    margin-bottom: .5rem;
    font-weight: 600;
}

.order-product-info p {
    color: #777;
    margin-bottom: .5rem;
}

.order-product-price {
    text-align: right;
    min-width: 130px;
}

.summary-line {
    display: flex;
    justify-content: space-between;
    padding: .7rem 0;
}

.summary-line span {
    color: #666;
}

.summary-line.total {
    font-size: 1.6rem;
    font-weight: 700;
}
.order-timeline {
    position: relative;
}

.order-timeline:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 12%;
    width: 76%;
    height: 2px;
    background: #e5e5e5;
    z-index: 0;
}

.timeline-step {
    position: relative;
    z-index: 2;
}
.timeline-step.active span {
    background: #28a745;
}

.timeline-step.active strong {
    color: #222;
}

.order-badge {
    background: #fff7e6;
    color: #b26a00;
    font-weight: 600;
    padding: .5rem 1.2rem;
    border-radius: 30px;
}
.order-hero-right h3 {
    margin-bottom: .3rem;
}
.order-product {
    align-items: center;
}

.order-product-price {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.summary-line strong {
    text-align: right;
}
.text-success.small,
.text-success {
    font-size: 1.1rem;
}

@media (max-width: 767px) {
    .order-page {
        padding: 1rem;
    }

    .order-hero {
        display: block;
    }

    .order-hero-right {
        text-align: left;
        margin-top: 1.5rem;
    }

    .order-actions .btn {
        margin-left: 0;
        margin-right: .5rem;
    }

    .order-product {
        align-items: flex-start;
    }

    .order-product-price {
        min-width: auto;
        text-align: left;
        margin-top: 1rem;
    }
     .order-product {
        display: block;
        position: relative;
        padding: 1.8rem 0;
    }

    .order-product-img {
        float: left;
        margin-right: 1.5rem;
        margin-bottom: 1rem;
    }

    .order-product-img img {
        width: 85px;
        height: 105px;
        object-fit: cover;
    }

    .order-product-info {
        padding-left: 0;
        overflow: hidden;
    }

    .order-product-info h6 {
        font-size: 1.5rem;
        line-height: 1.3;
        margin-bottom: .5rem;
    }

    .order-product-info p {
        font-size: 1.2rem;
        line-height: 1.6;
        margin-bottom: .8rem;
    }

    .order-product-price {
        clear: both;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.5rem;
        text-align: left;
    }

    .order-product-price .btn {
        min-width: 140px;
    }
}
/******************************************
order list-style
*******************************************/
.orders-page {
    padding: 2rem;
    background: #fafafa;
}

.orders-heading {
    margin-bottom: 2rem;
}

.orders-heading h4 {
    margin-bottom: .5rem;
    font-weight: 700;
    font-size: 3.3rem;
    line-height: 1.15;
    letter-spacing: -.3px;
}

.orders-heading p {
    margin-bottom: 0;
    color: #666;
    font-size: 1.45rem;
    line-height: 1.6;
}

/* FILTERS */

.order-tabs {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    margin-bottom: 2rem;
}

.order-tab {
    height: 40px;
    border: 1px solid #d92d2d;
    color: #d92d2d;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    text-decoration: none;
    transition: .2s ease;
}

.order-tab.active {
    background: #111;
    color: #fff;
    border-color: #111;
}

.order-tab:hover {
    color: #fff;
    background: #d92d2d;
    border-color: #d92d2d;
}

/* CARD */

.order-card {
    border-radius: 2px;
    border: 1px solid #ebebeb;
    margin-bottom: 1.6rem;
    background: #fff;
    transition: .2s ease;
     box-shadow: 0 .3rem 1.2rem rgba(0,0,0,.03);
}

.order-card:hover {
    box-shadow: 0 .8rem 2.4rem rgba(0,0,0,.06);
}

.order-card .card-body {
    padding: 1.4rem 1.6rem;
}

.order-card-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #f1f1f1;
}

.order-status {
    display: inline-block;
    padding: .35rem 1rem;
    border-radius: 30px;
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: .8rem;
    margin-top: .2rem;
}

.order-status.pending {
    background: #fff7e8;
    color: #b7791f;
}

.order-status.shipped {
    background: #eef6ff;
    color: #2563eb;
}

.order-status.delivered {
    background: #ecfdf3;
    color: #15803d;
}

.order-status.cancelled {
    background: #fef2f2;
    color: #dc2626;
}

.order-card-head h5 {
    margin-bottom: .5rem;
    font-weight: 700;
    font-size: 2.45rem;
    line-height: 1.25;
    color: #222;
}

.order-card-head p {
    margin-bottom: 0;
    color: #777;
    font-size: 1.35rem;
    line-height: 1.5;
}

.order-total {
    text-align: right;
}

.order-total span {
    display: block;
    color: #777;
    font-size: 1.2rem;
}

.order-total strong {
    color: #222;
    font-size: 2.15rem;
    font-weight: 700;
}

/* PRODUCT */

.order-product-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
}

.order-product-left {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1;
}

.order-product-left img {
    width: 76px;
    height: 90px;
    object-fit: cover;
    border: 1px solid #f5f5f5;
    margin-right: 1.4rem;
    flex: 0 0 auto;
}

.order-product-left h6 {
    margin-bottom: .45rem;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.35;
    color: #222;
}

.order-product-left p {
    margin-bottom: 0;
    color: #777;
    font-size: 1.3rem;
    line-height: 1.65;
}

.order-bottom-row {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-shrink: 0;
}

.order-product-price {
    font-size: 1.75rem;
    font-weight: 700;
    color: #222;
    white-space: nowrap;
}

.order-actions {
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.order-actions .btn {
     border-radius: 0;
    height: 35px;
    font-size: 1.12rem;
    font-weight: 600;
    padding: .65rem 1rem;
    margin-bottom: 0;
    min-width: 140px;
}

/* FOOTER */

.order-footer {
    background: #fbfbfb;
    border-top: 1px solid #f3f3f3;
    color: #777;
    font-size: 1.15rem;
}

/* PAGINATION */

.pagination-wrap {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.pagination {
    margin-bottom: 0;
}

.page-link {
    color: #333;
    border-color: #ebebeb;
}

.page-item.active .page-link {
    background: #d92d2d;
    border-color: #d92d2d;
}

/* MOBILE */

@media (max-width: 767px) {

    .orders-page {
        padding: 1rem;
    }

    .orders-heading {
        margin-bottom: 1.6rem;
    }

    .orders-heading h4 {
        font-size: 2.3rem;
        margin-bottom: .3rem;
    }

    .orders-heading p {
        font-size: 1.25rem;
        line-height: 1.5;
    }

    .order-tabs {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .order-tab {
        font-size: 1.3rem;
        height: 38px;
    }

    .order-card {
        margin-bottom: 1.5rem;
    }

    .order-card .card-body {
        padding: 1.2rem;
    }

    .order-card-head {
        display: block;
        padding-bottom: 1rem;
    }

    .order-card-head h5 {
        font-size: 2rem;
        line-height: 1.3;
    }

    .order-card-head p {
        font-size: 1.2rem;
    }

    .order-total {
        text-align: left;
        margin-top: 1rem;
    }

    .order-total strong {
        font-size: 1.7rem;
    }

    .order-product-row {
        display: block;
    }

    .order-product-left {
        display: flex;
        align-items: flex-start;
        margin-bottom: 1rem;
    }

    .order-product-left img {
        width: 62px;
        height: 76px;
        margin-right: 1rem;
    }

    .order-product-left h6 {
        font-size: 1.32rem;
        line-height: 1.35;
        margin-bottom: .3rem;
    }

    .order-product-left p {
        font-size: 1.12rem;
        line-height: 1.45;
    }

    .order-bottom-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .8rem;
        margin-top: 1rem;
    }

    .order-product-price {
        font-size: 1.42rem;
        white-space: nowrap;
    }

    .order-actions {
        display: flex;
        flex-direction: row;
        gap: .6rem;
        justify-content: flex-end;
    }

    .order-actions .btn {
        min-width: 96px;
        height: 35px;
        font-size: 1.2rem;
        padding: .6rem .8rem;
        white-space: nowrap;
    }

    .order-footer {
        font-size: 1.1rem;
        line-height: 1.5;
    }

    .pagination-wrap {
        margin-top: 1.5rem;
    }
}

/************************************
Dashboard page
************************************/
.dashboard-page {
    padding: 2rem;
    background: #fafafa;
}

.dashboard-label {
    display: block;
    color: #d92d2d;
    font-size: 1.15rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .6rem;
}

.dashboard-page h3 {
    font-size: 3rem;
    font-weight: 700;
}

.dashboard-stat-card {
    margin-bottom: 1.5rem;
}

.dashboard-stat-card .card-body {
    padding: 1.8rem;
}

.dashboard-stat-card span {
    display: block;
    color: #777;
    font-size: 1.2rem;
    margin-bottom: .6rem;
}

.dashboard-stat-card strong {
    display: block;
    font-size: 2.8rem;
    font-weight: 700;
    color: #222;
}

.dashboard-action-box {
    display: block;
    border: 1px solid #ebebeb;
    background: #fafafa;
    padding: 1.5rem;
    margin-bottom: 1rem;
    color: #222;
    text-decoration: none;
}

.dashboard-action-box:hover {
    border-color: #d92d2d;
    background: #fff;
    color: #222;
}

.dashboard-action-box strong {
    display: block;
    font-size: 1.45rem;
    margin-bottom: .3rem;
}

.dashboard-action-box span {
    color: #777;
    font-size: 1.1rem;
}

.dashboard-order-row {
    display: grid;
    grid-template-columns: minmax(140px, 2fr) minmax(100px, 1fr) minmax(90px, 1fr) auto;

    gap: 1rem;
    align-items: center;

    padding: 1.3rem 0;

    border-top: 1px solid #f1f1f1;
}

.dashboard-order-row:first-of-type {
    border-top: 0;
}

.dashboard-order-row strong {
    display: block;
    color: #222;
    font-size: 1.35rem;
}

.dashboard-order-row span {
    display: block;
    color: #777;
    font-size: 1.1rem;
}

.dashboard-status {
    display: inline-block !important;
    background: #fff7e8;
    color: #b7791f !important;
    padding: .35rem 1rem;
    border-radius: 30px;
    font-size: 1rem !important;
    font-weight: 600;
}

.dashboard-order-row .btn {
    width: 100%;
    border-radius: 0;
}

.dashboard-order-actions {
    display: flex;
    gap: .6rem;
}

.dashboard-order-actions .btn {
    flex: 1;
}

@media (max-width: 767px) {
    .dashboard-page {
        padding: 1rem;
    }

    .dashboard-page h3 {
        font-size: 2.3rem;
    }

    .dashboard-stat-card .card-body {
        padding: 1.4rem;
    }

    .dashboard-stat-card strong {
        font-size: 2.3rem;
    }

    .dashboard-order-row {
        grid-template-columns: 1fr;
        gap: .7rem;
    }

    .dashboard-order-row .btn {
        width: 100%;
    }
}

/***************************************
Track Page
****************************************/

.track-page {
    padding: 2rem;
    background: #fafafa;
}

.track-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.track-header h4 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: .4rem;
}

.track-header p {
    color: #777;
    font-size: 1.35rem;
    margin-bottom: 0;
}

.track-summary-card,
.track-status-card {
    border: 1px solid #ebebeb;
    margin-bottom: 2rem;
}

.track-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.track-summary-grid span {
    display: block;
    color: #777;
    font-size: 1.15rem;
    margin-bottom: .5rem;
}

.track-summary-grid strong {
    color: #222;
    font-size: 1.4rem;
    font-weight: 700;
}

.track-current-status {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 1.8rem;
    margin-bottom: 2rem;
}

.track-badge {
    display: inline-block;
    background: #fff7e8;
    color: #b7791f;
    padding: .4rem 1.1rem;
    border-radius: 30px;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.track-current-status h5 {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: .5rem;
}

.track-current-status p {
    color: #777;
    font-size: 1.25rem;
    margin-bottom: 0;
}

.track-timeline {
    position: relative;
}

.track-step {
    display: flex;
    position: relative;
    padding-bottom: 2rem;
}

.track-step:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 18px;
    width: 2px;
    height: calc(100% - 10px);
    background: #e5e5e5;
}

.track-dot {
    width: 16px;
    height: 16px;
    background: #d92d2d;
    border-radius: 50%;
    margin-right: 1.5rem;
    margin-top: .2rem;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

.track-info strong {
    display: block;
    font-size: 1.45rem;
    color: #222;
    margin-bottom: .3rem;
}

.track-info span {
    display: block;
    color: #777;
    font-size: 1.15rem;
    margin-bottom: .3rem;
}

.track-info p {
    color: #666;
    font-size: 1.2rem;
    margin-bottom: 0;
}

.track-empty {
    background: #fafafa;
    border: 1px solid #f1f1f1;
    padding: 2rem;
    text-align: center;
}

.track-empty h6 {
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: .6rem;
}

.track-empty p {
    color: #777;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .track-page {
        padding: 1rem;
    }

    .track-header {
        display: block;
    }

    .track-header h4 {
        font-size: 2.3rem;
    }

    .track-header p {
        font-size: 1.2rem;
        margin-bottom: 1.2rem;
    }

    .track-header .btn {
        width: 100%;
    }

    .track-summary-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.3rem;
    }

    .track-current-status h5 {
        font-size: 1.9rem;
    }

    .track-info strong {
        font-size: 1.3rem;
    }
}

/* ===== COMMON PRODUCT IMAGE CSS ===== */

/* ===== COMMON PRODUCT IMAGE ===== */

.product-media {
    position: relative;
    overflow: hidden;
    background: #fff;

    aspect-ratio: 1 / 1;

    display: flex;
    align-items: center;
    justify-content: center;
}

.product-media img {
    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;

    background: #fff;
    display: block;

    transition: transform .35s ease;
}

.product:hover .product-media img {
    transform: scale(1.03);
}

/* ===== CART / CHECKOUT IMAGE FIX ===== */

.cart_page .product-media img,
.checkout_page .product-media img,
.cart-mobile-view .product-media img,
.order-card .order-image img,
.order_detail_block .item-image img {
    object-fit: cover;
}