/*
 * PCSUIT — REDESIGN 2026-04-30 :: CONSOLIDATED FINAL (chunk B)
 * Solutions cards, buttons, price, ordinabile, options
 * Selettori adattati a body.page-index (PS 1.7 home class corretta)
 */

@keyframes pcsHudPulse {
  0%, 100% { box-shadow: 0 0 0 2px rgba(28, 184, 92, 0.18); }
  50%      { box-shadow: 0 0 0 5px rgba(28, 184, 92, 0.04); }
}

body.page-index .featured-products {
  position: relative !important;
  margin-top: 52px !important;
  padding: 44px 0 60px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(247, 250, 252, 0.98) 100%) !important;
  border-top: 1px solid rgba(0, 92, 169, 0.10) !important;
}

body.page-index .featured-products > h4.pcsuite-sub,
body.page-index .featured-products > h2.pcsuite-tit,
body.page-index .featured-products > .pcsuite-catenaccio {
  max-width: 920px !important;
}

body.page-index .featured-products > .pcsuite-catenaccio {
  color: #17314A !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
  margin: 0 0 28px !important;
}

body.page-index .featured-products > hr {
  display: none !important;
}

body.page-index .featured-products .products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 30px !important;
  align-items: stretch !important;
  margin: 34px 0 0 !important;
  padding: 0 !important;
}

body.page-index .featured-products .products::before,
body.page-index .featured-products .products::after {
  content: none !important;
  display: none !important;
}

body.page-index .featured-products .products > article.product-miniature {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 92, 169, 0.16) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 16px 38px rgba(0, 37, 68, 0.08) !important;
  clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 0 100%) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

body.page-index .featured-products .products > article.product-miniature:hover {
  transform: translateY(-7px) !important;
  border-color: var(--pc-blue) !important;
  box-shadow:
    0 24px 54px rgba(0, 37, 68, 0.15),
    0 0 0 1px rgba(82, 175, 198, 0.22) !important;
}

body.page-index .featured-products article.product-miniature .product-container {
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

body.page-index .featured-products article.product-miniature .left-block {
  background:
    radial-gradient(circle at 50% 38%, rgba(82, 175, 198, 0.12), transparent 42%),
    linear-gradient(180deg, #FFFFFF 0%, #F6F9FC 100%) !important;
  border-bottom: 1px solid rgba(0, 92, 169, 0.12) !important;
}

body.page-index .featured-products article.product-miniature .product-image-container {
  aspect-ratio: 1.08 / 1 !important;
  padding: 22px !important;
}

body.page-index .featured-products article.product-miniature .thumbnail.product_img_link img {
  max-height: 86% !important;
}

body.page-index .featured-products article.product-miniature .right-block {
  padding: 18px 18px 12px !important;
  gap: 8px !important;
  display: flex !important;
  flex-direction: column !important;
}

body.page-index .featured-products article.product-miniature .ordinabile {
  position: relative !important;
  order: 5 !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 4px 10px 4px 20px !important;
  background: transparent !important;
  border: 1px solid rgba(0, 92, 169, 0.18) !important;
  border-radius: 0 !important;
  clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px) !important;
  color: #006B3C !important;
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
  align-self: center !important;
  white-space: nowrap !important;
}

body.page-index .featured-products article.product-miniature .ordinabile::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 8px !important;
  transform: translateY(-50%) !important;
  width: 6px !important;
  height: 6px !important;
  background: #1CB85C !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 2px rgba(28, 184, 92, 0.18) !important;
  animation: pcsHudPulse 2s ease-in-out infinite !important;
}

body.page-index .featured-products article.product-miniature .product-cate {
  color: var(--pc-blue) !important;
  font-size: 10px !important;
  margin: 0 !important;
}

body.page-index .featured-products article.product-miniature .product-title-item,
body.page-index .featured-products article.product-miniature h5.product-title-item {
  color: #071A2C !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.34 !important;
  min-height: calc(15px * 1.34 * 2) !important;
}

body.page-index .featured-products article.product-miniature .review-price-product {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  height: auto !important;
  min-height: 48px !important;
  padding-top: 14px !important;
  padding-bottom: 10px !important;
  margin: 0 !important;
  overflow: visible !important;
  border-top: 1px dashed rgba(0, 92, 169, 0.16) !important;
}

