/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

:root {
  --primary: #B98D58;
  --secondary: #2E2E2E;
  --text: #253D4E;
  --black: #000;
  --light-black: #1f1f1f;
  --gray: #616368;
  --light-gray: #f6f6f6;
  --white: #fff;
  --error: #ff0000;
  --success: #4caf50;
  --transition: all 0.3s ease-in-out;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
}
p {
  margin: 0 0 1rem;
}
a,
a:hover,
button,
button:hover,
i,
h1,
h2,
h3,
h4,
h5,
h6,
li {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

i {
  transition: unset;
}

:focus {
  outline: 0px !important;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

body::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}

body::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
}
ul.slick-dots {
  left: 0;
  right: 0;
  margin: 0 auto !important;
  bottom: -5% !important;
  z-index: 9;
}

ul.slick-dots li {
  background: #bc8f8f;
  border-radius: 5px !important;
  width: 1rem;
  height: 5px;
  opacity: 0.2;
}

ul.slick-dots li.slick-active {
  background: var(--primary);
  width: 4rem !important;
  opacity: 1;
}

ul.slick-dots button {
  display: none;
}
@media (max-width: 767px) {
  p#breadcrumbs {
    font-size: 14px !important;
  }
}
.post-containter ul,
.post-containter ol {
  margin: 20px 0;
}
.post-containter img {
  height: 600px;
  object-fit: cover;
  border-radius: 20px;
}
.post-containter a {
  color: var(--secondary);
  text-decoration: underline;
}
.post-containter a:hover {
  color: var(--primary);
}
.post-containter h2,
.post-containter h3,
.post-containter h4,
.post-containter h5,
.post-containter h6 {
  font-family: "Butler", sans-serif;
  margin: 20px 0;
}
/* ==========================
	GLOBAL STYLES START  
=============================*/

/* ===============================
	HEAD & BUTTON STYLES START  
==================================*/

