/*
Theme Name: Terrifier Merch Store
Theme URI:  https://www.wpserveur.net
Author:     WPServeur
Author URI: https://www.wpserveur.net
Template:   hello-elementor
Version:    1.5
License:    GNU General Public License v2 or later
*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Cinzel+Decorative:wght@400;700;900&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

/* ============ USER DESIGN SYSTEM VARIABLES ============ */
:root {
  --bg: #080808;
  --bg2: #111111;
  --card: #151515;
  --white: #F5F5F5;
  --muted: #999999;
  --border: #292929;
  --red: #8B0000;
  --red-bright: #B00000;
  --font-gothic: 'Cinzel Decorative', serif;
  --font-serif: 'Cormorant Garamond', serif;
  --font-sans: 'Inter', sans-serif;
  --ease: cubic-bezier(.25, .46, .45, .94);
}

/* ==========================================================================
   SITE HEADING & BRANDING IN CINZEL FONT
   ========================================================================== */
.site-heading,
.site-title,
.site-title a,
.site-branding,
.site-branding a,
.site-header h1,
.site-header .site-title,
.emcp-dyn-site-logo,
.emcp-dyn-site-logo--text,
.custom-logo-link,
header .elementor-widget-emcp-site-logo a {
  font-family: 'Cinzel Decorative', serif !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}

/* ==========================================================================
   TERRIFIER MERCH DARK DESIGN SYSTEM (SHOP & SINGLE PRODUCT)
   ========================================================================== */

/* Dark page canvas */
body.woocommerce-shop,
body.archive.post-type-archive-product,
body.tax-product_cat,
body.tax-product_tag,
body.single-product {
  background-color: #080808 !important;
/*   color: #e5e5e5 !important;  */ 
  font-family: 'Poppins', sans-serif !important;
}

/* ==========================================================================
   SHOP ARCHIVE PAGE
   ========================================================================== */
.woocommerce-shop #primary,
.woocommerce-shop #main,
.woocommerce-shop .site-main,
.archive.post-type-archive-product #primary,
.archive.post-type-archive-product #main,
.archive.post-type-archive-product .site-main {
  background-color: #080808 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 30px 20px 30px 20px !important;
  box-sizing: border-box !important;
}

.woocommerce-breadcrumb {
  padding: 0px 0 10px !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #777 !important;
  background: #080808 !important;
  font-family: 'Poppins', sans-serif !important;
  border: none !important;
  margin-bottom: 0 !important;
}

.woocommerce-breadcrumb a {
  color: #777 !important;
  text-decoration: none !important;
}

.woocommerce-breadcrumb a:hover {
  color: #fff !important;
}

/* Shop Loop 4-Column Grid */
.woocommerce ul.products,
.woocommerce-page ul.products,
ul.products.columns-4 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  margin: 30px 0 40px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  content: none !important;
}

/* Product Card */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  background-color: #B00000!important;
  border: 1px solid #B00000 !important;
  border-radius: 0px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  transition: transform 0.2s ease !important;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-3px) !important;
}

/* Sale & New Badges - Solid red overlay on image corner */
.woocommerce ul.products li.product .onsale,
.woocommerce ul.products li.product .wc-new-badge,
.woocommerce ul.products li.product span.onsale,
.woocommerce ul.products li.product .woocommerce-new-badge,
.woocommerce ul.products li.product .badge-tag {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 2 !important;
  background: #B31217 !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 5px 12px !important;
  border-radius: 0px !important;
  line-height: 1 !important;
  min-width: auto !important;
  min-height: auto !important;
  margin: 0 !important;
  right: auto !important;
  display: inline-block !important;
}

