.elementor-7 .elementor-element.elementor-element-324f4b3f{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-725a200{--display:flex;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-324f4b3f{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-324f4b3f *//* ==========================================================================
   SIRGIKAL SARL - CART & BASKET PAGE MODERN REDESIGN
   Compatible with: WooCommerce Cart Blocks & Astra Theme
   Targeting: .wp-block-woocommerce-cart, #content.site-content
   ========================================================================== */

/* ---------------- 1. FULL-WIDTH CENTERING & PAGE WRAPPER ---------------- */
.page.type-page.ast-article-single,
.page-id-7 #content.site-content,
#content.site-content:has(.wp-block-woocommerce-cart) {
  width: 100% !important;
  max-width: 100% !important;
  background: #f8fafc !important;
  padding: 30px clamp(16px, 3.5vw, 50px) 70px !important;
  box-sizing: border-box !important;
}

.page.type-page.ast-article-single .ast-container,
.ast-container:has(.wp-block-woocommerce-cart) {
  width: 100% !important;
  max-width: 1450px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* ---------------- 2. PAGE HEADER / TITLE ---------------- */
.ast-article-single header.entry-header {
  margin-bottom: 24px !important;
  text-align: left !important;
}

.ast-article-single h1.entry-title {
  font-size: clamp(1.8rem, 2.8vw, 2.4rem) !important;
  font-weight: 800 !important;
  color: #0a2540 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 8px 0 !important;
}

/* ---------------- 3. EMPTY CART / BASKET CARD ---------------- */
.wp-block-woocommerce-cart {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 40px 32px !important;
  box-shadow: 0 4px 20px rgba(10, 37, 64, 0.04) !important;
  box-sizing: border-box !important;
}

@media (max-width: 640px) {
  .wp-block-woocommerce-cart {
    padding: 24px 16px !important;
  }
}

/* Empty Cart Notice & Heading */
.wp-block-woocommerce-empty-cart-block {
  text-align: center !important;
  padding: 20px 0 30px !important;
}

h2.wc-block-cart__empty-cart__title {
  font-size: clamp(1.3rem, 2.2vw, 1.7rem) !important;
  font-weight: 700 !important;
  color: #0a2540 !important;
  margin-bottom: 20px !important;
}

/* Separator Line */
hr.wp-block-separator {
  border: none !important;
  height: 1px !important;
  background: #edf2f7 !important;
  margin: 36px auto !important;
  max-width: 600px !important;
}

/* "New in store" Recommended Heading */
.wp-block-woocommerce-cart h2.wp-block-heading:not(.wc-block-cart__empty-cart__title) {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0a2540 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin: 20px 0 24px !important;
  text-align: center !important;
}

/* ---------------- 4. 4-COLUMN RECOMMENDED PRODUCTS GRID ---------------- */
.wc-block-grid__products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

@media (max-width: 1200px) {
  .wc-block-grid__products {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 860px) {
  .wc-block-grid__products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
  }
}

@media (max-width: 480px) {
  .wc-block-grid__products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}

/* Product Item Card */
.wc-block-grid__product {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-shadow: 0 2px 10px rgba(10, 37, 64, 0.03) !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

.wc-block-grid__product:hover {
  transform: translateY(-3px) !important;
  border-color: #0088cc !important;
  box-shadow: 0 6px 18px rgba(0, 136, 204, 0.12) !important;
}

/* Product Link Wrapper */
.wc-block-grid__product-link {
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Product Image: 3:4 Contain Framing */
.wc-block-grid__product-image {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #f8fafc !important;
}

.wc-block-grid__product-image img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Product Title */
.wc-block-grid__product-title {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #0a2540 !important;
  line-height: 1.35 !important;
  margin: 4px 0 0 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.2s ease !important;
}

.wc-block-grid__product-link:hover .wc-block-grid__product-title {
  color: #0088cc !important;
}

/* Price */
.wc-block-grid__product-price {
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  color: #0088cc !important;
  margin: 4px 0 !important;
}

/* "Read more" / Product Button */
.wc-block-grid__product-add-to-cart {
  margin-top: 10px !important;
  width: 100% !important;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link,
.wc-block-grid__product-add-to-cart a.add_to_cart_button {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding: 8px 12px !important;
  background: #0a2540 !important;
  color: #ffffff !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart a.add_to_cart_button:hover {
  background: #0088cc !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}/* End custom CSS */
/* Start custom CSS *//* Kill Astra's boxed content wrapper for this page */
.ast-container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}

/* Belt-and-suspenders: some Astra layouts also constrain #content */
#content.site-content {
  max-width: 100% !important;
  padding: 0 !important;
}

/* ==========================================================================
   SIRGIKAL SARL - CART RECOMMENDED PRODUCTS GRID EXPANSION FIX
   ========================================================================== */

/* 1. Parent 4-Column Grid */
.wc-block-grid__products,
ul.wc-block-grid__products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 100% !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0 0 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 1024px) {
  .wc-block-grid__products,
  ul.wc-block-grid__products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (max-width: 600px) {
  .wc-block-grid__products,
  ul.wc-block-grid__products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

/* 2. FORCE FULL WIDTH ON EACH PRODUCT CARD (Kills 25% double-shrink) */
.wc-block-grid__products li.wc-block-grid__product,
.wc-block-grid.has-4-columns .wc-block-grid__product,
.wc-block-grid__product {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: none !important;
  flex-basis: auto !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-shadow: 0 3px 12px rgba(10, 37, 64, 0.04) !important;
  box-sizing: border-box !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  margin: 0 !important;
}

.wc-block-grid__products li.wc-block-grid__product:hover {
  transform: translateY(-3px) !important;
  border-color: #0088cc !important;
  box-shadow: 0 8px 22px rgba(0, 136, 204, 0.14) !important;
}

/* 3. Product Link & Thumbnail */
.wc-block-grid__product-link {
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
}

.wc-block-grid__product-image {
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  max-height: 280px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  padding: 12px !important;
  border-bottom: 1px solid #f8fafc !important;
  box-sizing: border-box !important;
}

.wc-block-grid__product-image img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* 4. Product Title */
.wc-block-grid__product-title {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #0a2540 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 4px 0 0 0 !important;
}

/* 5. "Read More" Button (Horizontal & Clean) */
.wc-block-grid__product-add-to-cart {
  margin-top: 12px !important;
  width: 100% !important;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link,
.wc-block-grid__product-add-to-cart a.add_to_cart_button {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding: 9px 12px !important;
  background: #0a2540 !important;
  color: #ffffff !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  word-break: normal !important;
  writing-mode: horizontal-tb !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart a.add_to_cart_button:hover {
  background: #0088cc !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}/* End custom CSS */