.section {
  position: relative;
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
@media (max-width: 767px) {
  .section {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

.swiper-pagination {
  display: none;
  margin-top: 2rem;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 1rem !important;
  height: 5px !important;
  transition: var(--transition);
  border-radius: 0 !important;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--primary);
  width: 4rem !important;
  border-radius: 5px !important;
}

.swiper-pagination .swiper-pagination-bullet {
  background: #bc8f8f;
}
@media (max-width: 767px) {
  .elementor-swiper-button {
    display: none !important;
  }
  .swiper-pagination {
    display: block;
  }
}

.elementor-heading-title span {
  color: var(--primary);
}

.primary-btn a {
  background: var(--secondary) !important;
  padding: 20px 52px;
  font-weight: 500;
  letter-spacing: 1px;
  border-radius: 4px;
  text-transform: uppercase;
}
.primary-btn a:hover {
  background: var(--primary) !important;
}

@media (max-width: 767px) {
  .primary-btn a {
    padding: 16px 33px;
    font-size: 14px;
  }
}

@media (min-width: 992px) {
  .bg-fixed {
    background-attachment: fixed;
  }
}

/* ===============================
	HEAD & BUTTON STYLES END  
==================================*/

/* ===============================
	HOME STYLES START  
==================================*/


@media (min-width: 1200px) {
    
.shape-circle:after {
    position: absolute;
    content: '';
    background-image: url(/wp-content/uploads/2026/03/banner-shape-01.webp);
    background-repeat: no-repeat;
    background-position: center right;
    width: 707px;
    height: 888px;
    pointer-events: none;
    top: 0;
    right: 0;
    left: unset;
}
.shape-circle {
    overflow: hidden;
}
.shape-circle:before {
    z-index: 9;
    pointer-events: none;
}
}
.elementor-widget-woocommerce-product-price p.price {
    margin: 0;
    font-weight: 800;
    color: #fff;
}
.image-animation .elementor-widget-image {
    overflow: hidden;
}

.image-animation:hover .elementor-widget-image img {
    transform: scale(1.05);
}

.image-animation .elementor-widget-image img {
    transition: all .5s ease-in-out;
}
.banner-img-02 {
    display: none;
}
@media (min-width: 1200px) {
    .banner-img-02 {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .about-adornments-img-02 {
        position: absolute;
        top: 200px;
        left: -100px;
    }
    .circle-01:before {
        position: absolute;
        content: '';
        background: var(--primary);
        width: 320px;
        height: 320px;
        border-radius: 50%;
        left: 50px;
        bottom: 0;
    }
    
    .circle-01 img {
        z-index: 9;
        position: relative;
    }
}
@media (max-width: 767px) {
    span.elementor-menu-toggle__icon--open {
    display: flex;
}
}
/* ===============================
	HOME STYLES END  
==================================*/


@media (min-width: 768px) {
    .bubble-03 {
        position: absolute;
        top: -150px;
        left: -180px;
    }
}







/*WOO CSS START */


/*
 * WooCommerce Page Styles — v2
 * Scoped ONLY to: Cart (.woocommerce-cart), My Account (.woocommerce-account), Checkout (.woocommerce-checkout)
 * Brand: Primary #2F368A | Secondary #DC4F41 | Text #1F1F1F
 */


/* === CSS VARIABLES === */
.woocommerce-cart,
.woocommerce-account,
.woocommerce-checkout {
  --wc-primary:      #B98D58;
  --wc-primary-dark: #B98D58;
  --wc-secondary:    #2E2E2E;
  --wc-secondary-dk: #2E2E2E;
  --wc-text:         #1F1F1F;
  --wc-muted:        #5a5a7a;
  --wc-border:       #dde0ec;
  --wc-white:        #ffffff;
  --wc-radius:       10px;
  --wc-shadow:       0 2px 24px rgba(47,54,138,0.08);
}

/* === SHARED BASE === */
.woocommerce-cart .woocommerce,
.woocommerce-account .woocommerce,
.woocommerce-checkout .woocommerce {
  font-family: 'Jost','DM Sans','Segoe UI',sans-serif;
  color: var(--wc-text);
}

.woocommerce-cart h1,.woocommerce-cart h2,.woocommerce-cart h3,
.woocommerce-account h1,.woocommerce-account h2,.woocommerce-account h3,
.woocommerce-checkout h1,.woocommerce-checkout h2,.woocommerce-checkout h3 {
  font-family: 'Playfair Display','Georgia',serif;
  font-weight: 700;
  color: var(--wc-text);
  letter-spacing: -0.02em;
}

.woocommerce-cart .woocommerce label,
.woocommerce-account .woocommerce label,
.woocommerce-checkout .woocommerce label {
  font-size: 0.82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--wc-muted);
  margin-bottom: 5px;
  display: block;
}

/* === INPUTS === */
.woocommerce-cart .woocommerce input[type="text"],
.woocommerce-cart .woocommerce input[type="email"],
.woocommerce-cart .woocommerce input[type="tel"],
.woocommerce-cart .woocommerce input[type="number"],
.woocommerce-cart .woocommerce input[type="password"],
.woocommerce-cart .woocommerce select,
.woocommerce-cart .woocommerce textarea,
.woocommerce-account .woocommerce input[type="text"],
.woocommerce-account .woocommerce input[type="email"],
.woocommerce-account .woocommerce input[type="tel"],
.woocommerce-account .woocommerce input[type="number"],
.woocommerce-account .woocommerce input[type="password"],
.woocommerce-account .woocommerce select,
.woocommerce-account .woocommerce textarea,
.woocommerce-checkout .woocommerce input[type="text"],
.woocommerce-checkout .woocommerce input[type="email"],
.woocommerce-checkout .woocommerce input[type="tel"],
.woocommerce-checkout .woocommerce input[type="number"],
.woocommerce-checkout .woocommerce input[type="password"],
.woocommerce-checkout .woocommerce select,
.woocommerce-checkout .woocommerce textarea {
  border: 1.5px solid var(--wc-border);
  border-radius: var(--wc-radius);
  padding: 11px 16px;
  font-size: 0.92rem;
  background: #fafbff;
  color: var(--wc-text);
  transition: border-color 0.2s, box-shadow 0.2s;
  outline: none;
  width: 100%;
  box-sizing: border-box;
}

.woocommerce-cart .woocommerce input:focus,
.woocommerce-cart .woocommerce select:focus,
.woocommerce-cart .woocommerce textarea:focus,
.woocommerce-account .woocommerce input:focus,
.woocommerce-account .woocommerce select:focus,
.woocommerce-account .woocommerce textarea:focus,
.woocommerce-checkout .woocommerce input:focus,
.woocommerce-checkout .woocommerce select:focus,
.woocommerce-checkout .woocommerce textarea:focus {
  border-color: var(--wc-primary);
  box-shadow: 0 0 0 3px rgba(47,54,138,0.12);
  background: var(--wc-white);
}

/* === BUTTONS — PRIMARY === */
.woocommerce-cart .woocommerce button.button,
.woocommerce-cart .woocommerce a.button,
.woocommerce-cart .woocommerce input[type="submit"],
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce input[type="submit"],
.woocommerce-checkout .woocommerce button.button,
.woocommerce-checkout .woocommerce a.button,
.woocommerce-checkout .woocommerce input[type="submit"] {
  background: var(--wc-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--wc-radius) !important;
  font-size: 14px !important;
  padding: 12px 28px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s !important;
  box-shadow: 0 4px 14px rgba(47,54,138,0.2) !important;
  display: inline-block !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

.woocommerce-cart .woocommerce button.button:hover,
.woocommerce-cart .woocommerce a.button:hover,
.woocommerce-cart .woocommerce input[type="submit"]:hover,
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce input[type="submit"]:hover,
.woocommerce-checkout .woocommerce button.button:hover,
.woocommerce-checkout .woocommerce a.button:hover,
.woocommerce-checkout .woocommerce input[type="submit"]:hover {
  background: var(--wc-primary-dark) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(47,54,138,0.28) !important;
}

/* === BUTTONS — ALT (CTA / Proceed / Place Order) === */
.woocommerce-cart .woocommerce button.button.alt,
.woocommerce-cart .woocommerce a.button.alt,
.woocommerce-cart .woocommerce input.button.alt,
.woocommerce-account .woocommerce button.button.alt,
.woocommerce-account .woocommerce a.button.alt,
.woocommerce-checkout .woocommerce button.button.alt,
.woocommerce-checkout .woocommerce a.button.alt,
.woocommerce-checkout #place_order {
  background: var(--wc-secondary) !important;
  box-shadow: 0 4px 14px rgba(220,79,65,0.25) !important;
}

.woocommerce-cart .woocommerce button.button.alt:hover,
.woocommerce-cart .woocommerce a.button.alt:hover,
.woocommerce-cart .woocommerce input.button.alt:hover,
.woocommerce-account .woocommerce button.button.alt:hover,
.woocommerce-account .woocommerce a.button.alt:hover,
.woocommerce-checkout .woocommerce button.button.alt:hover,
.woocommerce-checkout .woocommerce a.button.alt:hover,
.woocommerce-checkout #place_order:hover {
  background: var(--wc-secondary-dk) !important;
  box-shadow: 0 6px 20px rgba(220,79,65,0.35) !important;
}

/* === DISABLED BUTTONS — clearly visible, not invisible grey === */
.woocommerce-cart .woocommerce button.button:disabled,
.woocommerce-cart .woocommerce button.button.disabled,
.woocommerce-cart .woocommerce a.button.disabled,
.woocommerce-account .woocommerce button.button:disabled,
.woocommerce-account .woocommerce button.button.disabled,
.woocommerce-checkout .woocommerce button.button:disabled,
.woocommerce-checkout .woocommerce button.button.disabled,
.woocommerce-checkout .woocommerce a.button.disabled {
  background: #c8cad8 !important;
  color: #6e6e8a !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  border: 1.5px solid #b0b3c6 !important;
}

/* === NOTICES === */
.woocommerce-cart .woocommerce-info,
.woocommerce-account .woocommerce-info,
.woocommerce-checkout .woocommerce-info {
  background: #eef0fb !important;
  border-top: 4px solid var(--wc-primary) !important;
  color: var(--wc-primary) !important;
  border-radius: 0 0 8px 8px !important;
  padding: 13px 18px 13px 50px!important;
  font-size: 0.9rem !important;
  margin-bottom: 16px !important;
}

.woocommerce-cart .woocommerce-info a,
.woocommerce-account .woocommerce-info a,
.woocommerce-checkout .woocommerce-info a {
  color: var(--wc-secondary) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.woocommerce-cart .woocommerce-message,
.woocommerce-account .woocommerce-message,
.woocommerce-checkout .woocommerce-message {
  background: #eef9f0 !important;
  border-top: 4px solid #2ecc71 !important;
  color: #1a5c32 !important;
  border-radius: 0 0 8px 8px !important;
  padding: 13px 18px !important;
}

.woocommerce-cart .woocommerce-error,
.woocommerce-account .woocommerce-error,
.woocommerce-checkout .woocommerce-error {
  background: #fff3f3 !important;
  border-top: 4px solid var(--wc-secondary) !important;
  color: #7a1a1a !important;
  border-radius: 0 0 8px 8px !important;
  padding: 13px 18px !important;
}

/* ========================================
   CART PAGE
   ======================================== */

.woocommerce-cart .woocommerce-cart-form {
  background: var(--wc-white);
  border-radius: 14px;
  box-shadow: var(--wc-shadow);
  overflow: hidden;
  margin-bottom: 32px;
  width: 100%;
}

.woocommerce-cart table.shop_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.93rem;
}

.woocommerce-cart table.shop_table thead tr th {
  background: var(--wc-primary);
  color: #fff;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 14px 18px;
  font-weight: 600;
  border: none;
}

.woocommerce-cart table.shop_table tbody tr {
  border-bottom: 1px solid #F0EEF8;
  transition: background 0.15s;
}

.woocommerce-cart table.shop_table tbody tr:hover { background: #fafaff; }

.woocommerce-cart table.shop_table tbody td {
  padding: 16px 18px;
  vertical-align: middle;
  border: none;
  color: var(--wc-text);
  border-bottom: 1px solid #CCC !important;
}

.woocommerce-cart table.shop_table tbody td.product-thumbnail img {
  width: 68px; height: 68px;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  display: block;
}

.woocommerce-cart table.shop_table tbody td.product-name a {
  font-weight: 600;
  color: var(--wc-text);
  text-decoration: none;
  font-size: 0.95rem;
}

.woocommerce-cart table.shop_table tbody td.product-name a:hover { color: var(--wc-primary); }

.woocommerce-cart table.shop_table td.product-quantity .qty {
  width: 64px !important;
  text-align: center;
  border-radius: 8px;
  padding: 8px 10px;
  border: 1.5px solid var(--wc-border);
}

.woocommerce-cart table.shop_table tbody td a.remove {
  width: 28px; height: 28px;
  border-radius: 50%;
  background: #ffecec;
  color: var(--wc-secondary) !important;
  font-size: 1.1rem; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background 0.2s, transform 0.15s;
  text-decoration: none;
}

.woocommerce-cart table.shop_table tbody td a.remove:hover {
  background: var(--wc-secondary);
  color: #fff !important;
  transform: rotate(90deg);
}

.woocommerce-cart td.actions {
  padding: 14px 18px !important;
  background: #fafbff;
}

.woocommerce-cart .coupon {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.woocommerce-cart .coupon #coupon_code {
  width: 180px !important;
  max-width: 180px !important;
}

.woocommerce-cart .cart_totals {
  background: var(--wc-white);
  border-radius: 14px;
  box-shadow: var(--wc-shadow);
  padding: 28px 24px;
}

.woocommerce-cart .cart_totals h2 {
  font-size: 1.1rem;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #f0f0f8;
}

.woocommerce-cart .cart_totals table.shop_table { box-shadow: none; border-radius: 0; }

.woocommerce-cart .cart_totals table.shop_table th {
  background: #fafafa !important;
  color: var(--wc-muted);
  padding: 10px 4px;
  text-align: left;
  font-weight: 500;
  border: 0 !important;
  border-bottom: 1px solid #CCC !important;
}

.woocommerce-cart .cart_totals table.shop_table td {
  padding: 10px 4px;
  font-weight: 600;
  color: var(--wc-text);
}



.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  width: 100% !important;
  text-align: center !important;
  font-size: 0.95rem !important;
  padding: 15px !important;
  display: block !important;
}

/* ========================================
   MY ACCOUNT PAGE
   ======================================== */

.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--white);
  border-radius: 14px;
  padding: 8px 0;
  overflow: hidden;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none; margin: 0; padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 13px 22px;
  color: #b0b0cc;
  font-size: 0.88rem; font-weight: 500;
  text-decoration: none;
  border-left: 5px solid transparent;
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  color: #fff;
  background: var(--secondary);
  border-left-color: var(--primary);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #fff !important;
  border-left-color: var(--wc-secondary) !important;
  background: var(--secondary) !important;
  font-weight: 700 !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
  background: var(--wc-white);
  border-radius: 14px;
  box-shadow: var(--wc-shadow);
  padding: 32px 28px;
}

