/* 
 * WooCommerce Styles
 * Sultan Blind Theme
 */

:root {
  --clr-ink: #16130F;
  --clr-linen: #EDE7DC;
  --clr-brass: #A8823C;
  --clr-walnut: #6B4226;
  --clr-slate: #8B9296;
  --font-serif: 'Fraunces', serif;
  --font-sans: 'Inter', sans-serif;
  --nav-height: 72px;
}

/* 8. SHOP WRAPPER */
.woocommerce-page .site-main {
    padding-top: var(--nav-height, 72px);
}
.woocommerce-page .woocommerce,
.woocommerce-page-wrap {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .woocommerce-page .woocommerce,
    .woocommerce-page-wrap {
        padding: 1.5rem 1rem;
    }
}

/* 1. SHOP ARCHIVE PAGE (.woocommerce-page, .woocommerce) */
.woocommerce-products-header {
    padding: 6rem 1.5rem 3rem;
    text-align: center;
    background: var(--clr-ink);
}

.woocommerce-products-header__title {
    font-family: var(--font-serif);
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 400;
    color: var(--clr-linen);
    margin-top: 0;
    word-wrap: break-word;
}

ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

li.product {
    position: relative;
    background: rgba(237, 231, 220, 0.03);
    border: 1px solid rgba(168, 130, 60, 0.2);
    overflow: hidden;
    transition: border-color 0.3s;
}

li.product:hover {
    border-color: rgba(168, 130, 60, 0.5);
}

li.product img {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    transition: transform 0.6s ease;
}

li.product:hover img {
    transform: scale(1.05);
}

li.product .woocommerce-loop-product__title {
    font-family: var(--font-serif);
    font-size: 1.1rem;
    color: var(--clr-linen);
    padding: 1rem 1rem 0.35rem;
    margin: 0;
}

li.product .price {
    font-family: var(--font-sans);
    font-size: 0.9rem;
    color: var(--clr-brass);
    padding: 0 1rem 0.75rem;
    display: block;
}

li.product .button {
    display: block;
    background: transparent;
    border: 1px solid rgba(168, 130, 60, 0.4);
    color: rgba(237, 231, 220, 0.6);
    font-family: var(--font-sans);
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0.65rem 1rem;
    margin: 0 1rem 1rem;
    text-align: center;
    transition: all 0.25s;
    text-decoration: none;
}

li.product .button:hover {
    border-color: var(--clr-brass);
    color: var(--clr-linen);
    background: rgba(168, 130, 60, 0.08);
}

@media (max-width: 640px) {
  ul.products {
    grid-template-columns: 1fr 1fr !important;
    gap: 0.75rem !important;
  }
  
  li.product {
    border-radius: 4px;
  }

  li.product .woocommerce-loop-product__title {
    font-size: 0.9rem !important;
    padding: 0.75rem 0.5rem 0.25rem !important;
    line-height: 1.3;
  }
  
  li.product .price {
    font-size: 0.8rem !important;
    padding: 0 0.5rem 0.5rem !important;
  }
  
  li.product .button {
    font-size: 0.65rem !important;
    padding: 0.5rem 0.5rem !important;
    margin: 0 0.5rem 0.75rem !important;
    letter-spacing: 0.05em;
  }
}

/* ==========================================================================
   2. SINGLE PRODUCT PAGE LUXURY DESIGN & RESPONSIVE PROPORTIONS
   ========================================================================== */

.single-product div.product {
    display: flex !important;
    flex-direction: column !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: calc(var(--nav-height, 72px) + 1.5rem) 1.25rem 4rem 1.25rem !important; /* 20px side margins on mobile */
    box-sizing: border-box !important;
    gap: 2rem !important;
}

/* Mobile: Gallery sits in natural document flow (ZERO sticky/floating overlap on mobile) */
.woocommerce-product-gallery {
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    margin-bottom: 1.5rem !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #120f0c !important;
    border: 1px solid rgba(168, 130, 60, 0.2) !important;
}

.woocommerce-product-gallery__image img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    display: block !important;
}

.woocommerce-product-gallery__trigger {
    background: var(--clr-brass, #c5a059) !important;
    border-radius: 50% !important;
    color: #120f0c !important;
}

/* Sale Badge Overlay */
.single-product .woocommerce-product-gallery span.onsale {
    position: absolute !important;
    top: 1rem !important;
    left: 1rem !important;
    right: auto !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #c5a059 0%, #a8823c 100%) !important;
    color: #120f0c !important;
    padding: 0.4rem 1rem !important;
    border-radius: 99px !important;
    font-family: var(--font-sans, 'Inter', sans-serif) !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    z-index: 99 !important;
    box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3) !important;
}