.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail {
  width: 100% !important;
  height: 300px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: linear-gradient(135deg, #1c1c1c, #292929) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  margin: 14px 10px 6px 10px !important;
  padding: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.woocommerce ul.products li.product .price {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  color: #B31217 !important;
  font-weight: 700 !important;
  margin: 0 10px 12px 10px !important;
  padding: 0 !important;
  text-align: left !important;
}

.woocommerce ul.products li.product .price .woocommerce-Price-amount {
  color: #ffff !important;
  font-weight: 700 !important;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
  display: block !important;
  width: calc(100% - 20px) !important;
  margin: auto 10px 14px 10px !important;
  padding: 10px !important;
  text-align: center !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  border: 1px solid #B00000!important;
  color: #ffffff !important;
  background: #080808 !important;
  cursor: pointer !important;
  border-radius: 0px !important;
  transition: all 0.2s !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
  border-color: #B31217 !important;
  background: #ffffff !important;
  color: #080808 !important;
}

/* ==========================================================================
   SINGLE PRODUCT PAGE (EXACT SINGLE-PRODUCT-PREVIEW.HTML REPLICA)
   ========================================================================== */

.single-product #primary,
.single-product #main,
.single-product .site-main {
  background: #080808 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 30px 20px 0px !important;
  box-sizing: border-box !important;
}

/* 2-Column Product Grid */
.single-product div.product {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 30px !important;
  padding: 40px 20px 90px !important;
  align-items: start !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Gallery (Left Column) */
.single-product div.product .woocommerce-product-gallery {
  grid-column: 1 / 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport,
.single-product div.product .woocommerce-product-gallery:not(.woocommerce-product-gallery--with-images) .woocommerce-product-gallery__wrapper {
  width: 100% !important;
  background: #111111 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  border: 1px solid #1f1f1f !important;
}

.single-product div.product .woocommerce-product-gallery__wrapper {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.single-product div.product .woocommerce-product-gallery__image {
  background: #111111 !important;
  border-radius: 4px !important;
}

.single-product div.product .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: auto !important;
  max-height: 580px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  display: block !important;
  border: none !important;
  border-radius: 4px !important;
  background: #111111 !important;
}

/* Thumbnails */
.single-product div.product ol.flex-control-nav.flex-control-thumbs {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  margin-top: 14px !important;
  padding: 0 !important;
  list-style: none !important;
}

.single-product div.product ol.flex-control-nav.flex-control-thumbs li {
  aspect-ratio: 1 !important;
  background: #141414 !important;
  border: 1px solid #262626 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: border-color 0.2s ease !important;
}

.single-product div.product ol.flex-control-nav.flex-control-thumbs li:hover,
.single-product div.product ol.flex-control-nav.flex-control-thumbs li img.flex-active,
.single-product div.product ol.flex-control-nav.flex-control-thumbs li.active {
  border-color: #B31217 !important;
}

.single-product div.product ol.flex-control-nav.flex-control-thumbs li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

/* Summary Panel (Right Column) */
.single-product div.product .summary.entry-summary {
  grid-column: 2 / 3 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-family: 'Poppins', sans-serif !important;
}

/* Eyebrow */
.single-product div.product .sp-eyebrow {
  color: #B31217 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
  font-family: 'Poppins', sans-serif !important;
  display: block !important;
  visibility: visible !important;
}

/* Product Title - Force visible, override Elementor var(--page-title-display) */
.single-product div.product h1.product_title,
.single-product div.product h1.entry-title,
.single-product .summary h1.product_title,
.single-product .summary h1.entry-title,
.single-product h1.product_title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: 'Cinzel Decorative', 'Cinzel', serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
  margin: 6px 0 14px 0 !important;
  letter-spacing: 0.5px !important;
}

/* Stars Rating */
.sp-stars {
  color: #B31217 !important;
  font-size: 16px !important;
  letter-spacing: 2px !important;
  margin-bottom: 14px !important;
}

.sp-stars span.count {
  color: #888888 !important;
  font-size: 13px !important;
  margin-left: 8px !important;
  letter-spacing: 0 !important;
  font-family: 'Poppins', sans-serif !important;
}

/* Price */
.single-product div.product p.price,
.single-product div.product .price {
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #B31217 !important;
  margin-bottom: 22px !important;
  font-family: 'Poppins', sans-serif !important;
  display: block !important;
}

.single-product div.product p.price .woocommerce-Price-amount {
  color: #B31217 !important;
  font-weight: 700 !important;
}

.single-product div.product p.price del .woocommerce-Price-amount {
  color: #777777 !important;
  font-size: 20px !important;
  margin-left: 10px !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}

/* Description */
.single-product div.product .woocommerce-product-details__short-description {
  color: #bbbbbb !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin-bottom: 26px !important;
  max-width: 440px !important;
  font-family: 'Poppins', sans-serif !important;
}

/* Size Selection Swatches */
.sp-size-container {
  margin-bottom: 28px !important;
}

.size-label {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
  font-family: 'Poppins', sans-serif !important;
}

.sizes {
  display: flex !important;
  gap: 10px !important;
}

.size {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid #444444 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  color: #cccccc !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  font-family: 'Poppins', sans-serif !important;
}

.size.active,
.size:hover {
  border-color: #B31217 !important;
  background: #B31217 !important;
  color: #ffffff !important;
}

/* CTA Row (Add to Cart + Buy Now) */
.single-product div.product form.cart {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-bottom: 30px !important;
}

.single-product div.product form.cart .quantity {
  display: none !important;
}

.single-product div.product button.single_add_to_cart_button {
  padding: 16px 34px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  border: none !important;
  background: #B31217 !important;
  color: #ffffff !important;
  border-radius: 0px !important;
  font-family: 'Poppins', sans-serif !important;
  transition: all 0.2s !important;
  margin: 0 !important;
  width: 100% !important;
}

.single-product div.product button.single_add_to_cart_button:hover {
  background: #900d11 !important;
  box-shadow: none !important;
}

.btn-outline {
  padding: 16px 34px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  background: transparent !important;
  border: 1px solid #555555 !important;
  color: #ffffff !important;
  border-radius: 0px !important;
  font-family: 'Poppins', sans-serif !important;
  transition: all 0.2s !important;
}

.btn-outline:hover {
  border-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

/* Divider & Meta List */
.divider {
  height: 1px !important;
  background: #262626 !important;
  margin: 10px 0 !important;
  width: 100% !important;
}

.meta-list {
  list-style: none !important;
  font-size: 14px !important;
  color: #aaaaaa !important;
  line-height: 2.2 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: 'Poppins', sans-serif !important;
}

.meta-list li:before {
  content: "— " !important;
  color: #b00000 !important;
  font-weight: 700 !important;
}

.meta-list a,
.meta-list li a,
.single-product .meta-list a,
.single-product div.product .meta-list a,
.single-product .product_meta a,
.single-product .posted_in a {
  color: #b00000 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.meta-list a:hover,
.meta-list li a:hover,
.single-product .meta-list a:hover,
.single-product div.product .meta-list a:hover,
.single-product .product_meta a:hover,
.single-product .posted_in a:hover {
  color: #ffffff !important;
}

.single-product div.product .product_meta {
  display: none !important;
}

/* ==========================================================================
   TABS SECTION (Clean Full Width Inside Layout)
   ========================================================================== */
.single-product div.product .woocommerce-tabs {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  clear: both !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 50px !important;
  background: #0d0d0d !important;
  border: 1px solid #1f1f1f !important;
  border-radius: 4px !important;
  padding: 36px 40px 48px !important;
  box-sizing: border-box !important;
}

.single-product div.product .woocommerce-tabs ul.tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  max-width: 100% !important;
  margin: 0 0 28px 0 !important;
  padding: 0 0 16px 0 !important;
  border-bottom: 1px solid #222222 !important;
  list-style: none !important;
  background: transparent !important;
}

.single-product div.product .woocommerce-tabs ul.tabs li {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}

.single-product div.product .woocommerce-tabs ul.tabs li a {
  display: inline-block !important;
  padding: 10px 22px !important;
  font-size: 12px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #888888 !important;
  background: #141414 !important;
  border: 1px solid #262626 !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  font-family: 'Poppins', sans-serif !important;
  transition: all 0.2s ease !important;
}

.single-product div.product .woocommerce-tabs ul.tabs li.active a,
.single-product div.product .woocommerce-tabs ul.tabs li a:hover {
  color: #ffffff !important;
  background: #B31217 !important;
  border-color: #B31217 !important;
}

.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  color: #bbbbbb !important;
  line-height: 1.8 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-family: 'Poppins', sans-serif !important;
}

.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel strong,
.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel b {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel a {
  color: #B31217 !important;
  text-decoration: none !important;
}

.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel a:hover {
  color: #e04448 !important;
  text-decoration: underline !important;
}

.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel ul,
.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel ol {
  padding-left: 20px !important;
  margin: 12px 0 !important;
  color: #bbbbbb !important;
}

.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel ul li,
.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel ol li {
  margin-bottom: 6px !important;
  color: #bbbbbb !important;
}

.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel ul li::marker {
  color: #B31217 !important;
}

.single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
  display: none !important;
}

/* ==========================================================================
   RELATED PRODUCTS SECTION
   ========================================================================== */
.single-product section.related.products {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  clear: both !important;
  background: transparent !important;
/*   padding: 60px 0 80px !important; */
  margin: 0 !important;
  box-sizing: border-box !important;
}

.single-product .related-eyebrow,
.single-product section.related.products .related-eyebrow {
  color: #B31217 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  margin: 50px auto 6px auto !important;
  font-family: 'Poppins', sans-serif !important;
  display: block !important;
  width: 100% !important;
  grid-column: 1 / -1 !important;
}

.single-product section.related.products > h2 {
  font-family: 'Cinzel Decorative', 'Cinzel', serif !important;
  font-size: 32px !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  margin-top: 8px !important;
  text-align: center !important;
  margin-bottom: 36px !important;
}

.single-product section.related.products ul.products,
.single-product section.upsells.products ul.products,
.single-product ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
}

.single-product section.related.products ul.products li.product,
.single-product section.upsells.products ul.products li.product,
.single-product ul.products li.product {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
/*   background-color: #292929 !important;
  border: 1px solid #ffffff !important; */
  border-radius: 0px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  transition: transform 0.2s ease !important;
}

.single-product section.related.products ul.products li.product:hover,
.single-product section.upsells.products ul.products li.product:hover,
.single-product ul.products li.product:hover {
  transform: translateY(-3px) !important;
}

.single-product section.related.products ul.products li.product a img,
.single-product section.related.products ul.products li.product img,
.single-product section.related.products ul.products li.product .attachment-woocommerce_thumbnail,
.single-product section.upsells.products ul.products li.product img,
.single-product section.upsells.products ul.products li.product a img,
.single-product ul.products li.product img,
.single-product ul.products li.product a img {
  width: 100% !important;
  height: 300px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: linear-gradient(135deg, #1c1c1c, #292929) !important;
  border: none !important;
  border-radius: 0px !important;
}

.single-product section.related.products ul.products li.product .woocommerce-loop-product__title,
.single-product section.upsells.products ul.products li.product .woocommerce-loop-product__title,
.single-product ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  margin: 14px 10px 6px 10px !important;
  padding: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.single-product section.related.products ul.products li.product .price,
.single-product section.upsells.products ul.products li.product .price,
.single-product ul.products li.product .price {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  color: #B31217 !important;
  font-weight: 700 !important;
  margin: 0 10px 12px 10px !important;
  padding: 0 !important;
  text-align: left !important;
}

.single-product section.related.products ul.products li.product .price .woocommerce-Price-amount,
.single-product section.upsells.products ul.products li.product .price .woocommerce-Price-amount,
.single-product ul.products li.product .price .woocommerce-Price-amount {
  color: #B31217 !important;
  font-weight: 700 !important;
}

.single-product section.related.products ul.products li.product .button,
.single-product section.related.products ul.products li.product .add_to_cart_button,
.single-product section.upsells.products ul.products li.product .button,
.single-product section.upsells.products ul.products li.product .add_to_cart_button,
.single-product ul.products li.product .button,
.single-product ul.products li.product .add_to_cart_button {
  display: block !important;
  width: calc(100% - 20px) !important;
  margin: auto 10px 14px 10px !important;
  padding: 10px !important;
  text-align: center !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
/*   border: 1px solid #B00000 !important;
  color: #ffffff !important;
  background: transparent !important; */
  cursor: pointer !important;
  border-radius: 0px !important;
  transition: all 0.2s !important;
}

.single-product section.related.products ul.products li.product .button:hover,
.single-product section.related.products ul.products li.product .add_to_cart_button:hover,
.single-product section.upsells.products ul.products li.product .button:hover,
.single-product section.upsells.products ul.products li.product .add_to_cart_button:hover,
.single-product ul.products li.product .button:hover,
.single-product ul.products li.product .add_to_cart_button:hover {
/*   border-color: #B31217 !important;
  background: #B31217 !important;
  color: #ffffff !important; */
}

.single-product section.related.products ul.products li.product .onsale,
.single-product section.related.products ul.products li.product .wc-new-badge,
.single-product section.related.products ul.products li.product span.onsale,
.single-product section.related.products ul.products li.product .woocommerce-new-badge,
.single-product section.related.products ul.products li.product .badge-tag,
.single-product ul.products li.product .onsale,
.single-product ul.products li.product .badge-tag {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 2 !important;
  background: #B31217 !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 5px 12px !important;
  border-radius: 0px !important;
  line-height: 1 !important;
  min-width: auto !important;
  min-height: auto !important;
  margin: 0 !important;
  right: auto !important;
  display: inline-block !important;
}

/* ==========================================================================
   RESPONSIVE SINGLE PRODUCT BREAKPOINTS
   ========================================================================== */
@media (max-width: 860px) {
  .single-product div.product {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    padding: 20px 0 60px !important;
  }

  .single-product div.product .woocommerce-product-gallery,
  .single-product div.product .summary.entry-summary,
  .single-product div.product .woocommerce-tabs,
  .single-product section.related.products {
    width: 100% !important;
    max-width: 100% !important;
  }

  .single-product div.product h1.product_title,
  .single-product div.product h1.entry-title,
  .single-product .summary h1.product_title {
    font-size: clamp(24px, 5vw, 30px) !important;
  }

  .single-product div.product .woocommerce-tabs {
    padding: 24px 18px 30px !important;
    margin-top: 24px !important;
  }

  .single-product div.product .woocommerce-tabs ul.tabs {
    gap: 8px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 12px !important;
  }

  .single-product div.product .woocommerce-tabs ul.tabs li a {
    padding: 8px 14px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  .single-product section.related.products ul.products,
  .single-product section.upsells.products ul.products,
  .single-product ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 480px) {
  .single-product #primary,
  .single-product #main,
  .single-product .site-main {
    padding: 0 14px !important;
  }

  .single-product div.product {
    gap: 22px !important;
    padding: 16px 0 40px !important;
  }

  .single-product div.product h1.product_title,
  .single-product div.product h1.entry-title,
  .single-product .summary h1.product_title {
    font-size: 22px !important;
  }

  .single-product div.product p.price,
  .single-product div.product .price {
    font-size: 26px !important;
  }

  .single-product div.product ol.flex-control-nav.flex-control-thumbs {
    gap: 8px !important;
  }

  .single-product div.product .sizes {
    gap: 8px !important;
  }

  .single-product div.product .size {
    width: 38px !important;
    height: 38px !important;
    font-size: 12px !important;
  }

  .single-product section.related.products ul.products,
  .single-product section.upsells.products ul.products,
  .single-product ul.products {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 10px !important;
  }

  .single-product section.related.products ul.products li.product .woocommerce-loop-product__title,
  .single-product section.upsells.products ul.products li.product .woocommerce-loop-product__title,
  .single-product ul.products li.product .woocommerce-loop-product__title {
    font-size: 12px !important;
    margin: 10px 8px 4px 8px !important;
  }

  .single-product section.related.products ul.products li.product .price,
  .single-product section.upsells.products ul.products li.product .price,
  .single-product ul.products li.product .price {
    font-size: 12px !important;
    margin: 0 8px 10px 8px !important;
  }

  .single-product section.related.products ul.products li.product .button,
  .single-product section.upsells.products ul.products li.product .button,
  .single-product ul.products li.product .button {
    font-size: 10px !important;
    padding: 8px 4px !important;
    margin: auto 8px 10px 8px !important;
    width: calc(100% - 16px) !important;
    border: 1px solid #B00000 !important;
  }
}

/* ==========================================================================
   RESPONSIVE BREAKPOINTS (SHOP ARCHIVES)
   ========================================================================== */
@media (max-width: 1024px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  ul.products.columns-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  ul.products.columns-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  ul.products.columns-4 {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* ==========================================================================
   SHOP PAGE HEADER - Dark themed title, results count, sorting
   ========================================================================== */
.woocommerce-shop .page-header,
.woocommerce-shop .woocommerce-products-header {
  margin-bottom: 0 !important;
}

.woocommerce-shop .page-title,
.woocommerce-shop .woocommerce-products-header__title {
  font-family: 'Cinzel Decorative', serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  letter-spacing: 2px !important;
}

.woocommerce-shop .woocommerce-result-count {
  color: #777 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
}

.woocommerce-shop .woocommerce-ordering select {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #333 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  padding: 8px 12px !important;
  border-radius: 0 !important;
}

/* ==========================================================================
   GLOBAL PRODUCT CARD CONSISTENCY
   Ensures cards look the same everywhere: shop, homepage shortcodes,
   category archives, search results, Elementor product widgets
   ========================================================================== */
.elementor-widget-shortcode .woocommerce ul.products li.product,
.elementor-widget-wc-products .product,
body .woocommerce ul.products li.product {
  background-color: #B00000 !important;
/*   border: none !important; */
  border-radius: 0px !important;
  overflow: hidden !important;
    border: 1px solid #B00000 !important;
}

.elementor-widget-shortcode .woocommerce ul.products li.product .woocommerce-loop-product__title,
.elementor-widget-wc-products .product .woocommerce-loop-product__title,
body .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}

.elementor-widget-shortcode .woocommerce ul.products li.product .price,
.elementor-widget-wc-products .product .price,
body .woocommerce ul.products li.product .price {
  color: #B31217 !important;
  font-weight: 700 !important;
}

.elementor-widget-shortcode .woocommerce ul.products li.product .button,
.elementor-widget-shortcode .woocommerce ul.products li.product .add_to_cart_button,
.elementor-widget-wc-products .product .button,
body .woocommerce ul.products li.product .button {
  border: 1px solid #B00000!important;
  color: #ffffff !important;
  background: #080808 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  border-radius: 0px !important;
  transition: all 0.2s !important;
}

.elementor-widget-shortcode .woocommerce ul.products li.product .button:hover,
.elementor-widget-shortcode .woocommerce ul.products li.product .add_to_cart_button:hover,
.elementor-widget-wc-products .product .button:hover,
body .woocommerce ul.products li.product .button:hover {
  border-color: #B31217 !important;
  background: #ffffff !important;
  color: #080808 !important;
}

/* ==========================================================================
   TERRIFIER MERCH REDESIGNED CART PAGE
   ========================================================================== */

/* 1. Page Canvas & Defaults */
body.woocommerce-cart {
  background-color: #080808 !important;
/*   color: #F5F5F5 !important; */
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Hide default page header in Hello Elementor */
.woocommerce-cart .page-header,
.woocommerce-cart .entry-header {
  display: none !important;
}

/* Outer layout containers */
.woocommerce-cart #primary,
.woocommerce-cart #main,
.woocommerce-cart .site-main,
.woocommerce-cart .page-content {
  background-color: #080808 !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 20px 40px 20px !important;
  box-sizing: border-box !important;
}

/* WooCommerce Notices */
.woocommerce-cart .woocommerce-notices-wrapper {
  margin-bottom: 24px !important;
}

.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-error {
  background-color: #151619 !important;
  border: 1px solid #2A2A2A !important;
  border-left: 4px solid #E10600 !important;
  color: #F5F5F5 !important;
  padding: 16px 20px !important;
  border-radius: 4px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
}

.woocommerce-cart .woocommerce-message a.button,
.woocommerce-cart .woocommerce-info a.button {
  background-color: #E10600 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 3px !important;
  padding: 6px 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.woocommerce-cart .woocommerce-message a.button:hover,
.woocommerce-cart .woocommerce-info a.button:hover {
  background-color: #B00000 !important;
  box-shadow: 0 0 10px rgba(225, 6, 0, 0.5) !important;
}

/* 2. PAGE HERO */
.terrifier-cart-hero {
  position: relative !important;
  width: 100% !important;
  flex: 0 0 100% !important;
  order: 1 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background-image: linear-gradient(180deg, rgba(8, 9, 11, 0.72) 0%, rgba(8, 9, 11, 0.95) 100%), url('https://hammad.wsmsolutions.co/wp-content/uploads/2026/09/New-Project-3.webp') !important;
  background-size: cover !important;
  background-position: center 30% !important;
  background-repeat: no-repeat !important;
  padding: 65px 20px 60px 20px !important;
  text-align: center !important;
      margin-top: 20px !important;
/*   margin-bottom: 35px !important; */
  border: 1px solid #2A2A2A !important;
  box-sizing: border-box !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
}

.terrifier-cart-hero-content {
  max-width: 1200px !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 2 !important;
}

.terrifier-cart-breadcrumb {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #A0A0A0 !important;
  margin-bottom: 14px !important;
}

.terrifier-cart-breadcrumb a {
  color: #A0A0A0 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.terrifier-cart-breadcrumb a:hover {
  color: #E10600 !important;
}

.terrifier-cart-breadcrumb .sep {
  margin: 0 8px !important;
  color: #555555 !important;
}

.terrifier-cart-breadcrumb .current {
  color: #F5F5F5 !important;
  font-weight: 600 !important;
}

.terrifier-cart-hero-title {
  font-family: 'Cinzel Decorative', 'Cinzel Decorative', serif !important;
  font-size: 44px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #F5F5F5 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.9), 0 0 35px rgba(225, 6, 0, 0.25) !important;
}

/* 3. TWO-COLUMN MAIN CART SECTION (65% / 35%) */
.woocommerce-cart .woocommerce {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
  align-items: flex-start !important;
}

.woocommerce-cart .woocommerce-notices-wrapper {
  width: 100% !important;
  flex: 0 0 100% !important;
  order: 2 !important;
}

/* Left Column: Cart Form & Products Card */
.woocommerce-cart form.woocommerce-cart-form {
  flex: 1 1 63% !important;
  min-width: 0 !important;
  order: 3 !important;
  background-color: #151619 !important;
  border: 1px solid #2A2A2A !important;
  border-radius: 6px !important;
  padding: 28px !important;
  box-sizing: border-box !important;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.4) !important;
}

/* Right Column: Cart Totals Card */
.woocommerce-cart .cart-collaterals {
  flex: 1 1 33% !important;
  min-width: 320px !important;
  order: 4 !important;
  box-sizing: border-box !important;
}

.woocommerce-cart .cart-collaterals .cart_totals {
  width: 100% !important;
  float: none !important;
  background-color: #151619 !important;
  border: 1px solid #2A2A2A !important;
  border-radius: 6px !important;
  padding: 28px !important;
  box-sizing: border-box !important;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.4) !important;
}

/* 4. CART PRODUCTS TABLE */
.woocommerce-cart table.cart {
  width: 100% !important;
  border-collapse: collapse !important;
  border: none !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Table Headings: PRODUCT | PRICE | TOTAL */
.woocommerce-cart table.cart thead {
  border-bottom: 1px solid #2A2A2A !important;
}

.woocommerce-cart table.cart thead th {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #A0A0A0 !important;
  padding: 0 12px 14px 12px !important;
  border: none !important;
  background: transparent !important;
  text-align: left !important;
}

.woocommerce-cart table.cart thead th.th-terrifier-product,
.woocommerce-cart table.cart thead th.product-name {
  text-align: left !important;
}

.woocommerce-cart table.cart thead th.th-terrifier-price,
.woocommerce-cart table.cart thead th.product-price {
  text-align: center !important;
}

.woocommerce-cart table.cart thead th.th-terrifier-total,
.woocommerce-cart table.cart thead th.product-subtotal {
  text-align: right !important;
  padding-right: 16px !important;
}

/* Table Body Rows */
.woocommerce-cart table.cart tbody tr.cart_item {
  border-bottom: 1px solid #2A2A2A !important;
  transition: background-color 0.2s ease !important;
}

.woocommerce-cart table.cart tbody tr.cart_item:hover {
  background-color: rgba(255, 255, 255, 0.015) !important;
}

.woocommerce-cart table.cart tbody td {
  padding: 22px 12px !important;
  vertical-align: middle !important;
  border: none !important;
  color: #F5F5F5 !important;
}

/* Remove / Trash Icon */
.woocommerce-cart table.cart td.product-remove {
  width: 36px !important;
  padding-left: 10 !important;
  text-align: center !important;
}

.woocommerce-cart table.cart td.product-remove a.remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid #2A2A2A !important;
  color: #A0A0A0 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.woocommerce-cart table.cart td.product-remove a.remove:hover {
  background: #E10600 !important;
  border-color: #E10600 !important;
  color: #ffffff !important;
  box-shadow: 0 0 10px rgba(225, 6, 0, 0.5) !important;
  transform: scale(1.1) !important;
}

/* Product Thumbnail */
.woocommerce-cart table.cart td.product-thumbnail {
  width: 86px !important;
  padding: 16px 8px !important;
}

.woocommerce-cart table.cart td.product-thumbnail a {
  display: block !important;
}

.woocommerce-cart table.cart td.product-thumbnail img {
  width: 80px !important;
  height: 80px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  border: 1px solid #2A2A2A !important;
  background: #111214 !important;
  display: block !important;
  transition: border-color 0.2s ease, transform 0.2s ease !important;
}

.woocommerce-cart table.cart td.product-thumbnail a:hover img {
  border-color: #E10600 !important;
  transform: scale(1.03) !important;
}

/* Product Name & Variations */
.woocommerce-cart table.cart td.product-name {
  padding: 16px 14px !important;
}

.woocommerce-cart table.cart td.product-name a {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #E10600 !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  display: inline-block !important;
  transition: color 0.2s ease, text-shadow 0.2s ease !important;
}

.woocommerce-cart table.cart td.product-name a:hover {
  color: #ff2a24 !important;
  text-shadow: 0 0 10px rgba(225, 6, 0, 0.4) !important;
}

.woocommerce-cart table.cart td.product-name .variation {
  margin-top: 6px !important;
  font-size: 12px !important;
  color: #A0A0A0 !important;
  line-height: 1.5 !important;
}

.woocommerce-cart table.cart td.product-name .variation dt {
  color: #777777 !important;
  font-weight: 500 !important;
}

.woocommerce-cart table.cart td.product-name .variation dd {
  color: #A0A0A0 !important;
  margin-left: 4px !important;
}

/* Product Price */
.woocommerce-cart table.cart td.product-price {
  text-align: center !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #F5F5F5 !important;
  white-space: nowrap !important;
}

.woocommerce-cart table.cart td.product-price .amount {
  color: #F5F5F5 !important;
}

/* Product Quantity Selector [-] [input] [+] */
.woocommerce-cart table.cart td.product-quantity {
  text-align: center !important;
  white-space: nowrap !important;
}

.woocommerce-cart .quantity {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #2A2A2A !important;
  border-radius: 4px !important;
  background-color: #111214 !important;
  overflow: hidden !important;
  margin: 0 auto !important;
  transition: border-color 0.2s ease !important;
}

.woocommerce-cart .quantity:hover,
.woocommerce-cart .quantity:focus-within {
  border-color: #444444 !important;
}

.woocommerce-cart .quantity .terrifier-qty-btn {
  width: 32px !important;
  height: 36px !important;
  background-color: #1a1b1f !important;
  border: none !important;
  color: #F5F5F5 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
  user-select: none !important;
  padding: 0 !important;
}

.woocommerce-cart .quantity .terrifier-qty-btn:hover {
  background-color: #E10600 !important;
  color: #ffffff !important;
}

.woocommerce-cart .quantity input.qty {
  width: 44px !important;
  height: 36px !important;
  background: transparent !important;
  border: none !important;
  color: #F5F5F5 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  -moz-appearance: textfield !important;
}

.woocommerce-cart .quantity input.qty::-webkit-outer-spin-button,
.woocommerce-cart .quantity input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Product Total (Subtotal) */
.woocommerce-cart table.cart td.product-subtotal {
  text-align: right !important;
  padding-right: 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #F5F5F5 !important;
  white-space: nowrap !important;
}

.woocommerce-cart table.cart td.product-subtotal .amount {
  color: #F5F5F5 !important;
}

/* Actions Row (bottom of table) */
.woocommerce-cart table.cart td.actions {
  padding-top: 24px !important;
  border-top: 1px solid #2A2A2A !important;
  border-bottom: none !important;
  text-align: right !important;
}

/* Hide duplicate coupon in actions row since it lives in Cart Totals */
.woocommerce-cart table.cart td.actions .coupon {
  display: none !important;
}

/* Update Cart Button in actions */
.woocommerce-cart table.cart td.actions button[name="update_cart"] {
  background-color: transparent !important;
  border: 1px solid #333333 !important;
  color: #A0A0A0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 8px 16px !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.woocommerce-cart table.cart td.actions button[name="update_cart"]:hover {
  border-color: #E10600 !important;
  color: #F5F5F5 !important;
}

/* 5. OUTLINED "← CONTINUE SHOPPING" BUTTON */
.terrifier-continue-shopping-box {
  margin-top: 24px !important;
  padding-top: 20px !important;
  border-top: 1px solid #2A2A2A !important;
}

.terrifier-continue-shopping-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 26px !important;
  background: transparent !important;
  border: 1px solid #333333 !important;
  color: #F5F5F5 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

.terrifier-continue-shopping-btn:hover {
  border-color: #E10600 !important;
  color: #ffffff !important;
  box-shadow: 0 0 15px rgba(225, 6, 0, 0.45) !important;
  transform: translateX(-3px) !important;
}

/* 6. RIGHT SIDE — CART TOTALS CARD */
.woocommerce-cart .cart_totals h2 {
  font-family: 'Cinzel Decorative', serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #F5F5F5 !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #2A2A2A !important;
}

/* Expandable Coupon Accordion */
.terrifier-coupon-accordion {
  margin-bottom: 22px !important;
}

.terrifier-coupon-toggle {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 11px 14px !important;
  background-color: #111214 !important;
  border: 1px solid #2A2A2A !important;
  border-radius: 4px !important;
  color: #A0A0A0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-align: left !important;
}

.terrifier-coupon-toggle:hover,
.terrifier-coupon-toggle.active {
  border-color: #E10600 !important;
  color: #F5F5F5 !important;
}

.coupon-toggle-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.coupon-icon {
  font-size: 14px !important;
}

.coupon-arrow {
  font-size: 10px !important;
  transition: transform 0.2s ease !important;
  color: #777777 !important;
}

.terrifier-coupon-toggle.active .coupon-arrow {
  transform: rotate(180deg) !important;
  color: #E10600 !important;
}

.terrifier-coupon-dropdown {
  margin-top: 10px !important;
}

.terrifier-coupon-input-group {
  display: flex !important;
  gap: 8px !important;
}

.terrifier-coupon-input-group input.input-text {
  flex: 1 1 auto !important;
  background-color: #111214 !important;
  border: 1px solid #2A2A2A !important;
  color: #F5F5F5 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease !important;
}

.terrifier-coupon-input-group input.input-text:focus {
  outline: none !important;
  border-color: #E10600 !important;
  box-shadow: 0 0 8px rgba(225, 6, 0, 0.3) !important;
}

.terrifier-coupon-input-group button.button {
  flex: 0 0 auto !important;
  background-color: #E10600 !important;
  border: 1px solid #E10600 !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 10px 18px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.terrifier-coupon-input-group button.button:hover {
  background-color: #B00000 !important;
  border-color: #B00000 !important;
  box-shadow: 0 0 12px rgba(225, 6, 0, 0.5) !important;
}

/* Totals Table */
.woocommerce-cart .cart_totals table.shop_table {
  width: 100% !important;
  border-collapse: collapse !important;
  border: none !important;
  margin-bottom: 24px !important;
  background: transparent !important;
}

.woocommerce-cart .cart_totals table.shop_table tr {
  border-bottom: 1px solid #2A2A2A !important;
}

.woocommerce-cart .cart_totals table.shop_table th {
  padding: 14px 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #A0A0A0 !important;
  border: none !important;
  background: transparent !important;
  text-align: left !important;
  width: 40% !important;
}

.woocommerce-cart .cart_totals table.shop_table td {
  padding: 14px 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #F5F5F5 !important;
  border: none !important;
  background: transparent !important;
  text-align: right !important;
}

/* Shipping row in totals */
.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals th {
  vertical-align: top !important;
}

.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals td {
  font-size: 13px !important;
  color: #A0A0A0 !important;
}

.woocommerce-cart .cart_totals tr.cart-discount td {
  color: #E10600 !important;
}

.woocommerce-cart .cart_totals tr.cart-discount a.woocommerce-remove-coupon {
  color: #A0A0A0 !important;
  margin-left: 6px !important;
  font-size: 12px !important;
}

.woocommerce-cart .cart_totals tr.cart-discount a.woocommerce-remove-coupon:hover {
  color: #E10600 !important;
}

/* Order Total Row (Large & Blood Red) */
.woocommerce-cart .cart_totals table.shop_table tr.order-total {
  border-top: 1px solid #2A2A2A !important;
  border-bottom: none !important;
}

.woocommerce-cart .cart_totals table.shop_table tr.order-total th {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #F5F5F5 !important;
  padding-top: 18px !important;
}

.woocommerce-cart .cart_totals table.shop_table tr.order-total td {
  padding-top: 18px !important;
}

.woocommerce-cart .cart_totals table.shop_table tr.order-total strong,
.woocommerce-cart .cart_totals table.shop_table tr.order-total .amount {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #E10600 !important;
  text-shadow: 0 0 16px rgba(225, 6, 0, 0.35) !important;
  letter-spacing: 0.5px !important;
}

/* Full-width Strong CTA Button: 🔒 PROCEED TO CHECKOUT */
.woocommerce-cart .wc-proceed-to-checkout {
  padding: 0 !important;
  margin: 0 !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart a.checkout-button {
  display: block !important;
  width: 100% !important;
  background-color: #E10600 !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 16px 20px !important;
  border-radius: 4px !important;
  border: none !important;
  box-sizing: border-box !important;
  text-decoration: none !important;
  box-shadow: 0 4px 15px rgba(225, 6, 0, 0.3) !important;
  transition: all 0.3s ease !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart a.checkout-button:hover {
  background-color: #B00000 !important;
  color: #ffffff !important;
  box-shadow: 0 0 22px rgba(225, 6, 0, 0.65) !important;
  transform: translateY(-2px) !important;
}

/* Secure Checkout With + Payment Badges */
.terrifier-secure-checkout-section {
  margin-top: 24px !important;
  text-align: center !important;
}

.terrifier-secure-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #A0A0A0 !important;
  margin: 0 0 12px 0 !important;
}

.terrifier-payment-badges {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.terrifier-payment-badges img {
  height: 28px !important;
  width: auto !important;
  border-radius: 3px !important;
  background-color: #111214 !important;
  border: 1px solid #2A2A2A !important;
  padding: 3px 6px !important;
  box-sizing: border-box !important;
  filter: grayscale(20%) brightness(0.95) !important;
  transition: filter 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

.terrifier-payment-badges img:hover {
  filter: grayscale(0%) brightness(1.1) !important;
  border-color: #E10600 !important;
  transform: translateY(-2px) !important;
}

/* 7. TRUST FEATURES SECTION */
.terrifier-trust-bar {
  width: 100% !important;
  flex: 0 0 100% !important;
  order: 10 !important;
  background-color: #111214 !important;
  border: 1px solid #2A2A2A !important;
  border-radius: 6px !important;
  padding: 32px 24px !important;
  margin-top: 50px !important;
  margin-bottom: 40px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

.terrifier-trust-col {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 0 12px !important;
}

.terrifier-trust-col:not(:last-child) {
  border-right: 1px solid #222222 !important;
}

.terrifier-trust-icon-box {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: rgba(225, 6, 0, 0.08) !important;
  border: 1px solid rgba(225, 6, 0, 0.25) !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}

.terrifier-trust-col:hover .terrifier-trust-icon-box {
  background-color: rgba(225, 6, 0, 0.16) !important;
  border-color: #E10600 !important;
  box-shadow: 0 0 12px rgba(225, 6, 0, 0.35) !important;
}

.terrifier-trust-icon-box svg {
  width: 22px !important;
  height: 22px !important;
}

.terrifier-trust-info {
  flex: 1 1 auto !important;
}

.terrifier-trust-title {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #F5F5F5 !important;
  margin: 0 0 3px 0 !important;
}

.terrifier-trust-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  color: #A0A0A0 !important;
  margin: 0 !important;
}

/* 8. PROMOTIONAL BANNER */
.terrifier-promo-banner {
  position: relative !important;
  width: 100% !important;
  flex: 0 0 100% !important;
  order: 11 !important;
  background-color: #111214 !important;
  background-image: radial-gradient(circle at center, rgba(8, 9, 11, 0.72) 0%, rgba(8, 9, 11, 0.94) 85%), url('https://hammad.wsmsolutions.co/wp-content/uploads/2026/09/New-Project-3.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  border: 1px solid #2A2A2A !important;
  border-radius: 6px !important;
  padding: 65px 24px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
}

.terrifier-promo-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse at center, transparent 30%, #08090B 100%) !important;
  pointer-events: none !important;
}

/* Silhouettes on left & right */
.terrifier-promo-silhouettes .terrifier-sil-left,
.terrifier-promo-silhouettes .terrifier-sil-right {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 180px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  pointer-events: none !important;
  opacity: 0.18 !important;
}

.terrifier-promo-silhouettes .terrifier-sil-left {
  left: 10px !important;
  background-image: url('https://hammad.wsmsolutions.co/wp-content/uploads/2026/09/IMG_39962-scaled.jpg') !important;
  background-position: left center !important;
}

.terrifier-promo-silhouettes .terrifier-sil-right {
  right: 10px !important;
  background-image: url('https://hammad.wsmsolutions.co/wp-content/uploads/2026/09/IMG_2999-scaled.jpg') !important;
  background-position: right center !important;
}

.terrifier-promo-content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 680px !important;
  margin: 0 auto !important;
}

.terrifier-promo-eyebrow {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #A0A0A0 !important;
  margin-bottom: 12px !important;
}

.terrifier-promo-heading {
  font-family: 'Cinzel Decorative', 'Cinzel Decorative', serif !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #F5F5F5 !important;
  line-height: 1.25 !important;
  margin: 0 0 16px 0 !important;
}

.terrifier-promo-highlight {
  color: #E10600 !important;
  font-weight: 900 !important;
  text-shadow: 0 0 25px rgba(225, 6, 0, 0.6) !important;
}

.terrifier-promo-text {
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: #A0A0A0 !important;
  line-height: 1.6 !important;
  margin: 0 auto 26px auto !important;
  max-width: 480px !important;
}

.terrifier-promo-btn {
  display: inline-block !important;
  background-color: transparent !important;
  border: 1px solid #E10600 !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 14px 34px !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 0 12px rgba(225, 6, 0, 0.2) !important;
}

.terrifier-promo-btn:hover {
  background-color: #E10600 !important;
  color: #ffffff !important;
  box-shadow: 0 0 24px rgba(225, 6, 0, 0.6) !important;
  transform: translateY(-2px) !important;
}

/* 9. EMPTY CART STATE */
.woocommerce-cart .wc-empty-cart-message {
  width: 100% !important;
  flex: 0 0 100% !important;
  order: 3 !important;
  margin-bottom: 20px !important;
}

.woocommerce-cart .wc-empty-cart-message .cart-empty,
.woocommerce-cart .cart-empty {
  width: 100% !important;
  background-color: #151619 !important;
  border: 1px solid #2A2A2A !important;
  border-left: 4px solid #E10600 !important;
  border-radius: 6px !important;
  padding: 40px 30px !important;
  text-align: center !important;
  color: #F5F5F5 !important;
  font-family: 'Cinzel Decorative', serif !important;
  font-size: 22px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.4) !important;
  box-sizing: border-box !important;
}

.woocommerce-cart .return-to-shop {
  width: 100% !important;
  flex: 0 0 100% !important;
  order: 4 !important;
  text-align: center !important;
  margin-bottom: 40px !important;
}

.woocommerce-cart .return-to-shop a.button {
  display: inline-block !important;
  background-color: #E10600 !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 15px 36px !important;
  border-radius: 4px !important;
  border: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 0 15px rgba(225, 6, 0, 0.4) !important;
}

.woocommerce-cart .return-to-shop a.button:hover {
  background-color: #B00000 !important;
  box-shadow: 0 0 25px rgba(225, 6, 0, 0.7) !important;
  transform: translateY(-2px) !important;
}

/* 10. RESPONSIVE BREAKPOINTS */
@media (max-width: 1024px) {
  .woocommerce-cart form.woocommerce-cart-form {
    flex: 1 1 100% !important;
  }
  .woocommerce-cart .cart-collaterals {
    flex: 1 1 100% !important;
  }
  .terrifier-trust-bar {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
  .terrifier-trust-col:nth-child(2) {
    border-right: none !important;
  }
}

/* ==========================================================================
   CART RESPONSIVE REFINEMENTS (375px, 390px, 414px, 768px, 1024px)
   ========================================================================== */

/* Strict Canvas & Overflow Guard for Cart Page Only */
html, body.woocommerce-cart {
  overflow-x: hidden !important;
  max-width: 100% !important;
  width: 100% !important;
}

body.woocommerce-cart * {
  box-sizing: border-box !important;
}

@media (max-width: 1024px) {
  .woocommerce-cart .woocommerce {
    flex-direction: column !important;
    gap: 24px !important;
    width: 100% !important;
  }
  .woocommerce-cart form.woocommerce-cart-form {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .woocommerce-cart .cart-collaterals {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .woocommerce-cart .cart-collaterals .cart_totals {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .woocommerce-cart #primary,
  .woocommerce-cart #main,
  .woocommerce-cart .site-main,
  .woocommerce-cart .page-content {
    padding: 0 12px 30px 12px !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .terrifier-cart-hero {
    padding: 35px 14px !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }
  .terrifier-cart-hero-title {
    font-size: 26px !important;
    letter-spacing: 1.5px !important;
  }

  .woocommerce-cart form.woocommerce-cart-form {
    padding: 16px 12px !important;
    border-radius: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .woocommerce-cart .cart-collaterals .cart_totals {
    padding: 18px 14px !important;
    border-radius: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Suppress WooCommerce default mobile pseudo-labels (Product:, Price:, etc.) */
  .woocommerce-cart table.cart tbody td::before,
  .woocommerce-cart table.shop_table_responsive tr td::before,
  .woocommerce-page.woocommerce-cart table.shop_table_responsive tr td::before {
    display: none !important;
    content: "" !important;
  }

  /* Transform cart table rows into sleek modern mobile cards */
  .woocommerce-cart table.cart thead {
    display: none !important;
  }
  .woocommerce-cart table.cart,
  .woocommerce-cart table.cart tbody {
    display: block !important;
    width: 100% !important;
  }
  .woocommerce-cart table.cart tbody tr.cart_item {
    display: grid !important;
    grid-template-columns: 72px 1fr 28px !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas:
      "thumb name remove"
      "thumb price price"
      "thumb qty total" !important;
    column-gap: 12px !important;
    row-gap: 6px !important;
    align-items: center !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid #222222 !important;
    position: relative !important;
    width: 100% !important;
  }

  /* Product Thumbnail - Force visible on mobile */
  .woocommerce-cart table.cart td.product-thumbnail,
  .woocommerce-cart table.cart tbody tr.cart_item td.product-thumbnail,
  .woocommerce-page.woocommerce-cart table.cart tbody tr.cart_item td.product-thumbnail {
    grid-area: thumb !important;
    display: block !important;
    width: 72px !important;
    height: 72px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .woocommerce-cart table.cart td.product-thumbnail a {
    display: block !important;
    width: 72px !important;
    height: 72px !important;
  }
  .woocommerce-cart table.cart td.product-thumbnail img {
    width: 72px !important;
    height: 72px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    border: 1px solid #2A2A2A !important;
    display: block !important;
  }

  /* Product Name */
  .woocommerce-cart table.cart tbody tr.cart_item td.product-name {
    grid-area: name !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .woocommerce-cart table.cart td.product-name a {
    color: #F5F5F5 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    display: inline !important;
  }
  .woocommerce-cart table.cart td.product-name a:hover {
    color: #E10600 !important;
  }

  /* Remove Button */
  .woocommerce-cart table.cart tbody tr.cart_item td.product-remove {
    grid-area: remove !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    width: auto !important;
  }
  .woocommerce-cart table.cart td.product-remove a.remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid #2A2A2A !important;
    color: #A0A0A0 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }
  .woocommerce-cart table.cart td.product-remove a.remove:hover {
    background: #E10600 !important;
    border-color: #E10600 !important;
    color: #ffffff !important;
  }

  /* Product Price */
  .woocommerce-cart table.cart tbody tr.cart_item td.product-price {
    grid-area: price !important;
    display: block !important;
    text-align: left !important;
    padding: 2px 0 2px 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    color: #A0A0A0 !important;
  }

  /* Quantity Selector */
  .woocommerce-cart table.cart tbody tr.cart_item td.product-quantity {
    grid-area: qty !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .woocommerce-cart table.cart td.product-quantity .quantity {
    display: inline-flex !important;
    height: 32px !important;
    margin: 0 !important;
  }
  .woocommerce-cart .quantity .terrifier-qty-btn {
    width: 28px !important;
    height: 30px !important;
    font-size: 14px !important;
  }
  .woocommerce-cart .quantity input.qty {
    width: 36px !important;
    height: 30px !important;
    font-size: 13px !important;
  }

  /* Product Subtotal */
  .woocommerce-cart table.cart tbody tr.cart_item td.product-subtotal {
    grid-area: total !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #F5F5F5 !important;
    white-space: nowrap !important;
  }

  /* Actions & Continue Shopping */
  .woocommerce-cart table.cart td.actions {
    display: block !important;
    width: 100% !important;
    padding: 14px 0 0 0 !important;
    text-align: right !important;
  }
  .woocommerce-cart table.cart td.actions button[name="update_cart"] {
    width: auto !important;
    padding: 8px 14px !important;
  }
  .woocommerce-cart .terrifier-continue-shopping-box {
    margin-top: 16px !important;
    padding-top: 14px !important;
  }
  .woocommerce-cart .terrifier-continue-shopping-btn {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    padding: 12px 16px !important;
    box-sizing: border-box !important;
  }

  /* Coupon Section Responsiveness */
  .woocommerce-cart .terrifier-coupon-accordion {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .woocommerce-cart .terrifier-coupon-input-group {
    display: flex !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .woocommerce-cart .terrifier-coupon-input-group input.input-text {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 8px 10px !important;
  }
  .woocommerce-cart .terrifier-coupon-input-group button.button {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    padding: 8px 14px !important;
  }

  /* Totals Table & CTA */
  .woocommerce-cart .cart_totals table.shop_table {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .woocommerce-cart .cart_totals table.shop_table th {
    padding: 10px 0 !important;
    font-size: 13px !important;
    width: 45% !important;
  }
  .woocommerce-cart .cart_totals table.shop_table td {
    padding: 10px 0 !important;
    font-size: 14px !important;
    width: 55% !important;
  }
  .woocommerce-cart .cart_totals table.shop_table tr.order-total strong,
  .woocommerce-cart .cart_totals table.shop_table tr.order-total .amount {
    font-size: 22px !important;
  }
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  .woocommerce-cart a.checkout-button {
    display: block !important;
    width: 100% !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  .terrifier-trust-bar {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 24px 16px !important;
  }
  .terrifier-trust-col {
    border-right: none !important;
    border-bottom: 1px solid #222222 !important;
    padding-bottom: 16px !important;
  }
  .terrifier-trust-col:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
  }

  .terrifier-promo-banner {
    padding: 35px 16px !important;
  }
  .terrifier-promo-heading {
    font-size: 24px !important;
  }
  .terrifier-promo-silhouettes {
    display: none !important;
  }
}

/* ==========================================================================
   TERRIFIER MERCH REDESIGNED CHECKOUT PAGE
   ========================================================================== */

/* 1. Page Background & Container Defaults */
body.woocommerce-checkout {
  background-color: #080808 !important;
/*   color: #F5F5F5 !important; */
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Hide default page header in Hello Elementor on checkout */
.woocommerce-checkout .page-header,
.woocommerce-checkout .entry-header {
  display: none !important;
}

/* Outer layout containers */
.woocommerce-checkout #primary,
.woocommerce-checkout #main,
.woocommerce-checkout .site-main,
.woocommerce-checkout .page-content {
  background-color: #080808 !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 20px 20px 20px !important;
  box-sizing: border-box !important;
}

/* WooCommerce notices on checkout */
.woocommerce-checkout .woocommerce-NoticeGroup,
.woocommerce-checkout .woocommerce-notices-wrapper {
  width: 100% !important;
  margin-bottom: 24px !important;
}

.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-error {
  background-color: #151619 !important;
  border: 1px solid #2A2A2A !important;
  border-left: 4px solid #E10600 !important;
  color: #F5F5F5 !important;
  padding: 16px 20px !important;
  border-radius: 4px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  margin-bottom: 20px !important;
}

.woocommerce-checkout .woocommerce-error {
  border-color: #E10600 !important;
  background-color: rgba(225, 6, 0, 0.08) !important;
}

.woocommerce-checkout .woocommerce-error li {
  color: #F5F5F5 !important;
  margin-bottom: 4px !important;
}

.woocommerce-checkout .woocommerce-message a.button,
.woocommerce-checkout .woocommerce-info a.button {
  background-color: #E10600 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 3px !important;
  padding: 6px 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

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

/* 2. PAGE HERO */
.terrifier-checkout-hero {
  position: relative !important;
  width: 100% !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background-image: linear-gradient(180deg, rgba(8, 9, 11, 0.72) 0%, rgba(8, 9, 11, 0.95) 100%), url('https://hammad.wsmsolutions.co/wp-content/uploads/2026/09/New-Project-3.webp') !important;
  background-size: cover !important;
  background-position: center 30% !important;
  background-repeat: no-repeat !important;
  padding: 65px 20px 60px 20px !important;
  text-align: center !important;
  margin-top: 20px !important;
  margin-bottom: 35px !important;
  border: 1px solid #2A2A2A !important;
  box-sizing: border-box !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
}

/* 3. TWO-COLUMN CHECKOUT LAYOUT */
.woocommerce-checkout form.checkout.woocommerce-checkout {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 32px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Left Column: Customer Details (#customer_details) */
.woocommerce-checkout form.checkout.woocommerce-checkout #customer_details,
.woocommerce-checkout .col2-set#customer_details {
  flex: 0 0 58% !important;
  width: 58% !important;
  max-width: 58% !important;
  min-width: 0 !important;
  background-color: #111214 !important;
  border: 1px solid #242528 !important;
  border-radius: 8px !important;
  padding: 32px 28px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
  box-sizing: border-box !important;
  float: none !important;
  margin: 0 !important;
}

.woocommerce-checkout .col2-set#customer_details .col-1,
.woocommerce-checkout .col2-set#customer_details .col-2 {
  width: 100% !important;
  float: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Billing & Additional Fields Section Headings */
.woocommerce-checkout .woocommerce-billing-fields > h3 {
  display: block !important;
  font-family: 'Cinzel Decorative', serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #F5F5F5 !important;
  margin: 0 0 24px 0 !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #E10600 !important;
}

.woocommerce-checkout .woocommerce-additional-fields > h3 {
  display: block !important;
  font-family: 'Cinzel Decorative', serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #F5F5F5 !important;
  margin: 24px 0 14px 0 !important;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px 4% !important;
}

.woocommerce-checkout .form-row {
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.woocommerce-checkout .form-row-wide {
  width: 100% !important;
  flex: 0 0 100% !important;
}

.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
  width: 48% !important;
  flex: 0 0 48% !important;
  float: none !important;
}

.woocommerce-checkout label {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #A0A0A0 !important;
  margin-bottom: 8px !important;
  letter-spacing: 0.5px !important;
}

.woocommerce-checkout label .required {
  color: #E10600 !important;
  text-decoration: none !important;
  font-weight: bold !important;
}

.woocommerce-checkout label .optional {
  color: #666666 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea.input-text,
.woocommerce-checkout select {
  width: 100% !important;
  background-color: #0E0F11 !important;
  border: 1px solid #2A2A2A !important;
  border-radius: 4px !important;
  color: #F5F5F5 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea.input-text:focus,
.woocommerce-checkout select:focus {
  outline: none !important;
  border-color: #E10600 !important;
  box-shadow: 0 0 10px rgba(225, 6, 0, 0.35) !important;
}

/* Select2 / SelectWoo Dropdowns (Country, State) */
.woocommerce-checkout .select2-container .select2-selection--single {
  height: 44px !important;
  background-color: #0E0F11 !important;
  border: 1px solid #2A2A2A !important;
  border-radius: 4px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
  color: #F5F5F5 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  padding-left: 0 !important;
  line-height: 42px !important;
}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow {
  height: 42px !important;
  right: 10px !important;
}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #A0A0A0 transparent transparent transparent !important;
}

.woocommerce-checkout .select2-container--open .select2-selection--single {
  border-color: #E10600 !important;
  box-shadow: 0 0 10px rgba(225, 6, 0, 0.35) !important;
}

.select2-dropdown {
  background-color: #111214 !important;
  border: 1px solid #2A2A2A !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
}

.select2-dropdown .select2-search__field {
  background-color: #0E0F11 !important;
  border: 1px solid #2A2A2A !important;
  border-radius: 3px !important;
  color: #F5F5F5 !important;
  padding: 8px 10px !important;
}

.select2-results__option {
  color: #F5F5F5 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  padding: 8px 12px !important;
}

.select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #E10600 !important;
  color: #ffffff !important;
}

/* Order notes textarea */
.woocommerce-checkout .woocommerce-additional-fields {
  margin-top: 25px !important;
  padding-top: 20px !important;
  border-top: 1px solid #2A2A2A !important;
}

.woocommerce-checkout .woocommerce-additional-fields {
  display: none !important;
}

/* ==========================================================================
   4. RIGHT COLUMN — ORDER SUMMARY & PAYMENT CARD (#order_review)
   ========================================================================== */
.woocommerce-checkout h3#order_review_heading {
  display: none !important;
}

.woocommerce-checkout wc-order-attribution-inputs {
  display: none !important;
}

.woocommerce-checkout form.checkout.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review.woocommerce-checkout-review-order {
  flex: 0 0 38% !important;
  width: 38% !important;
  max-width: 38% !important;
  min-width: 0 !important;
  background-color: #111214 !important;
  border: 1px solid #242528 !important;
  border-radius: 8px !important;
  padding: 30px 24px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
  box-sizing: border-box !important;
  align-self: flex-start !important;
  position: sticky !important;
  top: 30px !important;
}

/* Order Summary Title injected directly into #order_review */
.woocommerce-checkout #order_review::before {
  content: "ORDER SUMMARY" !important;
  display: block !important;
  font-family: 'Cinzel Decorative', serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: #F5F5F5 !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #E10600 !important;
  text-transform: uppercase !important;
}

/* Review Order Table */
.woocommerce-checkout table.woocommerce-checkout-review-order-table {
  width: 100% !important;
  border-collapse: collapse !important;
  border: none !important;
  margin: 0 0 24px 0 !important;
  background: transparent !important;
  table-layout: auto !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table thead {
  display: none !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody tr.cart_item {
  border-bottom: 1px solid #242528 !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody td {
  padding: 14px 4px !important;
  vertical-align: middle !important;
  border: none !important;
  background: transparent !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #F5F5F5 !important;
  line-height: 1.4 !important;
  word-break: break-word !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name .product-quantity {
  font-weight: 700 !important;
  color: #E10600 !important;
  margin-left: 6px !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total {
  text-align: right !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #F5F5F5 !important;
  white-space: nowrap !important;
  padding-left: 12px !important;
}

/* Review Order Totals (tfoot) */
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr {
  border-bottom: 1px solid #1E2024 !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th {
  padding: 12px 4px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #8C8F96 !important;
  border: none !important;
  background: transparent !important;
  text-align: left !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td {
  padding: 12px 4px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #F5F5F5 !important;
  border: none !important;
  background: transparent !important;
  text-align: right !important;
}

/* Final Order Total Row */
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total {
  border-top: 1px solid #242528 !important;
  border-bottom: none !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total th {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #F5F5F5 !important;
  padding-top: 16px !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
  padding-top: 16px !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total strong,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total .amount {
  font-family: 'Inter', sans-serif !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #E10600 !important;
  text-shadow: 0 0 16px rgba(225, 6, 0, 0.35) !important;
  letter-spacing: 0.5px !important;
}

/* ==========================================================================
   5. PAYMENT SECTION & PLACE ORDER BUTTON
   ========================================================================== */
.woocommerce-checkout #payment {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-top: 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  border: 1px solid #242528 !important;
  border-radius: 6px !important;
  background-color: #0B0C0E !important;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
  list-style: none !important;
  overflow: hidden !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
  padding: 16px 18px !important;
  border-bottom: 1px solid #1E2024 !important;
  margin: 0 !important;
  transition: background-color 0.2s ease !important;
}

.woocommerce-checkout #payment ul.payment_methods li:last-child {
  border-bottom: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li:hover {
  background-color: rgba(225, 6, 0, 0.03) !important;
}

.woocommerce-checkout #payment ul.payment_methods li label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #F5F5F5 !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
  accent-color: #E10600 !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 8px !important;
  cursor: pointer !important;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: #151619 !important;
  border: 1px solid #242528 !important;
  border-radius: 4px !important;
  padding: 14px 16px !important;
  margin: 12px 0 6px 0 !important;
  color: #8C8F96 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.woocommerce-checkout #payment div.payment_box::before {
  display: none !important;
}

/* Place Order Container & Terms */
.woocommerce-checkout #payment .place-order {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  margin-bottom: 18px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  color: #8C8F96 !important;
  line-height: 1.6 !important;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a {
  color: #E10600 !important;
  text-decoration: underline !important;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a:hover {
  color: #ff2a24 !important;
}

/* Place Order Primary Action Button */
.woocommerce-checkout button#place_order,
.woocommerce-checkout #payment button.button#place_order {
  display: block !important;
  width: 100% !important;
  background-color: #E10600 !important;
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 18px 24px !important;
  border-radius: 6px !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow: 0 6px 20px rgba(225, 6, 0, 0.45) !important;
  transition: all 0.3s ease !important;
  margin-top: 10px !important;
  box-sizing: border-box !important;
}

.woocommerce-checkout button#place_order:hover,
.woocommerce-checkout #payment button.button#place_order:hover {
  background-color: #B00000 !important;
  color: #ffffff !important;
  box-shadow: 0 0 25px rgba(225, 6, 0, 0.7) !important;
  transform: translateY(-2px) !important;
}

/* Bottom Trust & Security Box under Place Order */
.terrifier-checkout-trust-bottom {
  margin-top: 20px !important;
  padding-top: 18px !important;
  border-top: 1px solid #1E2024 !important;
  text-align: center !important;
}

.terrifier-checkout-secure-badge {
/*   display: flex !important; */
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8C8F96 !important;
  letter-spacing: 0.5px !important;
}

.terrifier-checkout-secure-badge .secure-icon {
  font-size: 14px !important;
  color: #4cd964 !important;
}

.terrifier-checkout-accepted-payments {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.terrifier-checkout-accepted-payments img {
  height: 24px !important;
  width: auto !important;
  border-radius: 3px !important;
  background-color: #0B0C0E !important;
  border: 1px solid #242528 !important;
  padding: 2px 5px !important;
  box-sizing: border-box !important;
  filter: grayscale(15%) brightness(0.95) !important;
  transition: all 0.2s ease !important;
}

.terrifier-checkout-accepted-payments img:hover {
  filter: grayscale(0%) brightness(1.1) !important;
  border-color: #E10600 !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   6. CHECKOUT RESPONSIVE ADAPTATIONS (375px, 390px, 414px, 768px, 1024px)
   ========================================================================== */

/* Strict Canvas & Overflow Guard for Checkout Page Only */
html, body.woocommerce-checkout {
  overflow-x: hidden !important;
   max-width: 100% !important; 
  width: 100% !important;
}

body.woocommerce-checkout * {
  box-sizing: border-box !important;
}

/* Tablet Portrait & Mobile Stacking (<= 991px) */
@media (max-width: 991px) {
  .woocommerce-checkout form.checkout.woocommerce-checkout {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .woocommerce-checkout form.checkout.woocommerce-checkout #customer_details,
  .woocommerce-checkout .col2-set#customer_details {
    width: 100% !important;
/*     max-width: 100% !important; */
    flex: 1 1 100% !important;
    order: 1 !important;
  }

  .woocommerce-checkout form.checkout.woocommerce-checkout #order_review,
  .woocommerce-checkout #order_review.woocommerce-checkout-review-order {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    order: 2 !important;
    position: static !important;
    top: auto !important;
  }
}

/* Mobile Screens (<= 768px) */
@media (max-width: 768px) {
  .woocommerce-checkout #primary,
  .woocommerce-checkout #main,
  .woocommerce-checkout .site-main,
  .woocommerce-checkout .page-content {
    padding: 0 12px 30px 12px !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .terrifier-checkout-hero {
    padding: 30px 16px !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }

  .terrifier-checkout-hero .terrifier-cart-hero-title {
    font-size: 24px !important;
    letter-spacing: 1.5px !important;
  }

  .woocommerce-checkout form.checkout.woocommerce-checkout #customer_details,
  .woocommerce-checkout .col2-set#customer_details,
  .woocommerce-checkout form.checkout.woocommerce-checkout #order_review,
  .woocommerce-checkout #order_review.woocommerce-checkout-review-order {
    padding: 20px 16px !important;
    border-radius: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Form Fields Stacking on Mobile: 100% Full-Width */
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
  }

  .woocommerce-checkout .form-row,
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last,
  .woocommerce-checkout .form-row-wide,
  .woocommerce-checkout p.form-row {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    float: none !important;
    margin: 0 0 14px 0 !important;
    box-sizing: border-box !important;
  }

  .woocommerce-checkout .form-row input.input-text,
  .woocommerce-checkout .form-row select,
  .woocommerce-checkout .form-row textarea {
    font-size: 16px !important; /* Prevents iOS auto-zoom */
    padding: 12px 14px !important;
  }

  /* Order Review Table on Mobile */
  .woocommerce-checkout table.woocommerce-checkout-review-order-table tbody td {
    padding: 10px 2px !important;
  }

  .woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name {
    font-size: 13px !important;
  }

  .woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total {
    font-size: 14px !important;
  }

  .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total strong,
  .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total .amount {
    font-size: 22px !important;
  }

  /* Payment & Place Order on Mobile */
  .woocommerce-checkout #payment ul.payment_methods li {
    padding: 14px 14px !important;
  }

  .woocommerce-checkout #payment div.payment_box {
    padding: 10px 12px !important;
    font-size: 12px !important;
  }

  .woocommerce-checkout button#place_order,
  .woocommerce-checkout #payment button.button#place_order {
    padding: 16px 18px !important;
    font-size: 15px !important;
    letter-spacing: 1.5px !important;
  }

  .terrifier-checkout-accepted-payments img {
    height: 20px !important;
  }
}

/* ==========================================================================
   GLOBAL RESPONSIVE FIXES (ADDED FOR OVERFLOW & MOBILE)
   ========================================================================== */
html, body {
  overflow-x: hidden !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

img {
  max-width: 100% !important;
  height: auto !important;
}

/* Prevent Elementor containers from overflowing on small screens */
.elementor-section, .elementor-container, .elementor-column, .elementor-widget-wrap {
/*   max-width: 100% !important; */
  word-wrap: break-word !important;
}

/* Global Heading Font Family */
h1, h2, h3, h4, h5, h6, .elementor-heading-title {
  font-family: 'Cinzel Decorative', serif !important;
}

/* Typography fluid fallbacks for small screens */
@media (max-width: 767px) {
  h1, .elementor-heading-title.elementor-size-default {
    font-size: clamp(24px, 6vw, 36px) !important;
    line-height: 1.2 !important;
  }
  h2, h3 {
    font-size: clamp(20px, 5vw, 28px) !important;
  }
}
.woocommerce-pagination ul li a{
    color: #B00000!important;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #ffff;
    color: #B00000;
}




.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: none;
    position: none;
    bottom: -3px;	
}



.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{
	    color: #ffff!important;
    background-color: #B00000!important;

}


.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true]{	
background-color: #b00000 !important;
}

/* select#billing_country {
    display: none !important;
} */
p#billing_country_field {
    display: none !important;
}

/* ==========================================================================
   CARTPOPS MOBILE DRAWER CART ITEM FIX
   Fixes squished product title, broken word wrapping, and clipped quantity
   selector in the CartPops slide-out drawer on mobile screens.
   ========================================================================== */
#cartpops-drawer {
  box-sizing: border-box !important;
}

@media (max-width: 544px) {
  #cartpops-drawer {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 16px !important;
  }
}

.cpops-cart-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  width: 100% !important;
  gap: 12px !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid var(--color-cpops-border-color, #eaeaec) !important;
}

.cpops-cart-item__container {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 !important;
  overflow: visible !important;
  gap: 12px !important;
}

.cpops-cart-item__image {
  flex: 0 0 65px !important;
  width: 65px !important;
  min-width: 65px !important;
  max-width: 65px !important;
  height: 65px !important;
  margin: 0 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

.cpops-cart-item__image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 65px !important;
  max-height: 65px !important;
  object-fit: cover !important;
  display: block !important;
}

.cpops-cart-item__product {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

.cpops-cart-item__details,
.cpops-cart-item__product--name {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.cpops-cart-item__product--link {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  line-height: 1.35 !important;
}

.cpops-cart-item__product--link a {
  display: inline !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: var(--color-cpops-text-primary, #111111) !important;
  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  text-decoration: none !important;
}

/* Quantity selector */
#cartpops-drawer .cpops-cart-item__quantity {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  margin-top: 8px !important;
  flex-shrink: 0 !important;
  width: auto !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  border: 1px solid var(--color-cpops-border-color, #eaeaec) !important;
  background: var(--color-cpops-input-quantity-background, #f1f1f1) !important;
}

#cartpops-drawer .cpops-cart-item__quantity button {
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  line-height: 1 !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  background: var(--color-cpops-button-quantity-background, #f1f1f1) !important;
  color: var(--color-cpops-button-quantity-text, #333) !important;
  padding: 0 !important;
  margin: 0 !important;
  text-indent: 0 !important;
}

#cartpops-drawer .cpops-cart-item__quantity input[type=number] {
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 28px !important;
  max-height: 28px !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: 1px solid var(--color-cpops-border-color, #eaeaec) !important;
  border-right: 1px solid var(--color-cpops-border-color, #eaeaec) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: center !important;
  color: var(--color-cpops-input-quantity-text, #111) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

/* Actions column (Remove + Price) */
.cpops-cart-item__actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 55px !important;
  max-width: 75px !important;
  padding: 0 !important;
  height: auto !important;
}

.cpops-cart-item__actions--remove {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.cpops-cart-item__actions--pricing {
  margin-top: auto !important;
  padding-top: 8px !important;
}

.cpops-cart-item__actions--pricing .cpops-price {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--color-cpops-text-secondary, #111111) !important;
  text-align: right !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

/* ==========================================================================
   HIDE WOOCOMMERCE "VIEW CART" LINK AFTER AJAX ADD TO CART
   ========================================================================== */
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart,
a.added_to_cart,
a.added_to_cart.wc-forward {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}




.terrifier-swatch-check{
		color:#ffffff !important;
	}

.terrifier-swatch-check:hover {
		color:#b00000 !important;
	}



.body.woocommerce-shop, body.archive.post-type-archive-product, body.tax-product_cat, body.tax-product_tag, body.single-product{
	    background-color: #080808 !important;
    color: #trtransparent !important;
	}



/* a{
	    color: #B31217 !important;
}
 */

/* ==========================================================================
   SINGLE PRODUCT PAGE - VARIATION SWATCHES STYLE (SIZE & COLOR)
   ========================================================================== */

/* 1. Stack Label Above Swatches and Clear Table Borders */
.single-product table.variations,
.single-product .variations_form table.variations {
    width: 100% !important;
    border: none !important;
    margin-bottom: 24px !important;
    border-collapse: separate !important;
}

.single-product table.variations tbody,
.single-product table.variations tr,
.single-product table.variations th.label,
.single-product table.variations td.value {
    display: block !important;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: left !important;
}

.single-product table.variations tr {
    margin-bottom: 22px !important;
}

.single-product table.variations tr:last-child {
    margin-bottom: 12px !important;
}

/* 2. Variation Titles / Labels (Size & Color) */
.single-product table.variations th.label {
    margin-bottom: 12px !important;
}

.single-product table.variations th.label label,
.single-product table.variations th.label label a {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: -0.2px !important;
    display: inline-block !important;
    line-height: 1.2 !important;
    text-transform: capitalize !important;
}

/* 3. Swatches Container Wrapper */
.single-product ul.variable-items-wrapper,
.single-product .woo-variation-swatches ul.variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 4. Swatch Buttons (Size & Color) */
.single-product .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item),
.single-product .woo-variation-swatches .variable-items-wrapper.wvs-style-squared .variable-item:not(.radio-variable-item),
.single-product ul.variable-items-wrapper li.variable-item.button-variable-item {
    background-color: #121316 !important;
    border: 1px solid #2f323a !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    height: 46px !important;
    min-width: 48px !important;
    width: auto !important;
    padding: 0 16px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    outline: none !important;
    box-sizing: border-box !important;
}

/* Specific Size buttons width balance */
.single-product ul.variable-items-wrapper[data-attribute_name="attribute_pa_size"] li.variable-item {
    min-width: 48px !important;
    padding: 0 14px !important;
}

/* Specific Color buttons padding */
.single-product ul.variable-items-wrapper[data-attribute_name="attribute_pa_color"] li.variable-item {
    min-width: 68px !important;
    padding: 0 18px !important;
}

/* Text inside the button */
.single-product .woo-variation-swatches .variable-items-wrapper .variable-item .variable-item-contents,
.single-product .woo-variation-swatches .variable-items-wrapper .variable-item span.variable-item-span {
    color: #ffffff !important;
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    display: inline-block !important;
}

/* 5. Hover State */
.single-product .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover,
.single-product ul.variable-items-wrapper li.variable-item.button-variable-item:hover {
    background-color: #1a1c22 !important;
    border-color: #4a4e5a !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.single-product .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover span.variable-item-span {
    color: #ffffff !important;
}

/* 6. Selected / Active State */
.single-product .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected,
.single-product .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover,
.single-product ul.variable-items-wrapper li.variable-item.button-variable-item.selected,
.single-product ul.variable-items-wrapper li.variable-item.button-variable-item[aria-checked="true"] {
    background-color: #16171c !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 1px #ffffff !important;
}

.single-product .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected span.variable-item-span,
.single-product ul.variable-items-wrapper li.variable-item.button-variable-item.selected span.variable-item-span {
    color: #ffffff !important;
}

/* 7. Reset / Clear Variations Link */
.single-product .reset_variations {
    display: inline-block !important;
    color: #7d808a !important;
    font-size: 13px !important;
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    margin-top: 8px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.single-product .reset_variations:hover {
    color: #e10600 !important;
}


.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
	    line-height: 0em !important;

}