.woocommerce-account .woocommerce-MyAccount-content p {
  color: #444466; line-height: 1.7; font-size: 0.93rem;
}

.woocommerce-account .woocommerce-orders-table {
  width: 100%; border-collapse: collapse; font-size: 0.9rem;
}

.woocommerce-account .woocommerce-orders-table thead th {
  background: #f5f5fb;
  color: var(--wc-muted);
  font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em;
  padding: 12px 16px;
  border-bottom: 2px solid #e8e8f5;
  text-align: left;
}

.woocommerce-account .woocommerce-orders-table tbody tr { border-bottom: 1px solid #f0f0f8; transition: background 0.15s; }
.woocommerce-account .woocommerce-orders-table tbody tr:hover { background: #fafaff; }
.woocommerce-account .woocommerce-orders-table tbody td { padding: 14px 16px; color: var(--wc-text); vertical-align: middle; }

.woocommerce-account .woocommerce-orders-table mark {
  background: transparent; font-weight: 600; padding: 4px 10px; border-radius: 20px; font-size: 0.78rem;
}

.woocommerce-account mark.processing { background: #eef0fb; color: var(--wc-primary); }
.woocommerce-account mark.completed  { background: #eef9f0; color: #1e8b4f; }
.woocommerce-account mark.on-hold    { background: #fff8ec; color: #c07800; }
.woocommerce-account mark.cancelled,
.woocommerce-account mark.failed     { background: #fff3f3; color: var(--wc-secondary); }

.woocommerce-account .woocommerce-Addresses address {
  background: #fafbff;
  border: 1.5px solid #e8e8f5;
  border-radius: 12px;
  padding: 20px; font-style: normal; font-size: 0.9rem; line-height: 1.8; color: #333355;
}

.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
  background: var(--wc-white);
  border-radius: 14px;
  box-shadow: var(--wc-shadow);
  padding: 36px 32px;
  max-width: 440px;
}

/* ========================================
   CHECKOUT PAGE
   ======================================== */
.woocommerce-checkout #customer_details {
  margin-bottom: 50px;
}
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
  background: var(--wc-white);
  border-radius: 14px;
  box-shadow: var(--wc-shadow);
  padding: 32px 28px;
  width: 100%;
  box-sizing: border-box;
}

.woocommerce-checkout h3#order_review_heading,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
  font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em;
  color: var(--wc-primary);
  padding-bottom: 10px; border-bottom: 2px solid #eef0fb; margin-bottom: 20px;
}

.woocommerce-checkout .form-row { margin-bottom: 16px; }

.woocommerce-checkout #order_review table.shop_table {
  width: 100%; border-collapse: collapse; font-size: 0.9rem; margin-bottom: 20px;
}

.woocommerce-checkout #order_review table.shop_table thead tr th {
  background: #f5f5fb; color: var(--wc-muted); font-size: 0.75rem;
  text-transform: uppercase; letter-spacing: 0.08em;
  padding: 12px 14px; border-bottom: 2px solid #e8e8f5; text-align: left;
}

