.elementor-kit-7{--e-global-color-primary:#FFC222;--e-global-color-secondary:#00A149;--e-global-color-text:#808080;--e-global-color-accent:#1E1D23;--e-global-color-1d12e908:#999999;--e-global-color-76261577:#E5E5E5;--e-global-color-74ad7d3c:#7A7A7A;--e-global-color-2154a27d:#61CE70;--e-global-color-1401abc0:#4054B2;--e-global-color-5bdd244e:#23A455;--e-global-color-48e5bc8c:#000;--e-global-color-26c59e90:#FFF;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#FFC222;font-size:14px;font-weight:700;text-transform:uppercase;line-height:1em;color:var( --e-global-color-accent );border-radius:8px 8px 8px 8px;padding:20px 45px 20px 45px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#EEAC00;color:#FFFFFF;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1290px;}.e-con{--container-max-width:1290px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================
   PROJECT SUYA — GLOBAL CSS
   Paste into: Elementor > Site Settings > Custom CSS
   ============================================ */

/* --- Base Reset & Body --- */
* { box-sizing: border-box; }

body {
  background: #111111 !important;
  color: #F5EFE6 !important;
  font-family: 'DM Sans', sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  scroll-behavior: smooth !important;
}


/* --- Elementor Section Defaults --- */
.elementor-section { background: #111111; }
.elementor-inner-section { background: transparent; }

/* --- Buttons (Global) --- */
.elementor-button,
a.elementor-button {
  border-radius: 50px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}
.elementor-button:hover { transform: translateY(-2px) !important; }

/* Primary CTA Button */
.ps-btn-primary .elementor-button,
.ps-btn-primary a.elementor-button {
  background: #C84B11 !important;
  color: #F5EFE6 !important;
  border: none !important;
  padding: 14px 30px !important;
  font-size: 14px !important;
}
.ps-btn-primary .elementor-button:hover {
  background: #a83a0d !important;
  transform: translateY(-2px) !important;
}

/* Ghost Button */
.ps-btn-ghost .elementor-button,
.ps-btn-ghost a.elementor-button {
  background: transparent !important;
  color: #F5EFE6 !important;
  border: 1.5px solid rgba(245,239,230,0.35) !important;
  padding: 14px 30px !important;
  font-size: 14px !important;
}
.ps-btn-ghost .elementor-button:hover {
  border-color: #F5EFE6 !important;
  transform: translateY(-2px) !important;
}

/* White Button */
.ps-btn-white .elementor-button,
.ps-btn-white a.elementor-button {
  background: #F5EFE6 !important;
  color: #C84B11 !important;
  border: none !important;
  padding: 14px 30px !important;
  font-size: 14px !important;
}
.ps-btn-white .elementor-button:hover {
  background: #e8e2d9 !important;
  transform: translateY(-2px) !important;
}

/* Amber Button */
.ps-btn-amber .elementor-button {
  background: #F0A500 !important;
  color: #111111 !important;
  border: none !important;
  padding: 14px 30px !important;
  font-size: 14px !important;
}

/* --- Eyebrow Labels --- */
.ps-eyebrow,
.ps-eyebrow p {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: #C84B11 !important;
}
.ps-eyebrow-gold,
.ps-eyebrow-gold p {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: #F0A500 !important;
}

/* --- Cards --- */
.ps-card {
  background: #1C1C1C !important;
  border-radius: 18px !important;
  border: 0.5px solid rgba(245,239,230,0.08) !important;
  overflow: hidden !important;
  transition: transform 0.3s ease !important;
}
.ps-card:hover { transform: translateY(-4px) !important; }

/* --- WooCommerce Product Cards --- */
ul.products {
  display: grid !important;
  gap: 16px !important;
}
ul.products li.product {
  background: #1C1C1C !important;
  border-radius: 18px !important;
  border: 0.5px solid rgba(245,239,230,0.08) !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: transform 0.3s ease !important;
  float: none !important;
  width: auto !important;
}
ul.products li.product:hover { transform: translateY(-4px) !important; }

ul.products li.product a img {
  border-radius: 0 !important;
  height: 180px !important;
  object-fit: cover !important;
  width: 100% !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}
ul.products li.product:hover a img { transform: scale(1.04) !important; }

ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Playfair Display', serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #F5EFE6 !important;
  padding: 14px 16px 6px !important;
  line-height: 1.3 !important;
}
ul.products li.product .woocommerce-loop-category__title {
  font-family: 'Playfair Display', serif !important;
  color: #F5EFE6 !important;
}
ul.products li.product .price {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #F5EFE6 !important;
  padding: 0 16px !important;
  display: block !important;
}
ul.products li.product .price del {
  color: rgba(245,239,230,0.3) !important;
  font-size: 13px !important;
  margin-right: 4px !important;
}
ul.products li.product .price ins {
  text-decoration: none !important;
  background: none !important;
}

ul.products li.product a.button,
ul.products li.product button.add_to_cart_button,
ul.products li.product .add_to_cart_button {
  background: #C84B11 !important;
  color: #F5EFE6 !important;
  border-radius: 50px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  border: none !important;
  margin: 10px 16px 16px !important;
  padding: 10px 20px !important;
  transition: opacity 0.2s !important;
  display: inline-block !important;
}
ul.products li.product a.button:hover,
ul.products li.product .add_to_cart_button:hover {
  opacity: 0.85 !important;
  background: #C84B11 !important;
}

/* Onsale badge */
ul.products li.product .onsale {
  background: #F0A500 !important;
  color: #111111 !important;
  border-radius: 50px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  min-width: auto !important;
  min-height: auto !important;
  line-height: 1 !important;
  padding: 5px 12px !important;
  top: 12px !important;
  left: 12px !important;
}

/* --- WooCommerce Single Product Page --- */
.woocommerce div.product {
  background: #111111 !important;
  color: #F5EFE6 !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #F5EFE6 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 28px !important;
  font-weight: 600 !important;
}
.woocommerce div.product p.price del { color: rgba(245,239,230,0.3) !important; }
.woocommerce div.product .woocommerce-product-details__short-description {
  color: rgba(245,239,230,0.55) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

/* Single product add to cart */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button {
  background: #C84B11 !important;
  color: #F5EFE6 !important;
  border-radius: 50px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border: none !important;
  padding: 14px 30px !important;
  transition: all 0.25s !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  background: #a83a0d !important;
  transform: translateY(-2px) !important;
}

/* Variation select dropdowns */
.woocommerce div.product form.cart .variations select {
  background: #1C1C1C !important;
  color: #F5EFE6 !important;
  border: 1px solid rgba(245,239,230,0.15) !important;
  border-radius: 50px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  padding: 8px 18px !important;
}
.woocommerce div.product form.cart .variations label {
  color: rgba(245,239,230,0.5) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

/* Variation Swatches Plugin (if installed) */
.woo-variation-swatches .variable-items-wrapper .variable-item {
  border-radius: 50px !important;
  border: 1px solid rgba(245,239,230,0.2) !important;
  background: transparent !important;
  color: rgba(245,239,230,0.6) !important;
  font-family: 'DM Sans', sans-serif !important;
  padding: 8px 18px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: all 0.2s !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item.selected,
.woo-variation-swatches .variable-items-wrapper .variable-item:hover {
  background: rgba(200,75,17,0.15) !important;
  border-color: #C84B11 !important;
  color: #F5EFE6 !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item.disabled {
  opacity: 0.3 !important;
  cursor: not-allowed !important;
}

/* Product tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  background: transparent !important;
  border-bottom: 0.5px solid rgba(245,239,230,0.08) !important;
  padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: rgba(245,239,230,0.4) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: #F0A500 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #F0A500 !important;
  background: transparent !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
  background: #131313 !important;
  color: rgba(245,239,230,0.55) !important;
  font-family: 'DM Sans', sans-serif !important;
  padding: 32px !important;
}

/* Cart & Checkout */
.woocommerce-cart table.cart,
.woocommerce-checkout #payment {
  background: #1C1C1C !important;
  color: #F5EFE6 !important;
  border-radius: 16px !important;
}
.woocommerce table.shop_table th {
  color: rgba(245,239,230,0.5) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}
.woocommerce table.shop_table td {
  color: #F5EFE6 !important;
  border-color: rgba(245,239,230,0.07) !important;
}

/* Quantity input */
.woocommerce div.product form.cart div.quantity .qty,
.woocommerce .quantity .qty {
  background: #1C1C1C !important;
  color: #F5EFE6 !important;
  border: 0.5px solid rgba(245,239,230,0.15) !important;
  border-radius: 50px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 15px !important;
  text-align: center !important;
  padding: 8px 16px !important;
  width: 80px !important;
}

/* --- Forms (Newsletter, Contact) --- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
  background: #1C1C1C !important;
  color: #F5EFE6 !important;
  border: 0.5px solid rgba(245,239,230,0.15) !important;
  border-radius: 12px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  border-color: #C84B11 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(200,75,17,0.15) !important;
}
label {
  color: rgba(245,239,230,0.5) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
}

/* --- Pill Filter Buttons --- */
.ps-pill-btn {
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid rgba(245,239,230,0.15);
  color: rgba(245,239,230,0.55);
  background: transparent;
  cursor: pointer;
  font-family: 'DM Sans', sans-serif;
  transition: all 0.2s;
}
.ps-pill-btn.active,
.ps-pill-btn:hover {
  background: #C84B11;
  color: #F5EFE6;
  border-color: #C84B11;
}

/* --- Responsive Breakpoints --- */

/* Tablet */
@media (max-width: 1024px) {
  ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}

/* Mobile */
@media (max-width: 767px) {
  h1 { font-size: clamp(32px, 8vw, 42px) !important; }
  h2 { font-size: clamp(24px, 6vw, 32px) !important; }
  p  { font-size: 14px !important; }

  .elementor-button,
  a.elementor-button {
    padding: 12px 22px !important;
    font-size: 13px !important;
  }

  ul.products { grid-template-columns: 1fr !important; }

  /* Featured section stack */
  .ps-featured-wrap .elementor-inner-section .elementor-column {
    width: 100% !important;
  }

  /* Why cards stack */
  .ps-why-section .elementor-column { width: 100% !important; }

  /* CTA stack */
  .ps-cta-section .elementor-column { width: 100% !important; text-align: center !important; }
  .ps-cta-section a { display: block !important; text-align: center !important; }

  /* Delivery banner */
  .ps-delivery-banner > div { flex-direction: column !important; text-align: center !important; }
  .ps-delivery-banner a { width: 100% !important; text-align: center !important; display: block !important; }

  /* Stats 2x2 on mobile */
  .ps-stats .elementor-column { width: 50% !important; margin-bottom: 8px; }
}/* End custom CSS */