/* Gallery Thumbnails */
.woocommerce-product-gallery .flex-control-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 0.75rem !important;
    padding: 1rem !important;
    margin: 0 !important;
    list-style: none !important;
    background: rgba(237, 231, 220, 0.03) !important;
    border-top: 1px solid rgba(168, 130, 60, 0.2) !important;
}
.woocommerce-product-gallery .flex-control-nav li {
    flex: 0 0 80px !important;
}
.woocommerce-product-gallery .flex-control-nav img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    border: 2px solid transparent !important;
    cursor: pointer !important;
    opacity: 0.6 !important;
    transition: all 0.2s ease !important;
}
.woocommerce-product-gallery .flex-control-nav img.flex-active,
.woocommerce-product-gallery .flex-control-nav img:hover {
    border-color: var(--clr-brass, #c5a059) !important;
    opacity: 1 !important;
}

/* Single Product Details Summary Column */
.single-product .summary.entry-summary {
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

.product_title {
    font-family: var(--font-serif, 'Fraunces', serif) !important;
    font-size: clamp(1.85rem, 4vw, 2.75rem) !important;
    font-weight: 400 !important;
    color: var(--clr-linen, #EDE7DC) !important;
    margin-top: 0 !important;
    margin-bottom: 0.75rem !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
}

.woocommerce-product-rating {
    margin-bottom: 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.single-product div.product .price {
    font-family: var(--font-sans, 'Inter', sans-serif) !important;
    font-size: 1.65rem !important;
    font-weight: 700 !important;
    color: var(--clr-brass, #c5a059) !important;
    margin-bottom: 1.25rem !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

.single-product div.product .price del,
.single-product div.product .price del span {
    text-decoration: line-through !important;
    font-size: 1.15rem !important;
    color: rgba(237, 231, 220, 0.4) !important;
    font-weight: 400 !important;
}

.single-product div.product .price ins,
.single-product div.product .price ins span {
    text-decoration: none !important;
    font-size: 2rem !important;
    color: var(--clr-brass, #c5a059) !important;
    font-weight: 700 !important;
}

.woocommerce-product-details__short-description {
    font-family: var(--font-sans, 'Inter', sans-serif) !important;
    font-size: 0.95rem !important;
    color: rgba(237, 231, 220, 0.75) !important;
    line-height: 1.7 !important;
    margin-bottom: 1.75rem !important;
}

/* Trust Pills (Short) */
.product-trust-pills-short {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
    margin-bottom: 2rem !important;
    padding: 1.25rem !important;
    background: rgba(237, 231, 220, 0.03) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(168, 130, 60, 0.15) !important;
}
.trust-pill-short {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    font-family: var(--font-sans) !important;
    font-size: 0.9rem !important;
    color: rgba(237, 231, 220, 0.8) !important;
}

/* Variations, Quantity & Cart Action Form */
.single-product form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
    margin-bottom: 2rem !important;
    align-items: stretch !important;
}

.quantity {
    display: inline-flex !important;
}

.quantity input.qty {
    background: #16130f !important;
    border: 1px solid rgba(168, 130, 60, 0.35) !important;
    border-radius: 8px !important;
    color: var(--clr-linen, #EDE7DC) !important;
    font-family: var(--font-sans) !important;
    font-size: 1.15rem !important;
    padding: 0.85rem 1rem !important;
    width: 80px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.single_add_to_cart_button {
    background: linear-gradient(135deg, #c5a059 0%, #a8823c 100%) !important;
    color: #120f0c !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: var(--font-sans, 'Inter', sans-serif) !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 1rem 2rem !important;
    cursor: pointer !important;
    flex: 1 1 auto !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 16px rgba(197, 160, 89, 0.25) !important;
    transition: all 0.25s ease !important;
    min-width: 200px !important;
}

.single_add_to_cart_button:hover {
    background: #e5b967 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(197, 160, 89, 0.4) !important;
}

.btn-buy-now-action {
    background: transparent !important;
    color: var(--clr-brass, #c5a059) !important;
    border: 2px solid var(--clr-brass, #c5a059) !important;
    border-radius: 8px !important;
    font-family: var(--font-sans, 'Inter', sans-serif) !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 1rem 2rem !important;
    cursor: pointer !important;
    flex: 1 1 100% !important; /* Full width below add to cart */
    box-sizing: border-box !important;
    text-align: center !important;
    transition: all 0.25s ease !important;
}
.btn-buy-now-action:hover {
    background: rgba(197, 160, 89, 0.1) !important;
}

/* Trust Delivery Badge */
.product-trust-badge-card {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 1.25rem !important;
    background: #16130f !important;
    border-radius: 12px !important;
    border: 1px solid rgba(168, 130, 60, 0.2) !important;
    margin-bottom: 2.5rem !important;
}
.trust-badge-icon {
    font-size: 1.75rem !important;
}
.trust-badge-text {
    display: flex !important;
    flex-direction: column !important;
    font-family: var(--font-sans) !important;
    font-size: 0.85rem !important;
    color: rgba(237, 231, 220, 0.7) !important;
}
.trust-badge-text strong {
    color: var(--clr-brass) !important;
    font-size: 0.95rem !important;
    margin-bottom: 0.25rem !important;
}

/* Accordions Redesign */
.product-accordions {
    margin-bottom: 3rem !important;
    border-top: 1px solid rgba(168, 130, 60, 0.2) !important;
}
.product-accordions .accordion-item {
    border-bottom: 1px solid rgba(168, 130, 60, 0.2) !important;
}
.product-accordions .accordion-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 1.25rem 0 !important;
    font-family: var(--font-sans, 'Inter', sans-serif) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--clr-linen, #EDE7DC) !important;
    cursor: pointer !important;
    list-style: none !important;
    outline: none !important;
}
.product-accordions .accordion-header::-webkit-details-marker {
    display: none !important;
}
.product-accordions .accordion-arrow {
    font-size: 1.25rem !important;
    color: var(--clr-brass) !important;
    transition: transform 0.3s ease !important;
}
.product-accordions .accordion-item[open] .accordion-arrow {
    transform: rotate(180deg) !important;
}
.product-accordions .accordion-content {
    padding-bottom: 1.25rem !important;
    font-family: var(--font-sans, 'Inter', sans-serif) !important;
    font-size: 0.95rem !important;
    color: rgba(237, 231, 220, 0.7) !important;
    line-height: 1.7 !important;
}

/* Related Products */
.related.products {
    margin-top: 4rem !important;
    padding-top: 3rem !important;
    border-top: 1px solid rgba(168, 130, 60, 0.2) !important;
}
.related.products > h2 {
    font-family: var(--font-serif, 'Fraunces', serif) !important;
    font-size: 2rem !important;
    font-weight: 400 !important;
    color: var(--clr-brass, #c5a059) !important;
    margin-bottom: 2rem !important;
    text-align: center !important;
}

/* Product Tabs & Accordions */
.woocommerce-tabs {
    width: 100% !important;
    margin-top: 2rem !important;
    border-top: 1px solid rgba(168, 130, 60, 0.2) !important;
    padding-top: 2rem !important;
}

.woocommerce-tabs .tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    border-bottom: 1px solid rgba(168, 130, 60, 0.2) !important;
    list-style: none !important;
    margin-bottom: 1.5rem !important;
    padding: 0 !important;
}

.woocommerce-tabs .tabs li a {
    font-family: var(--font-sans, 'Inter', sans-serif) !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 0.75rem 1.25rem !important;
    color: rgba(237, 231, 220, 0.6) !important;
    display: block !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.woocommerce-tabs .tabs li.active a {
    color: var(--clr-brass, #c5a059) !important;
    border-bottom: 2px solid var(--clr-brass, #c5a059) !important;
}

.woocommerce-Tabs-panel {
    font-family: var(--font-sans, 'Inter', sans-serif) !important;
    font-size: 0.95rem !important;
    color: rgba(237, 231, 220, 0.7) !important;
    line-height: 1.75 !important;
}

/* Desktop 2-Column Grid & Sticky Gallery Layout */
@media (min-width: 992px) {
    .single-product div.product {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 4rem !important;
        padding: calc(var(--nav-height, 72px) + 3.5rem) 2rem 6rem 2rem !important;
        align-items: start !important;
    }

    .woocommerce-product-gallery {
        position: sticky !important;
        top: calc(var(--nav-height, 72px) + 2rem) !important;
        margin-bottom: 0 !important;
    }

    .woocommerce-tabs {
        grid-column: 1 / -1 !important;
    }
}

/* 3. CART PAGE */
.woocommerce-cart-form {
    background: rgba(237, 231, 220, 0.03);
    border: 1px solid rgba(168, 130, 60, 0.15);
    padding: 1.5rem;
    margin-bottom: 2rem;
}

table.shop_table {
    width: 100%;
    border-collapse: collapse;
}

table.shop_table th {
    font-family: var(--font-sans);
    font-size: 0.7rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--clr-brass);
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(168, 130, 60, 0.2);
    text-align: left;
}

table.shop_table td {
    padding: 1rem;
    border-bottom: 1px solid rgba(237, 231, 220, 0.05);
    color: var(--clr-linen);
    vertical-align: middle;
}

.cart_item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border: 1px solid rgba(168, 130, 60, 0.2);
}

.woocommerce-cart-form table.shop_table td.actions {
  text-align: right;
  padding: 1.5rem 1rem;
}

.woocommerce-cart-form .actions .coupon {
  float: left;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.woocommerce-cart-form .actions .coupon label {
  display: none;
}

.woocommerce-cart-form .actions .coupon input.input-text {
  background: rgba(237, 231, 220, 0.03);
  border: 1px solid rgba(168, 130, 60, 0.25);
  color: var(--clr-linen);
  padding: 0.6rem 1rem;
  font-family: var(--font-sans);
  font-size: 0.8rem;
  outline: none;
  width: 180px;
  box-sizing: border-box;
}

.woocommerce-cart-form .actions .button {
  display: inline-block;
  background: transparent;
  border: 1px solid rgba(168, 130, 60, 0.4);
  color: rgba(237, 231, 220, 0.6);
  font-family: var(--font-sans);
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.65rem 1.5rem;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s;
}

.woocommerce-cart-form .actions .button:hover {
  border-color: var(--clr-brass);
  color: var(--clr-linen);
  background: rgba(168, 130, 60, 0.08);
}

/* Mobile-Responsive Cart Table Override */
@media (max-width: 768px) {
  .woocommerce-cart-form {
    padding: 0.75rem;
  }
  
  .woocommerce-cart-form table.shop_table, 
  .woocommerce-cart-form table.shop_table thead, 
  .woocommerce-cart-form table.shop_table tbody, 
  .woocommerce-cart-form table.shop_table th, 
  .woocommerce-cart-form table.shop_table td, 
  .woocommerce-cart-form table.shop_table tr { 
    display: block; 
  }
  
  .woocommerce-cart-form table.shop_table thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  .woocommerce-cart-form table.shop_table tr { 
    border: 1px solid rgba(168, 130, 60, 0.15); 
    margin-bottom: 1.25rem;
    padding: 0.5rem;
    background: rgba(22, 19, 15, 0.2);
    position: relative;
  }
  
  .woocommerce-cart-form table.shop_table td { 
    border: none;
    border-bottom: 1px solid rgba(237, 231, 220, 0.05); 
    position: relative;
    padding: 0.75rem 0.5rem 0.75rem 45%; 
    text-align: right;
    min-height: 24px;
  }
  
  .woocommerce-cart-form table.shop_table td:last-child {
    border-bottom: none;
  }
  
  .woocommerce-cart-form table.shop_table td:before { 
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 40%; 
    text-align: left;
    font-weight: 500;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--clr-brass);
    content: attr(data-title);
  }

  .woocommerce-cart-form table.shop_table td.product-remove {
    text-align: right;
    padding-left: 10px;
  }
  
  .woocommerce-cart-form table.shop_table td.product-remove:before {
    content: "Remove";
  }

  .woocommerce-cart-form table.shop_table td.product-thumbnail {
    text-align: center;
    padding-left: 10px;
  }
  
  .woocommerce-cart-form table.shop_table td.product-thumbnail:before {
    content: "Preview";
  }
  
  .woocommerce-cart-form table.shop_table td.product-thumbnail img {
    margin: 0 auto;
    display: inline-block;
  }
  
  .woocommerce-cart-form .actions .coupon {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1rem;
    width: 100%;
  }

  .woocommerce-cart-form .actions .coupon input {
    width: 100% !important;
    margin: 0 !important;
  }

  .woocommerce-cart-form .actions .button {
    width: 100% !important;
    margin: 0 !important;
  }
}

.cart-collaterals {
    margin-top: 2.5rem;
    display: flex;
    justify-content: flex-end;
}

.cart-collaterals .cart_totals {
    width: 480px;
    background: rgba(237, 231, 220, 0.02);
    border: 1px solid rgba(168, 130, 60, 0.15);
    padding: 2rem;
    border-radius: 4px;
}

@media (max-width: 768px) {
  .cart-collaterals {
    display: block;
    margin-top: 2rem;
  }
  
  .cart-collaterals .cart_totals {
    width: 100% !important;
    float: none !important;
    padding: 1.5rem 1rem !important;
  }
}

.cart_totals h2 {
    font-family: var(--font-serif);
    font-size: 1.5rem;
    color: var(--clr-linen);
    margin-bottom: 1.5rem;
    margin-top: 0;
}

.cart_totals table.shop_table tr th,
.cart_totals table.shop_table tr td {
    border-bottom: 1px solid rgba(237, 231, 220, 0.05);
    padding: 0.75rem 0;
}

.cart_totals table.shop_table tr.order-total th,
.cart_totals table.shop_table tr.order-total td {
    border-bottom: none;
    font-size: 1.15rem;
    color: var(--clr-linen);
}

.wc-proceed-to-checkout {
    margin-top: 1.5rem;
}

.wc-proceed-to-checkout .checkout-button {
    background: var(--clr-linen);
    color: var(--clr-ink);
    font-family: var(--font-sans);
    font-size: 0.8125rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 1rem 2rem;
    display: block;
    text-align: center;
    width: 100%;
    transition: all 0.3s;
    border: none;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
}

.wc-proceed-to-checkout .checkout-button:hover {
    background: var(--clr-brass);
    color: var(--clr-linen);
}

/* 4. CHECKOUT PAGE (CLASSIC & GUTENBERG BLOCK CHECKOUT) */
.woocommerce-checkout,
.wc-block-checkout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem 1.5rem 4rem;
    color: var(--clr-linen);
}

.woocommerce-checkout h1.page-title,
.wc-block-checkout__title {
    font-family: var(--font-serif);
    font-size: clamp(2rem, 4vw, 3rem);
    text-align: center;
    color: var(--clr-linen);
    margin-bottom: 2rem;
}

.woocommerce-checkout #customer_details h3 {
    font-family: var(--font-serif);
    font-size: 1.5rem;
    color: var(--clr-linen);
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.woocommerce-checkout #customer_details {
    color: var(--clr-linen);
}

/* === COMPREHENSIVE CHECKOUT FIELD FIXES (PREVENTS ONE TEXT PER LINE GLITCH) === */
.woocommerce-checkout .form-row,
.woocommerce form .form-row,
.woocommerce-checkout p.form-row {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin-bottom: 1.25rem !important;
    clear: both !important;
    box-sizing: border-box !important;
}

@media (min-width: 768px) {
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last {
    width: 48% !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
  .woocommerce-checkout .form-row-first {
    float: left !important;
    margin-right: 4% !important;
  }
  .woocommerce-checkout .form-row-last {
    float: right !important;
  }
}

.woocommerce-checkout label,
.woocommerce form .form-row label,
.woocommerce-checkout .form-row label {
    font-family: var(--font-sans) !important;
    font-size: 0.825rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: var(--clr-linen, #EDE7DC) !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 0.4rem !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    word-break: normal !important;
}

.woocommerce-checkout .woocommerce-input-wrapper,
.woocommerce form .form-row .woocommerce-input-wrapper {
    display: block !important;
    width: 100% !important;
}

.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce form .form-row input.input-text {
    background: rgba(237, 231, 220, 0.04) !important;
    border: 1px solid rgba(168, 130, 60, 0.3) !important;
    color: var(--clr-linen, #EDE7DC) !important;
    padding: 0.85rem 1rem !important;
    font-family: var(--font-sans) !important;
    font-size: 0.95rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 48px !important;
    outline: none !important;
    border-radius: 6px !important;
    transition: border-color 0.2s !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout textarea {
    height: auto !important;
    min-height: 100px !important;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
    border-color: var(--clr-brass) !important;
    box-shadow: 0 0 0 2px rgba(168, 130, 60, 0.2) !important;
}

/* Order Review / Summary Box */
#order_review,
.woocommerce-checkout-review-order,
.wc-block-checkout__sidebar {
    background: rgba(237, 231, 220, 0.03) !important;
    border: 1px solid rgba(168, 130, 60, 0.25) !important;
    padding: 2rem !important;
    border-radius: 10px !important;
}

#order_review table.shop_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
}

#order_review table.shop_table th,
#order_review table.shop_table td {
    padding: 0.85rem 0;
    border-bottom: 1px solid rgba(168, 130, 60, 0.15);
    font-size: 0.9rem;
    color: var(--clr-linen);
}

#order_review table.shop_table tr.order-total th,
#order_review table.shop_table tr.order-total td {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--clr-brass);
    border-bottom: none;
    padding-top: 1.25rem;
}

#place_order {
    background: linear-gradient(135deg, #d4b274 0%, #a8823c 100%);
    color: #16130f;
    font-family: var(--font-sans);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 1.1rem 2rem;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    transition: all 0.3s;
    box-sizing: border-box;
    margin-top: 1.5rem;
}

#place_order:hover {
    background: linear-gradient(135deg, #e6c88b 0%, #c5a059 100%);
    box-shadow: 0 8px 25px rgba(168, 130, 60, 0.4);
}

.woocommerce-order-details,
.woocommerce-customer-details {
    color: var(--clr-linen);
    font-family: var(--font-sans);
}

/* 5. BREADCRUMBS */
.woocommerce-breadcrumb {
    font-family: var(--font-sans);
    font-size: 0.75rem;
    color: rgba(237, 231, 220, 0.4);
    padding: 1rem 0;
    letter-spacing: 0.05em;
}

.woocommerce-breadcrumb a {
    color: rgba(168, 130, 60, 0.7);
    text-decoration: none;
}

.woocommerce-breadcrumb a:hover {
    color: var(--clr-brass);
}

/* 6. NOTICES */
.woocommerce-message,
.woocommerce-info {
    background: rgba(168, 130, 60, 0.1);
    border-left: 3px solid var(--clr-brass);
    color: var(--clr-linen);
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
}

.woocommerce-error {
    background: rgba(180, 60, 60, 0.1);
    border-left: 3px solid #b43c3c;
    color: var(--clr-linen);
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
}

/* 7. STAR RATINGS */
.star-rating span::before {
    color: var(--clr-brass);
}

.star-rating::before {
    color: rgba(168, 130, 60, 0.25);
}

/* Removing WooCommerce default blue/purple colors specifically */
.woocommerce .woocommerce-info::before, 
.woocommerce .woocommerce-message::before {
    color: var(--clr-brass);
}
.woocommerce .woocommerce-error::before {
    color: #b43c3c;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
    color: var(--clr-brass);
}

/* === AMALTAS STUDIO SINGLE PRODUCT & PRODUCT GRID LAYOUT ENHANCEMENTS === */

/* Single Product 2-Column Grid Layout */
.woocommerce div.product {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: start;
}

@media (max-width: 868px) {
  .woocommerce div.product {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.woocommerce div.product div.images {
  width: 100% !important;
  float: none !important;
  margin-bottom: 0 !important;
}

.woocommerce div.product div.images img {
  border-radius: 12px;
  border: 1px solid rgba(168, 130, 60, 0.2);
}

.woocommerce div.product div.summary {
  width: 100% !important;
  float: none !important;
}

/* Single Product Title & Price */
.woocommerce div.product .product_title {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--clr-linen);
  margin-bottom: 0.5rem;
}

.woocommerce div.product p.price {
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  color: var(--clr-brass) !important;
  margin-bottom: 1.5rem !important;
}

/* Single Product Add to Cart Button */
.woocommerce div.product form.cart .button {
  background: var(--clr-linen) !important;
  color: var(--clr-ink) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 1rem 2rem !important;
  border-radius: 6px !important;
  transition: all 0.25s !important;
  width: 100% !important;
  text-align: center !important;
}

.woocommerce div.product form.cart .button:hover {
  background: var(--clr-brass) !important;
  color: var(--clr-linen) !important;
}

/* Product Trust Pills */
.product-trust-pills {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1.75rem 0;
}

.trust-pill {
  background: rgba(212, 178, 116, 0.12);
  border: 1px solid rgba(168, 130, 60, 0.25);
  border-radius: 50px;
  padding: 0.75rem 1.25rem;
  font-size: 0.825rem;
  color: var(--clr-linen);
  display: flex;
  align-items: center;
  gap: 0.6rem;
  line-height: 1.4;
}

/* Product Accordions */
.product-accordions {
  border-top: 1px solid rgba(168, 130, 60, 0.15);
  margin: 2rem 0 1.5rem;
}

.accordion-item {
  border-bottom: 1px solid rgba(168, 130, 60, 0.15);
}

.accordion-header {
  padding: 1.1rem 0;
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--clr-linen);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
}

.accordion-header::-webkit-details-marker {
  display: none;
}

.accordion-content {
  padding-bottom: 1.25rem;
  font-size: 0.85rem;
  color: rgba(237, 231, 220, 0.7);
  line-height: 1.6;
}

/* Bulk Pricing Card */
.bulk-pricing-card {
  background: rgba(237, 231, 220, 0.02);
  border: 1px solid rgba(168, 130, 60, 0.2);
  border-radius: 8px;
  padding: 1.5rem;
  margin: 1.5rem 0;
}

.bulk-pricing-header {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.95rem;
  color: var(--clr-linen);
  margin-bottom: 0.5rem;
}

.bulk-pricing-text {
  font-size: 0.85rem;
  color: rgba(237, 231, 220, 0.7);
  margin: 0;
  line-height: 1.5;
}

.bulk-pricing-text a {
  color: var(--clr-brass);
  text-decoration: underline;
}

/* Color Disclaimer */
.color-disclaimer {
  font-size: 0.775rem;
  color: rgba(237, 231, 220, 0.5);
  line-height: 1.5;
  margin: 1.5rem 0;
  padding-left: 0.75rem;
  border-left: 2px solid rgba(168, 130, 60, 0.4);
}

/* Quick Consultation Action Buttons */
.quick-contact-actions {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  margin: 2rem 0;
}

.btn-whatsapp-shop {
  background: #556b4f;
  color: #ffffff !important;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  transition: opacity 0.2s;
}

.btn-whatsapp-shop:hover {
  opacity: 0.9;
}

.btn-phone-shop {
  background: transparent;
  border: 1px solid rgba(237, 231, 220, 0.3);
  color: var(--clr-linen) !important;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
}

.btn-phone-shop:hover {
  border-color: var(--clr-brass);
  color: var(--clr-brass) !important;
}

/* === FULL CART & CHECKOUT REWORK (CLASSIC & GUTENBERG BLOCK CARTS) === */

/* Cart Page Container */
.woocommerce-cart, 
.wc-block-cart {
  max-width: 1100px;
  margin: 0 auto;
  padding: 4rem 1.5rem;
  color: var(--clr-linen);
}

.woocommerce-cart h1.page-title,
.wc-block-cart__title {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 4vw, 3rem);
  text-align: center;
  color: var(--clr-linen);
  margin-bottom: 3rem;
}

/* WooCommerce Gutenberg Block Cart Styling */
.wc-block-cart-items,
.wc-block-cart-items__header {
  border-color: rgba(168, 130, 60, 0.2) !important;
}

.wc-block-cart-item__wrap {
  background: rgba(237, 231, 220, 0.02) !important;
  border: 1px solid rgba(168, 130, 60, 0.15) !important;
  border-radius: 8px !important;
  padding: 1.25rem !important;
  margin-bottom: 1rem !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 1.25rem !important;
}

.wc-block-cart-item__image img {
  border-radius: 8px !important;
  max-width: 90px !important;
}

.wc-block-cart-item__product {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
}

.wc-block-components-product-name {
  font-family: var(--font-serif) !important;
  font-size: 1.15rem !important;
  color: var(--clr-linen) !important;
  text-decoration: none !important;
}

.wc-block-components-product-price {
  color: var(--clr-brass) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

/* Quantity Selector in Block Cart */
.wc-block-components-quantity-selector {
  border: 1px solid rgba(168, 130, 60, 0.3) !important;
  background: rgba(22, 19, 15, 0.8) !important;
  border-radius: 6px !important;
}

.wc-block-components-quantity-selector__button {
  color: var(--clr-linen) !important;
}

.wc-block-components-quantity-selector__input {
  color: var(--clr-linen) !important;
  background: transparent !important;
}

/* Cart Totals & Checkout Button */
.wc-block-cart__totals,
.wc-block-components-totals-wrapper {
  background: rgba(237, 231, 220, 0.03) !important;
  border: 1px solid rgba(168, 130, 60, 0.2) !important;
  border-radius: 10px !important;
  padding: 2rem !important;
  margin-top: 2rem !important;
}

.wc-block-components-totals-footer_item {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: var(--clr-brass) !important;
  border-top: 1px solid rgba(168, 130, 60, 0.2) !important;
  padding-top: 1rem !important;
}

.wc-block-cart__submit-button,
.wc-block-components-button {
  background: var(--clr-linen) !important;
  color: var(--clr-ink) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 1.1rem 2rem !important;
  border-radius: 8px !important;
  width: 100% !important;
  transition: all 0.3s !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
  margin-top: 1.5rem !important;
}

.wc-block-cart__submit-button:hover,
.wc-block-components-button:hover {
  background: var(--clr-brass) !important;
  color: var(--clr-linen) !important;
}

/* === SHOP ALL CATALOG PAGE REFINEMENT === */
.woocommerce ul.products li.product {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 2.5rem !important;
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  display: block;
  text-decoration: none;
}

.woocommerce ul.products li.product img {
  border-radius: 16px !important;
  border: 1px solid rgba(168, 130, 60, 0.15) !important;
  transition: transform 0.3s ease, border-color 0.3s ease;
  margin-bottom: 1rem !important;
}

.woocommerce ul.products li.product:hover img {
  transform: translateY(-4px);
  border-color: var(--clr-brass) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--font-serif) !important;
  font-size: 1.15rem !important;
  color: var(--clr-linen) !important;
  margin: 0.5rem 0 0.25rem !important;
}

.woocommerce ul.products li.product .price {
  font-size: 0.95rem !important;
  color: var(--clr-brass) !important;
  font-weight: 600 !important;
}

.woocommerce ul.products li.product .button {
  background: rgba(237, 231, 220, 0.08) !important;
  border: 1px solid rgba(168, 130, 60, 0.3) !important;
  color: var(--clr-linen) !important;
  border-radius: 6px !important;
  padding: 0.6rem 1.2rem !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-top: 0.75rem !important;
  transition: all 0.2s !important;
}

.woocommerce ul.products li.product .button:hover {
  background: var(--clr-brass) !important;
  color: var(--clr-linen) !important;
}

/* === SLIDING MINI-CART DRAWER (EXACT SHOPIFY / GROOVY STYLE) === */
.side-cart-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.65) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  z-index: 999998 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.4s ease !important;
}

.side-cart-overlay.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#side-cart-drawer,
aside.side-cart-drawer,
.side-cart-drawer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  width: 440px !important;
  max-width: 90vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  background: #ffffff !important;
  color: #16130f !important;
  z-index: 999999 !important;
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.3) !important;
  display: flex !important;
  flex-direction: column !important;
  transform: translateX(100%) !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.4s ease !important;
  box-sizing: border-box !important;
}

#side-cart-drawer.is-open,
aside.side-cart-drawer.is-open,
.side-cart-drawer.is-open {
  transform: translateX(0) !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.side-cart-header {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
}

.side-cart-title {
  font-family: var(--font-serif);
  font-size: 1.35rem;
  font-weight: 600;
  margin: 0;
  color: #111111;
}

.close-cart-btn {
  background: none;
  border: none;
  font-size: 2rem;
  line-height: 1;
  color: #555555;
  cursor: pointer;
  padding: 0;
}

/* Free Shipping Progress Bar */
.free-shipping-bar-wrap {
  background: #fcfbfa;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #eeeeee;
}

.free-shipping-text {
  font-size: 0.8rem;
  color: #444444;
  margin: 0 0 0.5rem;
  text-align: center;
}

.shipping-progress-track {
  height: 6px;
  background: #e8e8e8;
  border-radius: 10px;
  overflow: hidden;
}

.shipping-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #c5a059 0%, #a8823c 100%);
  border-radius: 10px;
  transition: width 0.6s ease;
}

.side-cart-body {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
}

.side-cart-body .woocommerce-mini-cart {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.side-cart-body .woocommerce-mini-cart-item {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  padding: 1rem 0 !important;
  border-bottom: 1px solid #eeeeee !important;
  position: relative !important;
  color: #16130f !important;
}

.side-cart-body .woocommerce-mini-cart-item img {
  width: 70px !important;
  height: 70px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  border: 1px solid #e5e5e5 !important;
}

.side-cart-body .woocommerce-mini-cart-item a:not(.remove) {
  color: #111111 !important;
  font-family: var(--font-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.side-cart-body .woocommerce-mini-cart-item .remove {
  color: #999999 !important;
  font-size: 1.25rem !important;
  text-decoration: none !important;
  margin-left: auto !important;
}

.side-cart-body .woocommerce-mini-cart-item .remove:hover {
  color: #e03131 !important;
}

.side-cart-body .woocommerce-mini-cart__total {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #111111 !important;
  padding: 1rem 0 !important;
  border-top: 2px dashed #eeeeee !important;
  margin-top: 1rem !important;
}

.side-cart-body .woocommerce-mini-cart__buttons {
  display: none !important;
}

.side-cart-body .widget_shopping_cart_content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* === CUSTOM SIDE CART ITEM LAYOUT & QUANTITY SELECTOR === */
.sultan-side-cart-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.side-cart-item {
  display: flex !important;
  align-items: center !important;
  gap: 1.1rem !important;
  padding-bottom: 1.25rem !important;
  border-bottom: 1px solid #eeeeee !important;
  position: relative !important;
}

.side-cart-item-thumb {
  flex: 0 0 75px !important;
  width: 75px !important;
  height: 75px !important;
}

.side-cart-item-thumb img,
.side-cart-item-img {
  width: 75px !important;
  height: 75px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  border: 1px solid #e5e5e5 !important;
  display: block !important;
}

.side-cart-item-info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.3rem !important;
}

.side-cart-item-title {
  font-family: var(--font-serif) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  color: #111111 !important;
  text-decoration: none !important;
}

.side-cart-item-price {
  font-size: 0.95rem !important;
  color: #c5a059 !important;
  font-weight: 600 !important;
}

/* Quantity Selector [ - 1 + ] */
.side-cart-qty-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #dddddd !important;
  border-radius: 6px !important;
  background: #fbfbfb !important;
  width: fit-content !important;
  margin-top: 0.3rem !important;
  overflow: hidden !important;
}

.cart-qty-btn {
  background: none !important;
  border: none !important;
  width: 30px !important;
  height: 30px !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  color: #333333 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.2s !important;
}

.cart-qty-btn:hover {
  background: #eeeeee !important;
}

.cart-qty-val {
  padding: 0 0.6rem !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #111111 !important;
}

.side-cart-item-remove {
  background: none !important;
  border: none !important;
  font-size: 1.4rem !important;
  line-height: 1 !important;
  color: #aaaaaa !important;
  cursor: pointer !important;
  padding: 0.25rem !important;
  transition: color 0.2s !important;
}

.side-cart-item-remove:hover {
  color: #e03131 !important;
}

/* === ABSOLUTE FIX FOR CHECKOUT ORDER SUMMARY & ITEM STACKING (SCREENSHOT 2 BUG) === */
.woocommerce-checkout table.shop_table,
.woocommerce-checkout table.shop_table tbody,
.woocommerce-checkout table.shop_table tr,
.wc-block-checkout table,
.wc-block-components-order-summary {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: manual !important;
}

.woocommerce-checkout table.shop_table tr {
  display: table-row !important;
  width: 100% !important;
}

.woocommerce-checkout table.shop_table td,
.woocommerce-checkout table.shop_table th {
  display: table-cell !important;
  vertical-align: middle !important;
  padding: 0.85rem 0.5rem !important;
}

.woocommerce-checkout table.shop_table td.product-name,
.woocommerce-checkout table.shop_table th.product-name,
.woocommerce-checkout .wc-block-components-product-name {
  width: 60% !important;
  max-width: 60% !important;
  text-align: left !important;
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  word-break: normal !important;
  word-wrap: break-word !important;
}

.woocommerce-checkout table.shop_table td.product-total,
.woocommerce-checkout table.shop_table th.product-total,
.woocommerce-checkout .wc-block-components-product-price {
  width: 40% !important;
  max-width: 40% !important;
  text-align: right !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  color: var(--clr-brass, #c5a059) !important;
}

/* === CRITICAL MOBILE & TABLET CHECKOUT OVERHAUL (FIXES SCREENSHOT 2 NARROW COLUMN BUG) === */
@media (max-width: 991px) {
  .woocommerce-checkout,
  .wc-block-checkout,
  form.woocommerce-checkout,
  #customer_details,
  #order_review,
  .woocommerce-checkout-review-order,
  .col-1,
  .col-2,
  .wc-block-checkout__main,
  .wc-block-checkout__sidebar,
  .wc-block-checkout__form,
  .wc-block-components-totals-wrapper,
  .wc-block-components-panel,
  .wc-block-components-order-summary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    float: none !important;
    box-sizing: border-box !important;
    display: block !important;
  }

  .woocommerce-checkout-review-order,
  #order_review,
  .wc-block-checkout__sidebar,
  .wc-block-components-totals-wrapper {
    padding: 1.25rem 1rem !important;
    margin-top: 1.5rem !important;
  }
}

/* Coupon Text Fix */
.woocommerce-checkout .checkout_coupon,
.woocommerce-checkout .woocommerce-form-coupon,
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .woocommerce-info,
.wc-block-components-totals-coupon,
.wc-block-components-panel__button {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  word-break: normal !important;
  line-height: 1.5 !important;
  font-size: 0.9rem !important;
}

.side-cart-body ul.cart_list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.side-cart-body ul.cart_list li {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
  border-bottom: 1px solid #f0f0f0;
}

.side-cart-body ul.cart_list li img {
  width: 75px;
  height: 75px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #eee;
}

.side-cart-footer {
  padding: 1.5rem;
  border-top: 1px solid #e5e5e5;
  background: #ffffff;
}

.btn-drawer-checkout {
  background: #000000;
  color: #ffffff !important;
  display: block;
  width: 100%;
  text-align: center;
  padding: 1.15rem 1.5rem;
  border-radius: 6px;
  font-family: var(--font-sans);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-decoration: none;
  transition: background 0.25s, transform 0.2s;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.btn-drawer-checkout:hover {
  background: #222222;
  transform: translateY(-2px);
}

.cart-subnote {
  font-size: 0.725rem;
  color: #777777;
  text-align: center;
  margin: 0.6rem 0 0;
}

/* Buy Now Single Product Button Styling */
.btn-buy-now-action {
  background: linear-gradient(135deg, #d4b274 0%, #a8823c 100%) !important;
  color: #16130f !important;
  border: none !important;
  font-weight: 700 !important;
  padding: 1rem 2rem !important;
  border-radius: 6px !important;
  width: 100% !important;
  margin-top: 0.75rem !important;
  cursor: pointer !important;
  transition: all 0.3s !important;
}

.btn-buy-now-action:hover {
  background: linear-gradient(135deg, #e6c88b 0%, #c5a059 100%) !important;
  box-shadow: 0 8px 25px rgba(168, 130, 60, 0.4) !important;
}

/* ==========================================================================
   SULTAN LUXURY DARK THEME CHECKOUT STYLES
   ========================================================================== */

.sultan-checkout-wrapper {
  max-width: 1240px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem 5rem;
  color: var(--clr-linen, #EDE7DC);
  box-sizing: border-box;
}

/* Page Header */
.sultan-checkout-header {
  margin-bottom: 2.5rem;
  text-align: left;
  border-bottom: 1px solid rgba(168, 130, 60, 0.2);
  padding-bottom: 1.5rem;
}

.sultan-checkout-title {
  font-family: var(--font-serif, 'Fraunces', serif);
  font-size: 2.5rem;
  font-weight: 300;
  color: var(--clr-linen, #EDE7DC);
  margin: 0 0 0.35rem 0;
  letter-spacing: -0.01em;
}

.sultan-checkout-subtitle {
  font-size: 0.95rem;
  font-family: var(--font-sans, 'Inter', sans-serif);
  color: rgba(237, 231, 220, 0.7);
  margin: 0;
}

/* Desktop Grid Layout */
@media (min-width: 992px) {
  .sultan-checkout-grid {
    display: grid !important;
    grid-template-columns: 1fr 440px !important;
    gap: 3rem !important;
    align-items: start !important;
  }

  .sultan-checkout-sidebar {
    position: sticky !important;
    top: calc(var(--nav-height, 72px) + 2rem) !important;
    z-index: 10 !important;
  }

  .sultan-mobile-summary-toggle-wrap {
    display: none !important;
  }
}

/* Mobile Accordion Summary */
@media (max-width: 991px) {
  .sultan-checkout-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
  }

  .sultan-mobile-summary-toggle-wrap {
    display: block !important;
    margin-bottom: 1.5rem !important;
    background: #120f0c !important;
    border: 1px solid rgba(168, 130, 60, 0.25) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  .sultan-mobile-summary-toggle {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 1.15rem 1.25rem !important;
    background: transparent !important;
    border: none !important;
    color: var(--clr-linen, #EDE7DC) !important;
    font-family: var(--font-sans) !important;
    font-size: 0.9rem !important;
    cursor: pointer !important;
  }

  .toggle-text-left {
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    color: var(--clr-brass, #c5a059) !important;
    font-weight: 600 !important;
  }

  .chevron-icon {
    transition: transform 0.3s ease !important;
  }

  .sultan-mobile-summary-toggle.is-active .chevron-icon {
    transform: rotate(180deg) !important;
  }

  .toggle-total-amount {
    font-weight: 700 !important;
    font-size: 1.05rem !important;
    color: var(--clr-linen, #EDE7DC) !important;
  }

  .sultan-mobile-summary-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: rgba(22, 19, 15, 0.6);
    border-top: 1px solid rgba(168, 130, 60, 0.15);
  }

  .sultan-summary-inner {
    padding: 1.25rem;
  }
}

/* Cards & Sections */
.sultan-checkout-card {
  background: #120f0c !important;
  border: 1.5px solid rgba(168, 130, 60, 0.35) !important;
  border-radius: 12px !important;
  padding: 2rem !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4) !important;
}

/* Mobile Checkout Proportions & Padding Adjustments (<768px) */
@media (max-width: 767px) {
  .sultan-checkout-wrapper,
  .woocommerce-checkout {
    padding: 1.25rem 0.65rem 4rem !important; /* Reduces outer side margins to ~10px so card fills 94-96% of screen */
  }

  .sultan-checkout-card {
    padding: 1.65rem 1.25rem !important; /* Comfortable internal card padding for form fields */
    border: 1.5px solid rgba(168, 130, 60, 0.38) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45), 0 0 20px rgba(197, 160, 89, 0.04) !important;
  }

  .sultan-checkout-header {
    margin-bottom: 1.5rem !important;
    padding-bottom: 1rem !important;
  }

  .sultan-checkout-title {
    font-size: 1.85rem !important;
  }
}

.sultan-section-header {
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  margin-bottom: 1.5rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid rgba(168, 130, 60, 0.15) !important;
}

.step-num {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #c5a059 0%, #a8823c 100%) !important;
  color: #120f0c !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.sultan-section-title {
  font-family: var(--font-serif, 'Fraunces', serif) !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  color: var(--clr-linen, #EDE7DC) !important;
  margin: 0 !important;
}

/* Coupon Accordion Box */
.sultan-checkout-coupon-wrap {
  margin-bottom: 1.75rem !important;
  background: #120f0c !important;
  border: 1px solid rgba(168, 130, 60, 0.25) !important;
  border-radius: 10px !important;
  padding: 1rem 1.25rem !important;
}

.sultan-coupon-toggle-btn {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: transparent !important;
  border: none !important;
  color: rgba(237, 231, 220, 0.85) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.9rem !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.coupon-toggle-label {
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
}

.coupon-toggle-label svg {
  color: var(--clr-brass, #c5a059) !important;
}

.coupon-toggle-label strong {
  color: var(--clr-brass, #c5a059) !important;
  font-weight: 600 !important;
}

.coupon-chevron {
  transition: transform 0.3s ease !important;
}

.sultan-coupon-toggle-btn.is-active .coupon-chevron {
  transform: rotate(180deg) !important;
}

.sultan-coupon-form {
  margin-top: 1rem !important;
  padding-top: 1rem !important;
  border-top: 1px dashed rgba(168, 130, 60, 0.2) !important;
}

.coupon-form-intro {
  font-size: 0.825rem !important;
  color: rgba(237, 231, 220, 0.6) !important;
  margin: 0 0 0.75rem 0 !important;
}

.sultan-coupon-input-group {
  display: flex !important;
  gap: 0.75rem !important;
}

.sultan-coupon-field {
  flex: 1 !important;
}

.sultan-btn-apply-coupon {
  background: linear-gradient(135deg, #c5a059 0%, #a8823c 100%) !important;
  color: #120f0c !important;
  font-weight: 700 !important;
  border: none !important;
  padding: 0 1.25rem !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* Input Fields Styling - Shopify-Style Crisp Inputs */
.woocommerce-checkout .form-row {
  margin-bottom: 1.25rem !important;
  padding: 0 !important;
}

.woocommerce-checkout .form-row label {
  display: block !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--clr-linen, #EDE7DC) !important;
  margin-bottom: 0.45rem !important;
}

.woocommerce-checkout .form-row label .required {
  color: #c5a059 !important;
  text-decoration: none !important;
}

.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout .select2-container--default .select2-selection--single {
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #d4c5b2 !important;
  border-radius: 8px !important;
  color: #1a1612 !important;
  font-family: var(--font-sans, 'Inter', sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  min-height: 50px !important;
  padding: 0.85rem 1rem !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.woocommerce-checkout input.input-text::placeholder,
.woocommerce-checkout textarea::placeholder {
  color: #887d70 !important;
  opacity: 1 !important;
}

.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout .select2-container--default .select2-selection--single:focus {
  border-color: var(--clr-brass, #c5a059) !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.3) !important;
  outline: none !important;
  background: #ffffff !important;
}

/* Select2 Dropdown Overrides */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #1a1612 !important;
  line-height: 48px !important;
  padding-left: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
}

.select2-dropdown {
  background: #ffffff !important;
  border: 1px solid #d4c5b2 !important;
  color: #1a1612 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: rgba(168, 130, 60, 0.15) !important;
  color: #1a1612 !important;
}

/* Sticky Order Summary Card */
.sultan-sticky-summary-card {
  background: #120f0c !important;
  border: 1px solid rgba(168, 130, 60, 0.25) !important;
  border-radius: 12px !important;
  padding: 1.75rem !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

.sultan-summary-card-title {
  font-family: var(--font-serif, 'Fraunces', serif) !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  color: var(--clr-linen, #EDE7DC) !important;
  margin: 0 0 1.25rem 0 !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid rgba(168, 130, 60, 0.15) !important;
}

/* Review Order Table - 375px Mobile Width Overflow Fix */
.sultan-order-table,
.woocommerce-checkout table.shop_table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  margin-bottom: 1.5rem !important;
  box-sizing: border-box !important;
}

.sultan-order-table tr,
.woocommerce-checkout table.shop_table tr {
  border-bottom: 1px solid rgba(168, 130, 60, 0.12) !important;
}

.sultan-order-table td,
.sultan-order-table th,
.woocommerce-checkout table.shop_table td,
.woocommerce-checkout table.shop_table th {
  padding: 0.85rem 0 !important;
  vertical-align: middle !important;
  color: rgba(237, 231, 220, 0.85) !important;
  font-size: 0.9rem !important;
  box-sizing: border-box !important;
}

.sultan-order-table th.product-name,
.sultan-order-table td.product-name,
.woocommerce-checkout table.shop_table th.product-name,
.woocommerce-checkout table.shop_table td.product-name {
  width: 60% !important;
  max-width: 60% !important;
  text-align: left !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  padding-right: 0.5rem !important;
}

.sultan-order-table td.product-total,
.sultan-order-table th.product-total,
.sultan-order-table tfoot td,
.woocommerce-checkout table.shop_table td.product-total,
.woocommerce-checkout table.shop_table tfoot td {
  width: 40% !important;
  max-width: 40% !important;
  text-align: right !important;
  white-space: nowrap !important;
  word-break: normal !important;
  padding-left: 0.25rem !important;
  font-size: 0.9rem !important;
  color: var(--clr-brass, #c5a059) !important;
  font-weight: 600 !important;
}

/* Order Item Row Details */
.sultan-checkout-item-details {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

.sultan-checkout-item-thumb {
  position: relative !important;
  flex: 0 0 50px !important;
  width: 50px !important;
  height: 50px !important;
}

.sultan-checkout-item-img {
  width: 50px !important;
  height: 50px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  border: 1px solid rgba(168, 130, 60, 0.25) !important;
  display: block !important;
}

.sultan-checkout-item-qty {
  position: absolute !important;
  top: -6px !important;
  right: -6px !important;
  background: var(--clr-brass, #c5a059) !important;
  color: #120f0c !important;
  font-weight: 700 !important;
  font-size: 0.75rem !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.sultan-checkout-item-info {
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
  overflow: hidden !important;
}

.sultan-checkout-item-name {
  font-family: var(--font-serif, 'Fraunces', serif) !important;
  font-size: 0.9rem !important;
  color: var(--clr-linen, #EDE7DC) !important;
  line-height: 1.3 !important;
}

.sultan-order-table tr.order-total th,
.sultan-order-table tr.order-total td {
  font-size: 1.25rem !important;
  font-family: var(--font-serif, 'Fraunces', serif) !important;
  color: var(--clr-brass, #c5a059) !important;
  font-weight: 600 !important;
  padding-top: 1.25rem !important;
  border-top: 1px solid rgba(168, 130, 60, 0.25) !important;
  border-bottom: none !important;
}

/* Payment Methods Section - Shopify-Style Card Rows */
#payment,
.woocommerce-checkout-payment {
  background: rgba(237, 231, 220, 0.02) !important;
  border: 1px solid rgba(168, 130, 60, 0.2) !important;
  border-radius: 10px !important;
  padding: 1.25rem !important;
  margin-top: 1.5rem !important;
}

#payment ul.payment_methods {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 1.25rem 0 !important;
  border-bottom: 1px solid rgba(168, 130, 60, 0.15) !important;
}

#payment ul.payment_methods li {
  background: rgba(237, 231, 220, 0.03) !important;
  border: 1px solid rgba(168, 130, 60, 0.25) !important;
  border-radius: 8px !important;
  padding: 1rem 1.25rem !important;
  margin-bottom: 0.75rem !important;
  transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

#payment ul.payment_methods li:hover,
#payment ul.payment_methods li.wc_payment_method:has(input:checked) {
  border-color: var(--clr-brass, #c5a059) !important;
  background: rgba(168, 130, 60, 0.08) !important;
}

#payment ul.payment_methods label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  color: var(--clr-linen, #EDE7DC) !important;
  cursor: pointer !important;
}

#payment div.payment_box {
  background: rgba(168, 130, 60, 0.06) !important;
  border-top: 1px solid rgba(168, 130, 60, 0.2) !important;
  border-radius: 6px !important;
  padding: 0.85rem 1rem !important;
  margin-top: 0.75rem !important;
  font-size: 0.85rem !important;
  line-height: 1.5 !important;
  color: rgba(237, 231, 220, 0.85) !important;
}

/* Primary CTA Place Order Button */
#place_order,
button#place_order,
.sultan-checkout-form #place_order {
  display: block !important;
  width: 100% !important;
  min-height: 52px !important;
  background: linear-gradient(135deg, #c5a059 0%, #a8823c 100%) !important;
  color: #120f0c !important;
  font-family: var(--font-sans) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 18px rgba(168, 130, 60, 0.35) !important;
  cursor: pointer !important;
  margin-top: 1.25rem !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

#place_order:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(168, 130, 60, 0.45) !important;
}

/* Trust Signals */
.sultan-checkout-trust-signals {
  margin-top: 1.75rem !important;
  padding-top: 1.25rem !important;
  border-top: 1px solid rgba(168, 130, 60, 0.15) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

.trust-signal-item {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  font-size: 0.8rem !important;
  color: rgba(237, 231, 220, 0.75) !important;
}

.trust-signal-item svg {
  color: var(--clr-brass, #c5a059) !important;
  flex-shrink: 0 !important;
}

/* Terms and Conditions Notice */
.woocommerce-privacy-policy-text,
.woocommerce-terms-and-conditions-wrapper {
  font-size: 0.775rem !important;
  color: rgba(237, 231, 220, 0.6) !important;
  line-height: 1.45 !important;
  margin-top: 1rem !important;
}

.woocommerce-privacy-policy-text a,
.woocommerce-terms-and-conditions-wrapper a {
  color: var(--clr-brass, #c5a059) !important;
  text-decoration: underline !important;
}

/* ==========================================================================
   HIGH CONTRAST & RELIABLE OPACITY SIDE CART DRAWER STYLES
   ========================================================================== */

#side-cart-drawer,
aside.side-cart-drawer,
.side-cart-drawer {
  background: #120f0c !important;
  color: #EDE7DC !important;
  border-left: 1px solid rgba(168, 130, 60, 0.25) !important;
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s ease, visibility 0.4s ease !important;
}

#side-cart-drawer.is-open,
aside.side-cart-drawer.is-open,
.side-cart-drawer.is-open {
  transform: translateX(0) !important;
  visibility: visible !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

.side-cart-header {
  padding: 1.25rem 1.5rem !important;
  border-bottom: 1px solid rgba(168, 130, 60, 0.2) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: #16130f !important;
  opacity: 1 !important;
}

.side-cart-title {
  font-family: var(--font-serif) !important;
  font-size: 1.35rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
  color: #EDE7DC !important;
  opacity: 1 !important;
}

.close-cart-btn {
  background: none !important;
  border: none !important;
  font-size: 2rem !important;
  line-height: 1 !important;
  color: rgba(237, 231, 220, 0.8) !important;
  cursor: pointer !important;
  padding: 0 !important;
  opacity: 1 !important;
}

.close-cart-btn:hover {
  color: #c5a059 !important;
}

.free-shipping-bar-wrap {
  background: rgba(237, 231, 220, 0.04) !important;
  padding: 1rem 1.5rem !important;
  border-bottom: 1px solid rgba(168, 130, 60, 0.2) !important;
  opacity: 1 !important;
}

.free-shipping-text {
  font-size: 0.85rem !important;
  color: #EDE7DC !important;
  margin: 0 0 0.6rem !important;
  text-align: center !important;
  opacity: 1 !important;
}

.free-shipping-text strong {
  color: #c5a059 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

.shipping-progress-track {
  height: 8px !important;
  background: rgba(237, 231, 220, 0.1) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  opacity: 1 !important;
}

.shipping-progress-fill {
  height: 100% !important;
  background: linear-gradient(90deg, #c5a059 0%, #a8823c 100%) !important;
  border-radius: 10px !important;
  opacity: 1 !important;
}

.side-cart-body {
  flex: 1 !important;
  overflow-y: auto !important;
  padding: 1.5rem !important;
  opacity: 1 !important;
}

.side-cart-item {
  display: flex !important;
  align-items: center !important;
  gap: 1.1rem !important;
  padding-bottom: 1.25rem !important;
  margin-bottom: 1.25rem !important;
  border-bottom: 1px solid rgba(168, 130, 60, 0.15) !important;
  position: relative !important;
  opacity: 1 !important;
}

.side-cart-item-title {
  font-family: var(--font-serif) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  color: #EDE7DC !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

.side-cart-item-price {
  font-size: 0.95rem !important;
  color: #c5a059 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

.side-cart-qty-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid rgba(168, 130, 60, 0.3) !important;
  border-radius: 6px !important;
  background: rgba(237, 231, 220, 0.05) !important;
  width: fit-content !important;
  margin-top: 0.3rem !important;
  overflow: hidden !important;
  opacity: 1 !important;
}

.cart-qty-btn {
  background: none !important;
  border: none !important;
  width: 32px !important;
  height: 32px !important;
  font-size: 1.1rem !important;
  line-height: 1 !important;
  color: #EDE7DC !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
}

.cart-qty-btn:hover {
  background: rgba(168, 130, 60, 0.2) !important;
  color: #c5a059 !important;
}

.cart-qty-val {
  padding: 0 0.75rem !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #EDE7DC !important;
  opacity: 1 !important;
}

.side-cart-item-remove {
  background: none !important;
  border: none !important;
  font-size: 1.5rem !important;
  line-height: 1 !important;
  color: rgba(237, 231, 220, 0.5) !important;
  cursor: pointer !important;
  padding: 0.25rem !important;
  opacity: 1 !important;
}

.side-cart-item-remove:hover {
  color: #ff6b6b !important;
}

.side-cart-footer {
  padding: 1.5rem !important;
  border-top: 1px solid rgba(168, 130, 60, 0.2) !important;
  background: #16130f !important;
  opacity: 1 !important;
}

.cart-subnote {
  font-size: 0.775rem !important;
  color: rgba(237, 231, 220, 0.6) !important;
  text-align: center !important;
  margin: 0.65rem 0 0 !important;
  opacity: 1 !important;
}

/* ==========================================================================
   STRICT MOBILE HORIZONTAL OVERFLOW PREVENTION & BOUNDARY ENFORCEMENT
   ========================================================================== */

.sultan-checkout-page-main,
.sultan-checkout-wrapper,
.sultan-checkout-form,
.sultan-checkout-grid,
.sultan-checkout-main,
.sultan-checkout-card,
.sultan-form-section,
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Fix standard WooCommerce negative margins on form-row & select2 overflow */
.form-row,
.woocommerce-form-row,
.form-row-first,
.form-row-last,
.form-row-wide {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  float: none !important;
}

@media (min-width: 600px) {
  .form-row-first {
    width: 48% !important;
    float: left !important;
  }
  .form-row-last {
    width: 48% !important;
    float: right !important;
  }
}

.sultan-checkout-form input[type="text"],
.sultan-checkout-form input[type="email"],
.sultan-checkout-form input[type="tel"],
.sultan-checkout-form input[type="password"],
.sultan-checkout-form select,
.sultan-checkout-form textarea,
.select2-container,
.select2-container--default .select2-selection--single,
.woocommerce-input-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease !important;
}

.sultan-checkout-form input:focus,
.sultan-checkout-form select:focus,
.sultan-checkout-form textarea:focus {
  border-color: var(--clr-brass, #c5a059) !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.2) !important;
  outline: none !important;
}

/* Table boundaries */
.sultan-checkout-form table,
.woocommerce-shipping-totals,
.sultan-order-table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   SHOPIFY-STYLE CHECKOUT VISUAL REBUILD & DESIGN SYSTEM TOKENS
   ========================================================================== */

:root {
  --sultan-card-bg: rgba(237, 231, 220, 0.03);
  --sultan-card-border: 1px solid rgba(168, 130, 60, 0.25);
  --sultan-card-radius: 12px;
  --sultan-card-padding: 1.15rem 1.25rem;
  --sultan-active-bg: rgba(50, 120, 70, 0.08);
  --sultan-active-border: #2d5a3f;
}

/* Section Headings */
.sultan-shopify-checkout .sultan-section-title {
  font-family: var(--font-sans, 'Inter', sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: var(--clr-linen, #EDE7DC) !important;
  margin: 0 !important;
}

.sultan-shopify-checkout .sultan-section-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.85rem !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

.sultan-signin-link {
  font-size: 0.85rem !important;
  color: var(--clr-brass, #c5a059) !important;
  text-decoration: underline !important;
}

.sultan-section-subtext {
  font-size: 0.85rem !important;
  color: rgba(237, 231, 220, 0.65) !important;
  margin: 0.25rem 0 1rem 0 !important;
}

/* Checkbox Rows - Zero Overlap Guarantee */
.sultan-checkbox-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin: 0.85rem 0 1.25rem 0 !important;
  padding: 0 !important;
  clear: both !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.sultan-checkbox-row input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  accent-color: var(--sultan-active-border) !important;
  margin: 0 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

.sultan-checkbox-row label {
  font-size: 0.9rem !important;
  color: var(--clr-linen, #EDE7DC) !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  margin: 0 !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
}

/* CONSOLIDATED CARD SCALE (Shipping, Payment, Billing Cards) */
.sultan-shipping-method-box,
.sultan-section-shipping-method ul#shipping_method li,
#payment ul.payment_methods li,
.sultan-billing-radio-item {
  background: var(--sultan-card-bg) !important;
  border: var(--sultan-card-border) !important;
  border-radius: var(--sultan-card-radius) !important;
  padding: var(--sultan-card-padding) !important;
  margin-bottom: 0.85rem !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

/* Selected State for Cards */
.sultan-shipping-method-box,
.sultan-section-shipping-method ul#shipping_method li:has(input:checked),
#payment ul.payment_methods li:has(input:checked),
#payment ul.payment_methods li:hover,
.sultan-billing-radio-item:has(input:checked) {
  background: var(--sultan-active-bg) !important;
  border-color: var(--sultan-active-border) !important;
}

.shipping-method-name,
#payment ul.payment_methods label,
.sultan-billing-radio-item span {
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  color: var(--clr-linen, #EDE7DC) !important;
}

.shipping-method-price {
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  color: var(--clr-brass, #c5a059) !important;
}

#payment ul.payment_methods input[type="radio"],
.sultan-billing-radio-item input[type="radio"] {
  accent-color: var(--sultan-active-border) !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 0.75rem 0 0 !important;
  flex-shrink: 0 !important;
}

/* Billing Address Radio Group Container */
.sultan-billing-radio-group {
  background: transparent !important;
  border: none !important;
  margin-bottom: 1.25rem !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.sultan-billing-radio-item {
  border-bottom: var(--sultan-card-border) !important;
}

/* Prominent Full-Width Pay Now / Place Order Button */
#place_order,
button#place_order,
.sultan-checkout-form #place_order {
  display: block !important;
  width: 100% !important;
  min-height: 54px !important;
  background: #000000 !important;
  color: #ffffff !important;
  font-family: var(--font-sans) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  border: 1px solid var(--sultan-active-border) !important;
  border-radius: var(--sultan-card-radius) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4) !important;
  cursor: pointer !important;
  margin-top: 1.5rem !important;
  margin-bottom: 1rem !important;
  transition: transform 0.2s ease, background 0.2s ease !important;
}

#place_order:hover,
button#place_order:hover {
  background: #1a1a1a !important;
  transform: translateY(-1px) !important;
}

/* Footer Policy Links */
.sultan-checkout-footer-links {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 1.25rem !important;
  margin-top: 2rem !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid rgba(168, 130, 60, 0.15) !important;
  font-size: 0.8rem !important;
}

.sultan-checkout-footer-links a {
  color: rgba(237, 231, 220, 0.6) !important;
  text-decoration: underline !important;
}

.sultan-checkout-footer-links a:hover {
  color: var(--clr-brass, #c5a059) !important;
}

/* ==========================================================================
   SHOP ARCHIVE PAGE & LUXURY PRODUCT CARD REDESIGN
   ========================================================================== */

.sultan-shop-archive-header {
  background: radial-gradient(circle at top center, rgba(168, 130, 60, 0.12) 0%, transparent 70%), #120f0c !important;
  padding: calc(var(--nav-height, 72px) + 3.5rem) 1.5rem 2.5rem !important;
  text-align: center !important;
  border-bottom: 1px solid rgba(168, 130, 60, 0.15) !important;
}

.sultan-shop-archive-header-inner {
  max-width: 1280px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* 4. Breadcrumb Navigation */
.sultan-shop-breadcrumbs {
  margin-bottom: 1.25rem !important;
}

.sultan-breadcrumb-list,
.woocommerce-breadcrumb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-family: var(--font-sans, 'Inter', sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(237, 231, 220, 0.6) !important;
}

.sultan-breadcrumb-list a,
.woocommerce-breadcrumb a {
  color: rgba(237, 231, 220, 0.6) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.sultan-breadcrumb-list a:hover,
.woocommerce-breadcrumb a:hover {
  color: #c5a059 !important;
}

.breadcrumb-separator {
  color: #c5a059 !important;
  font-weight: 600 !important;
  padding: 0 0.15rem !important;
}

.woocommerce-products-header__title {
  font-family: var(--font-serif, 'Fraunces', serif) !important;
  font-size: clamp(2.2rem, 5vw, 3.5rem) !important;
  color: var(--clr-linen, #EDE7DC) !important;
  margin: 0 0 1rem 0 !important;
  letter-spacing: 0.02em !important;
}

/* 5. Horizontal Category Filter Pills */
.sultan-category-filter-bar {
  width: 100% !important;
  margin-top: 1.5rem !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}

.sultan-category-filter-bar::-webkit-scrollbar {
  display: none !important;
}

.sultan-filter-pills {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  margin: 0 !important;
  padding: 0.25rem 0.5rem !important;
  list-style: none !important;
  width: max-content !important;
  margin: 0 auto !important;
}

.filter-pill-item {
  margin: 0 !important;
}

.filter-pill-link {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.55rem 1.25rem !important;
  border-radius: 50px !important;
  font-family: var(--font-sans, 'Inter', sans-serif) !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  color: rgba(237, 231, 220, 0.85) !important;
  background: rgba(22, 19, 15, 0.6) !important;
  border: 1px solid rgba(168, 130, 60, 0.25) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.25s ease !important;
}

.filter-pill-link:hover {
  border-color: #c5a059 !important;
  color: #c5a059 !important;
  background: rgba(168, 130, 60, 0.1) !important;
}

.filter-pill-item.is-active .filter-pill-link {
  background: linear-gradient(135deg, #c5a059 0%, #a8823c 100%) !important;
  color: #120f0c !important;
  font-weight: 700 !important;
  border-color: #c5a059 !important;
  box-shadow: 0 4px 15px rgba(197, 160, 89, 0.3) !important;
}

/* Shop Container */
.sultan-shop-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 3rem 1.5rem 6rem !important;
  box-sizing: border-box !important;
}

.sultan-shop-controls {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 0 0 3rem 0 !important;
  padding: 1rem 1.5rem !important;
  background: var(--clr-surface-tint, rgba(237, 231, 220, 0.03)) !important;
  border: var(--border-subtle, 1px solid rgba(168, 130, 60, 0.20)) !important;
  border-radius: var(--radius-md, 12px) !important;
  box-shadow: var(--shadow-resting, 0 8px 24px rgba(0, 0, 0, 0.35)) !important;
  gap: 1rem !important;
  clear: both !important;
}

.woocommerce-result-count {
  font-size: 0.85rem !important;
  font-family: var(--font-sans, 'Inter', sans-serif) !important;
  color: rgba(237, 231, 220, 0.7) !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  align-self: center !important;
}

.woocommerce-ordering {
  margin: 0 !important;
}

/* 3. Restyled Sorting Dropdown */
.woocommerce-ordering select,
select.orderby {
  background-color: #16130f !important;
  color: #EDE7DC !important;
  border: 1px solid rgba(168, 130, 60, 0.35) !important;
  border-radius: 8px !important;
  padding: 0.65rem 2.5rem 0.65rem 1.15rem !important;
  font-size: 0.85rem !important;
  font-family: var(--font-sans, 'Inter', sans-serif) !important;
  font-weight: 500 !important;
  outline: none !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url('data:image/svg+xml;utf8,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1l5 5 5-5" stroke="%23c5a059" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.woocommerce-ordering select:hover,
select.orderby:hover,
.woocommerce-ordering select:focus,
select.orderby:focus {
  border-color: #c5a059 !important;
  box-shadow: 0 4px 16px rgba(197, 160, 89, 0.25) !important;
}

/* 7. Responsive Product Card Grid (Handles 1, 3, 5, 8+ products cleanly) */
ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 2rem !important;
  padding: 0 !important;
  margin: 3rem 0 4rem 0 !important;
  list-style: none !important;
  clear: both !important;
}

@media (min-width: 1024px) {
  ul.products {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 2rem !important;
  }
}

@media (max-width: 767px) {
  ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
  }

  .sultan-shop-container {
    padding: 1.5rem 1rem 4rem !important;
  }

  .sultan-shop-controls {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 1rem !important;
    padding: 1.25rem 1rem !important;
  }

  .sultan-shop-controls .woocommerce-result-count {
    text-align: center !important;
    margin-bottom: 0.25rem !important;
  }

  .sultan-shop-controls .woocommerce-ordering,
  .sultan-shop-controls .woocommerce-ordering select,
  .sultan-shop-controls select.orderby {
    width: 100% !important;
  }

  .sultan-filter-pills {
    justify-content: flex-start !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* 1. GIVE EACH PRODUCT A PROPER FULLY CONTAINED CARD */
ul.products li.product,
li.product.sultan-product-card,
.sultan-product-card-inner {
  background: #16130f !important;
  border: 1.5px solid rgba(168, 130, 60, 0.28) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

ul.products li.product:hover,
li.product.sultan-product-card:hover,
.sultan-product-card-inner:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(197, 160, 89, 0.6) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(197, 160, 89, 0.15) !important;
}

.sultan-product-thumb-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;
  background: #120f0c !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-radius: 12px 12px 0 0 !important;
}

.sultan-product-link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

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

ul.products li.product:hover .sultan-product-img,
li.product.sultan-product-card:hover .sultan-product-img {
  transform: scale(1.05) !important;
}

/* SVG Line-Art Placeholder for Products Without Image (Contained seamlessly within card) */
.sultan-product-placeholder-wrap {
  width: 100% !important;
  height: 100% !important;
  background: radial-gradient(circle at center, rgba(168, 130, 60, 0.08) 0%, #120f0c 75%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  padding: 1.5rem !important;
  border: none !important;
}

.sultan-product-placeholder-icon {
  filter: drop-shadow(0 2px 8px rgba(197, 160, 89, 0.2)) !important;
}

.sultan-placeholder-brand {
  font-family: var(--font-sans) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.2em !important;
  color: var(--clr-brass, #c5a059) !important;
  text-transform: uppercase !important;
  opacity: 0.8 !important;
}

/* Pinned Sale Tag (Top-Left of Image) */
.sultan-sale-ribbon,
ul.products li.product .onsale {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  background: linear-gradient(135deg, #c5a059 0%, #a8823c 100%) !important;
  color: #120f0c !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  padding: 0.25rem 0.65rem !important;
  border-radius: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  z-index: 4 !important;
  margin: 0 !important;
}

/* Pill Quick Add-to-Cart Button (Anchored Bottom Center of Image) */
.sultan-quick-add-wrap {
  position: absolute !important;
  bottom: 15px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 10 !important;
  width: 90% !important;
}

.sultan-quick-add-wrap a.button,
.sultan-quick-add-wrap a.add_to_cart_button,
.sultan-quick-add-wrap .button {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background-color: #c5a059 !important;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
  position: relative !important;
  border: 1px solid rgba(237, 231, 220, 0.3) !important;
  transition: transform 0.25s ease, background-color 0.25s ease !important;
  padding: 0 !important;
  margin: 0 !important;
}

.sultan-quick-add-wrap a.button::after,
.sultan-quick-add-wrap a.add_to_cart_button::after,
.sultan-quick-add-wrap .button::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin-top: -11px !important;
  margin-left: -11px !important;
  width: 22px !important;
  height: 22px !important;
  background-color: #120f0c !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M21.822%207.431A1%201%200%200%200%2021%207H7.333L6.179%204.23A1.994%201.994%200%200%200%204.333%203H2v2h2.333l4.744%2011.385A1%201%200%200%200%2010%2017h8c.417%200%20.79-.259.937-.648l3-8a1%201%200%200%200-.115-.921z%27%2F%3E%3Ccircle%20cx%3D%2710.5%27%20cy%3D%2719.5%27%20r%3D%271.5%27%2F%3E%3Ccircle%20cx%3D%2717.5%27%20cy%3D%2719.5%27%20r%3D%271.5%27%2F%3E%3C%2Fsvg%3E") !important;
  -webkit-mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-image: url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M21.822%207.431A1%201%200%200%200%2021%207H7.333L6.179%204.23A1.994%201.994%200%200%200%204.333%203H2v2h2.333l4.744%2011.385A1%201%200%200%200%2010%2017h8c.417%200%20.79-.259.937-.648l3-8a1%201%200%200%200-.115-.921z%27%2F%3E%3Ccircle%20cx%3D%2710.5%27%20cy%3D%2719.5%27%20r%3D%271.5%27%2F%3E%3Ccircle%20cx%3D%2717.5%27%20cy%3D%2719.5%27%20r%3D%271.5%27%2F%3E%3C%2Fsvg%3E") !important;
  mask-size: contain !important;
  mask-repeat: no-repeat !important;
  transition: transform 0.2s ease !important;
}

.sultan-quick-add-wrap a.button:hover {
  transform: scale(1.12) !important;
  background-color: #e5b967 !important;
}

.sultan-quick-add-wrap a.button:hover::after {
  transform: rotate(5deg) scale(1.1) !important;
}

.sultan-quick-add-wrap a.added_to_cart {
  display: none !important;
}

/* ==========================================================================
   GLOBAL PLACEHOLDER IMAGE & BLOCK CROSS-SELL STYLING
   ========================================================================== */

.wc-block-grid__product-image img[src*="placeholder"],
.wc-block-components-product-image img[src*="placeholder"],
.woocommerce img[src*="placeholder"],
img.sultan-placeholder-img,
img.attachment-woocommerce_thumbnail[src*="sultan-placeholder"] {
  object-fit: cover !important;
  background: #120f0c !important;
  border: 1px dashed rgba(168, 130, 60, 0.25) !important;
  border-radius: 12px !important;
}

/* Product Details Typography & Swatches */
.sultan-product-details {
  padding: 1rem 1.15rem 1.25rem !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.sultan-product-title,
h2.woocommerce-loop-product__title {
  font-family: var(--font-serif, 'Fraunces', serif) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  color: #EDE7DC !important;
  margin: 0 0 0.35rem 0 !important;
  line-height: 1.35 !important;
}

.sultan-product-title a {
  color: #EDE7DC !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.sultan-product-title a:hover {
  color: #c5a059 !important;
}

/* Star Rating */
.sultan-product-rating {
  margin-bottom: 0.35rem !important;
}

.star-rating,
.sultan-product-rating .star-rating {
  font-size: 0.85rem !important;
  color: #c5a059 !important;
}

.star-rating span::before {
  color: #c5a059 !important;
}

/* Swatches Preview Dots */
.sultan-product-swatches-preview {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  margin-bottom: 0.5rem !important;
}

.sultan-swatch-dot {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: rgba(197, 160, 89, 0.6) !important;
  border: 1px solid rgba(237, 231, 220, 0.3) !important;
  display: inline-block !important;
}

/* 2. Price Display (Allow Wrap for Currency & Amount) */
.sultan-product-price-wrap,
ul.products li.product .price,
.price,
.woocommerce-Price-amount,
.woocommerce-Price-currencySymbol,
ul.products li.product .price bdi,
ul.products li.product .price span {
  white-space: normal !important;
  word-break: normal !important;
}

.sultan-product-price-wrap {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
  margin-top: auto !important;
  overflow: visible !important;
}

ul.products li.product .price {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #c5a059 !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  white-space: normal !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 0.35rem !important;
  align-items: baseline !important;
  gap: 0.35rem !important;
}

@media (max-width: 480px) {
  ul.products li.product .price {
    font-size: 0.95rem !important;
    white-space: nowrap !important;
  }
}

ul.products li.product .price del {
  color: rgba(237, 231, 220, 0.4) !important;
  font-size: 0.85rem !important;
  margin-right: 0.35rem !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

ul.products li.product .price ins {
  text-decoration: none !important;
  color: #c5a059 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* Luxury No Products Found Box */
.sultan-no-products-box {
  background: rgba(237, 231, 220, 0.03) !important;
  border: 1px solid rgba(168, 130, 60, 0.2) !important;
  border-radius: 16px !important;
  padding: 4rem 2rem !important;
  text-align: center !important;
  max-width: 600px !important;
  margin: 3rem auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 1rem !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
}

.sultan-no-products-box h2 {
  font-family: var(--font-serif, 'Fraunces', serif) !important;
  font-size: 1.6rem !important;
  color: #EDE7DC !important;
  margin: 0 !important;
}

.sultan-no-products-box p {
  font-family: var(--font-sans, 'Inter', sans-serif) !important;
  font-size: 0.95rem !important;
  color: rgba(237, 231, 220, 0.7) !important;
  margin: 0 0 1rem 0 !important;
  line-height: 1.6 !important;
}

/* ==========================================================================
   OUR COLLECTIONS DYNAMIC PRODUCT CAROUSEL
   ========================================================================== */

.sultan-carousel-wrapper {
  position: relative !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.sultan-carousel-track {
  display: flex !important;
  gap: 1.5rem !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding: 0.5rem 0.25rem 1.5rem 0.25rem !important;
}

.sultan-carousel-track::-webkit-scrollbar {
  display: none !important;
}

.sultan-carousel-track.is-centered {
  justify-content: center !important;
}

.sultan-carousel-slide {
  scroll-snap-align: start !important;
  flex: 0 0 84% !important; /* Mobile: 1 card + peek of next card */
  max-width: 320px !important;
  list-style: none !important;
}

@media (min-width: 640px) {
  .sultan-carousel-slide {
    flex: 0 0 46% !important; /* Tablet: ~2 cards */
  }
}

@media (min-width: 1024px) {
  .sultan-carousel-slide {
    flex: 0 0 23.5% !important; /* Desktop: 4 cards */
  }
}

/* Carousel Arrow Navigation Buttons */
.sultan-carousel-arrow {
  position: absolute !important;
  top: 45% !important;
  transform: translateY(-50%) !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: #16130f !important;
  border: 1px solid rgba(168, 130, 60, 0.4) !important;
  color: #c5a059 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 20 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
  transition: all 0.25s ease !important;
}

.sultan-carousel-arrow:hover {
  background: #c5a059 !important;
  color: #120f0c !important;
  border-color: #c5a059 !important;
  transform: translateY(-50%) scale(1.08) !important;
}

.sultan-carousel-arrow.arrow-prev {
  left: -20px !important;
}

.sultan-carousel-arrow.arrow-next {
  right: -20px !important;
}

@media (max-width: 767px) {
  .sultan-carousel-arrow {
    display: none !important; /* Native touch swipe on mobile */
  }
}

/* Carousel Dot Indicators */
.sultan-carousel-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  margin-top: 1rem !important;
}

.carousel-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: rgba(237, 231, 220, 0.25) !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.carousel-dot.is-active {
  width: 24px !important;
  border-radius: 12px !important;
  background: #c5a059 !important;
}