.woocommerce-checkout #order_review table.shop_table tbody tr { border-bottom: 1px solid #f0f0f8; }
.woocommerce-checkout #order_review table.shop_table tbody td { padding: 14px; color: var(--wc-text); vertical-align: middle; }

.woocommerce-checkout #order_review table.shop_table tfoot tr th {
  padding: 10px 14px; color: var(--wc-muted); font-size: 0.82rem;
  text-transform: uppercase; letter-spacing: 0.06em; border-top: 1px solid #f0f0f8;
}

.woocommerce-checkout #order_review table.shop_table tfoot tr td { padding: 10px 14px; font-weight: 600; color: var(--wc-text); }

.woocommerce-checkout #order_review table.shop_table tfoot .order-total td {
  font-size: 1.2rem; color: var(--wc-primary); font-weight: 700;
}

.woocommerce-checkout #payment {
  background: #f7f8fd;
  border-radius: 12px;
  border: 1.5px solid #e0e3f0;
  padding: 22px 20px;
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
}

.woocommerce-checkout #payment ul.payment_methods {
  list-style: none; padding: 0; margin: 0 0 16px; border-bottom: 1px solid #e0e3f0; padding-bottom: 16px;
}

.woocommerce-checkout #payment ul.payment_methods li {
  padding: 10px 0; font-size: 0.9rem; color: var(--wc-text);
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}