body.page-index .featured-products article.product-miniature .dor-show-value-product {
  display: flex !important;
  align-items: flex-end !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

body.page-index .featured-products article.product-miniature .content_price {
  position: relative !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  width: max-content !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding: 0 0 6px 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

body.page-index .featured-products article.product-miniature .content_price::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 28px !important;
  height: 3px !important;
  background: var(--pc-yellow) !important;
  transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.page-index .featured-products article.product-miniature:hover .content_price::before {
  width: 100% !important;
}

body.page-index .featured-products article.product-miniature .price,
body.page-index .featured-products article.product-miniature .product-price-and-shipping .price,
body.page-index .featured-products article.product-miniature .content_price .price {
  display: inline-flex !important;
  align-items: baseline !important;
  font-family: 'JetBrains Mono', ui-monospace, monospace !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: var(--pc-navy) !important;
  letter-spacing: -0.02em !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.page-index .featured-products article.product-miniature .product-more-options {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
  transition: none !important;
  min-height: 0 !important;
  height: auto !important;
}

body.page-index .featured-products article.product-miniature .product-more-options .dor-addcart-button,
body.page-index .featured-products article.product-miniature .product-more-options .add {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

/* PULSANTI: cart-button + btn-configure stesso stile tactical */
body.page-index .featured-products article.product-miniature a.cart-button.ajax_add_to_cart_button,
body.page-index .featured-products article.product-miniature a.btn-configure {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: calc(100% - 32px) !important;
  height: 44px !important;
  margin: 0 16px 16px !important;
  padding: 0 18px !important;
  background: var(--pc-navy) !important;
  background-color: var(--pc-navy) !important;
  background-image: none !important;
  border: 1px solid var(--pc-navy) !important;
  color: #FFFFFF !important;
  font-family: 'Saira Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px) !important;
  line-height: 1 !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 8px 18px rgba(0, 37, 68, 0.18) !important;
  cursor: pointer !important;
}

body.page-index .featured-products article.product-miniature a.cart-button.ajax_add_to_cart_button:hover,
body.page-index .featured-products article.product-miniature a.btn-configure:hover {
  background: var(--pc-navy-soft) !important;
  background-color: var(--pc-navy-soft) !important;
  border-color: var(--pc-yellow) !important;
  color: #FFFFFF !important;
  box-shadow:
    0 10px 22px rgba(0, 37, 68, 0.22),
    0 0 0 1px var(--pc-yellow) !important;
}

body.page-index .featured-products article.product-miniature a.btn-configure::after {
  content: '→' !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  color: var(--pc-yellow) !important;
  transition: transform 0.2s ease !important;
}

body.page-index .featured-products article.product-miniature a.btn-configure:hover::after {
  transform: translateX(4px) !important;
}

body.page-index .featured-products article.product-miniature a.cart-button.ajax_add_to_cart_button .material-icons,
body.page-index .featured-products article.product-miniature a.cart-button.ajax_add_to_cart_button .shopping-cart {
  color: var(--pc-yellow) !important;
  font-size: 18px !important;
}

body.page-index .featured-products article.product-miniature a.cart-button.ajax_add_to_cart_button span.hidden {
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
}

/* QUICK ACTIONS */
body.page-index .featured-products article.product-miniature .option-quick-add {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

body.page-index .featured-products article.product-miniature .option-quick-add::after,
body.page-index .featured-products article.product-miniature .option-quick-add::before,
body.page-index .featured-products article.product-miniature .option-quick-add > div::after,
body.page-index .featured-products article.product-miniature .option-quick-add > div::before {
  content: none !important;
  display: none !important;
}

body.page-index .featured-products article.product-miniature .option-quick-add .icon-line-wishlist-fel,
body.page-index .featured-products article.product-miniature .option-quick-add .icon-line-compare-fel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.page-index .featured-products article.product-miniature .show-btn-products a.quick-view,
body.page-index .featured-products article.product-miniature .option-quick-add a.addToDorWishlist,
body.page-index .featured-products article.product-miniature .option-quick-add a.add_to_compare {
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid #DDE8F0 !important;
  border-radius: 50% !important;
  color: var(--pc-navy) !important;
  box-shadow: 0 8px 20px rgba(0, 37, 68, 0.10) !important;
}

body.page-index .featured-products article.product-miniature a.cart-button.ajax_add_to_cart_button::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  left: -100% !important;
  background: linear-gradient(90deg, transparent, rgba(201, 202, 0, 0.6) 50%, transparent) !important;
  transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

body.page-index .featured-products article.product-miniature a.cart-button.ajax_add_to_cart_button:hover::before {
  left: 100% !important;
}

@media (max-width: 1199px) {
  body.page-index .featured-products .products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }
}

@media (max-width: 767px) {
  body.page-index .featured-products .products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}

@media (max-width: 520px) {
  body.page-index .featured-products .products {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}