/* v4.0.14.1.20.3 — Dynamic adaptive compact quick cards from Theme Settings.
   Scoped to single product pages only. Presentation/settings only; no WooCommerce/product/cart logic changes. */

body.single-product #dnProductPage .dn-sp-quick-cards{
  width:min(100%, var(--dn-quick-max-width, 520px)) !important;
  max-width:var(--dn-quick-max-width, 520px) !important;
  margin:8px 0 14px !important;
  display:grid !important;
  grid-template-columns:repeat(var(--dn-quick-desktop-cols, 4), minmax(0, 1fr)) !important;
  gap:var(--dn-quick-gap, 8px) !important;
  align-items:stretch !important;
}

body.single-product #dnProductPage .dn-sp-quick-cards .dn-card,
body.single-product #dnProductPage .dn-sp-quick-cards .dn-sp-icon,
body.single-product #dnProductPage .dn-sp-quick-card{
  aspect-ratio:1 / 1 !important;
  min-height:0 !important;
  height:auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  border-radius:var(--dn-quick-radius, 14px) !important;
  text-decoration:none !important;
  color:var(--dn-quick-title-color, #1a2740) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:var(--dn-quick-padding, 5px) !important;
  min-width:0 !important;
  overflow:hidden !important;
  transition:background-color .18s ease, transform .18s ease !important;
}

body.single-product #dnProductPage .dn-sp-quick-cards .dn-card:hover,
body.single-product #dnProductPage .dn-sp-quick-cards .dn-sp-icon:hover,
body.single-product #dnProductPage .dn-sp-quick-card:hover{
  background:var(--dn-quick-hover-bg, #fff1ed) !important;
  transform:translateY(-1px) !important;
}

body.single-product #dnProductPage .dn-sp-quick-cards .dn-card:focus-visible,
body.single-product #dnProductPage .dn-sp-quick-cards .dn-sp-icon:focus-visible,
body.single-product #dnProductPage .dn-sp-quick-card:focus-visible{
  background:var(--dn-quick-hover-bg, #fff1ed) !important;
  outline:2px solid rgba(255,60,32,.35) !important;
  outline-offset:2px !important;
}

body.single-product #dnProductPage .dn-sp-quick-cards .dn-icon-wrap{
  width:var(--dn-quick-icon-wrap-size, 26px) !important;
  height:var(--dn-quick-icon-wrap-size, 26px) !important;
  border-radius:50% !important;
  background:var(--dn-quick-icon-bg, #fff1ed) !important;
  display:grid !important;
  place-items:center !important;
  margin:0 0 min(5px, calc(var(--dn-quick-gap, 8px) / 2)) !important;
  flex:0 0 auto !important;
  transition:background-color .18s ease !important;
}

body.single-product #dnProductPage .dn-sp-quick-cards .dn-card:hover .dn-icon-wrap,
body.single-product #dnProductPage .dn-sp-quick-cards .dn-sp-icon:hover .dn-icon-wrap,
body.single-product #dnProductPage .dn-sp-quick-cards .dn-sp-quick-card:hover .dn-icon-wrap{
  background:var(--dn-quick-hover-icon-bg, #ffe3da) !important;
}

body.single-product #dnProductPage .dn-sp-quick-cards .dn-icon{
  width:var(--dn-quick-icon-size, 13px) !important;
  height:var(--dn-quick-icon-size, 13px) !important;
  color:var(--dn-quick-icon-color, #ff3c20) !important;
  display:block !important;
  flex:0 0 auto !important;
}

body.single-product #dnProductPage .dn-sp-quick-cards .dn-title,
body.single-product #dnProductPage .dn-sp-quick-cards .dn-subtitle{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-family:var(--dn-quick-font-family, inherit) !important;
  letter-spacing:-.08px !important;
  text-transform:none !important;
}

body.single-product #dnProductPage .dn-sp-quick-cards .dn-title{
  font-size:var(--dn-quick-title-size, 11px) !important;
  line-height:1.05 !important;
  font-weight:var(--dn-quick-title-weight, 800) !important;
  font-style:var(--dn-quick-title-style, normal) !important;
  color:var(--dn-quick-title-color, #1a2740) !important;
}

body.single-product #dnProductPage .dn-sp-quick-cards .dn-subtitle{
  margin-top:1px !important;
  font-size:var(--dn-quick-subtitle-size, 10px) !important;
  line-height:1.05 !important;
  font-weight:var(--dn-quick-subtitle-weight, 700) !important;
  font-style:var(--dn-quick-subtitle-style, normal) !important;
  color:var(--dn-quick-subtitle-color, #5f6d83) !important;
}

@media (max-width: 700px){
  body.single-product #dnProductPage .dn-sp-quick-cards{
    grid-template-columns:repeat(var(--dn-quick-tablet-cols, 4), minmax(0, 1fr)) !important;
  }
}

@media (max-width: 360px){
  body.single-product #dnProductPage .dn-sp-quick-cards{
    width:min(100%, var(--dn-quick-max-width, 520px)) !important;
    grid-template-columns:repeat(var(--dn-quick-mobile-cols, 2), minmax(0, 1fr)) !important;
  }
}
