/* INY Product Detail + Product Card Refinement
   Visual-only layer plus safe catalogue field normalization in shop.js.
*/
:root{
  --iny-blue:#315E73;
  --iny-sky:#72D8E3;
  --iny-sky-soft:#EEFBFC;
  --iny-pink:#E98289;
  --iny-pink-soft:#FFF1F3;
  --iny-mint:#A9DDCF;
  --iny-mint-soft:#EFFAF6;
  --iny-lav:#C7B6E9;
  --iny-lav-soft:#F7F3FD;
  --iny-line:#E3ECEF;
}

/* Product detail: remove the yellow size area and replace it with a clean sky-blue treatment. */
body .product-size-block{
  background:linear-gradient(180deg,#fff 0%,#EEFBFC 100%) !important;
  border:1px solid #CDECEF !important;
  border-top:1px solid #CDECEF !important;
  border-radius:18px !important;
  padding:20px !important;
  margin-top:24px !important;
}
body .product-size-block .option-head{
  margin-bottom:16px !important;
}
body .product-size-block .size-chart-trigger{
  background:#F7F3FD !important;
  border:1px solid #C7B6E9 !important;
  border-radius:999px !important;
  padding:8px 13px !important;
  color:var(--iny-blue) !important;
  text-decoration:none !important;
}
body .product-size-block .size-chart-trigger:hover{
  background:#EEFBFC !important;
  border-color:#72D8E3 !important;
}
body .product-size-block .size-btn{
  border-radius:999px !important;
  border:1px solid #C9DDE1 !important;
  background:#fff !important;
  min-width:58px !important;
  height:42px !important;
  color:var(--iny-blue) !important;
}
body .product-size-block .size-btn:hover{
  border-color:#72D8E3 !important;
  background:#EEFBFC !important;
}
body .product-size-block .size-btn.active{
  background:#72D8E3 !important;
  border-color:#72D8E3 !important;
  color:#315E73 !important;
}

/* Product page card-like information panel */
body .product-info{
  border:1px solid #E4ECEF !important;
  border-radius:24px !important;
  padding:30px !important;
  background:#fff !important;
  box-shadow:0 14px 38px rgba(49,94,115,.07) !important;
}
body .product-page .price{
  color:var(--iny-blue) !important;
  font-weight:600 !important;
}
body .product-page .description{
  color:#66747A !important;
}

/* New product card system — clean image, pastel frame, rounded actions. */
body .product-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  background:#fff !important;
  border:1px solid #E1E9EC !important;
  border-radius:22px !important;
  overflow:hidden !important;
  box-shadow:0 8px 24px rgba(49,94,115,.06) !important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease !important;
}
body .product-card:hover{
  transform:translateY(-5px) !important;
  border-color:#C9E8EC !important;
  box-shadow:0 18px 36px rgba(49,94,115,.12) !important;
}
body .product-card .product-media{
  position:relative !important;
  aspect-ratio:4/4.9 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  background:linear-gradient(180deg,#F8FDFF 0%,#EEFBFC 100%) !important;
  border-radius:0 !important;
  overflow:hidden !important;
}
body .product-card:nth-child(4n+1) .product-media{background:linear-gradient(180deg,#FFF8F9,#FFF1F3)!important}
body .product-card:nth-child(4n+2) .product-media{background:linear-gradient(180deg,#F8FDFF,#EEFBFC)!important}
body .product-card:nth-child(4n+3) .product-media{background:linear-gradient(180deg,#FBF9FF,#F7F3FD)!important}
body .product-card:nth-child(4n) .product-media{background:linear-gradient(180deg,#FBFFFC,#EFFAF6)!important}
body .product-card .product-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  transition:transform .45s ease !important;
}
body .product-card:hover .product-media img{
  transform:scale(1.035) !important;
}
body .product-card .product-badge{
  top:14px !important;
  left:14px !important;
  background:#fff !important;
  color:var(--iny-blue) !important;
  border:1px solid rgba(49,94,115,.10) !important;
  border-radius:999px !important;
  padding:8px 11px !important;
  font-size:9px !important;
  letter-spacing:.12em !important;
  box-shadow:0 4px 12px rgba(49,94,115,.08) !important;
}
body .product-card .product-body{
  padding:18px 18px 16px !important;
  background:#fff !important;
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}
body .product-card .product-category{
  display:inline-flex !important;
  width:max-content !important;
  max-width:100% !important;
  padding:6px 9px !important;
  border-radius:999px !important;
  background:#EEFBFC !important;
  color:var(--iny-blue) !important;
  font-size:9px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body .product-card:nth-child(4n+1) .product-category{background:#FFF1F3!important;color:#B9626A!important}
body .product-card:nth-child(4n+2) .product-category{background:#EEFBFC!important;color:#287D87!important}
body .product-card:nth-child(4n+3) .product-category{background:#F7F3FD!important;color:#6D5D96!important}
body .product-card:nth-child(4n) .product-category{background:#EFFAF6!important;color:#4E8577!important}
body .product-card .product-row{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:4px !important;
  margin:12px 0 5px !important;
}
body .product-card .product-name{
  color:var(--iny-blue) !important;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  margin:0 !important;
  letter-spacing:-.01em !important;
}
body .product-card .price{
  color:var(--iny-pink) !important;
  font-size:13px !important;
  font-weight:600 !important;
}
body .product-card .product-desc{
  color:#75838A !important;
  font-size:12px !important;
  line-height:1.55 !important;
  margin:7px 0 16px !important;
  min-height:38px !important;
  max-height:38px !important;
}
body .product-card .product-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  margin-top:auto !important;
}
body .product-card .view-btn,
body .product-card .add-btn{
  min-height:44px !important;
  border-radius:999px !important;
  padding:11px 10px !important;
  font-size:10px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  font-weight:600 !important;
}
body .product-card .view-btn{
  background:#fff !important;
  border:1px solid #9EDFE7 !important;
  color:#287D87 !important;
}
body .product-card .view-btn:hover{
  background:#EEFBFC !important;
  border-color:#72D8E3 !important;
}
body .product-card .add-btn{
  background:#E98289 !important;
  border:1px solid #E98289 !important;
  color:#fff !important;
}
body .product-card .add-btn:hover{
  background:#D96E77 !important;
  border-color:#D96E77 !important;
}

/* Keep the mobile two-column catalogue compact and readable. */
@media(max-width:760px){
  body .product-card{border-radius:18px!important}
  body .product-card .product-body{padding:14px 12px 13px!important}
  body .product-card .product-name{font-size:15px!important}
  body .product-card .product-desc{font-size:11px!important;min-height:34px!important;max-height:34px!important}
  body .product-card .product-actions{grid-template-columns:1fr!important;gap:7px!important}
  body .product-card .view-btn,body .product-card .add-btn{min-height:40px!important;padding:9px 8px!important;font-size:9px!important}
  body .product-card .product-category{font-size:8px!important;padding:5px 8px!important}
}