.woocommerce-checkout #payment ul.payment_methods li label {
  font-size: 0.9rem; font-weight: 500; text-transform: none; letter-spacing: 0; cursor: pointer; color: var(--wc-text);
}

/* Stripe payment box — full width, clean */
.woocommerce-checkout #payment .payment_box {
  background: var(--wc-white);
  border-radius: 10px;
  border: 1.5px solid #e0e3f0;
  padding: 18px 16px;
  font-size: 0.85rem;
  color: var(--wc-muted);
  margin-top: 10px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.woocommerce-checkout #payment .payment_box iframe,
.woocommerce-checkout #payment .payment_box .wc-stripe-elements-field,
.woocommerce-checkout #payment .payment_box .wc-stripe-card-element,
.woocommerce-checkout #payment .payment_box .stripe-card-element {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce-checkout #payment #place_order {
  width: 100% !important;
  font-size: 1rem !important;
  padding: 20px !important;
  border-radius: 12px !important;
  margin-top: 10px !important;
  display: block !important;
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox {
  display: flex; align-items: center; gap: 8px;
  cursor: pointer; font-size: 0.88rem;
  text-transform: none; letter-spacing: 0; font-weight: 400; color: #444466;
}

.woocommerce-checkout input[type="checkbox"] {
  width: 16px; height: 16px; accent-color: var(--wc-primary); cursor: pointer;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
  .woocommerce-cart .woocommerce-cart-form,
  .woocommerce-cart .cart_totals,
  .woocommerce-account .woocommerce-MyAccount-content,
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review { border-radius: 10px; padding: 18px 14px; }

  .woocommerce-cart table.shop_table thead { display: none; }
  .woocommerce-cart table.shop_table tbody td { display: block; padding: 8px 14px; }

  .woocommerce-account .woocommerce-MyAccount-navigation { border-radius: 10px; margin-bottom: 20px; }
  .woocommerce-checkout #payment .payment_box { padding: 14px 12px; }
}

.woocommerce-cart .woocommerce a.checkout-button {
    padding: 20px !important;
}