/* Hemängen product page R1 */
.product-breadcrumb{
  display:flex;
  align-items:center;
  gap:.55rem;
  margin:1.1rem 0 1.5rem;
  color:var(--muted);
  font-weight:700;
}
.product-breadcrumb a{color:inherit}
.product-page{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:32px;
  align-items:start;
}
.product-gallery,
.product-summary,
.product-details{
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
}
.product-gallery{overflow:hidden}
.product-main-image{
  min-height:520px;
  padding:28px;
  display:grid;
  place-items:center;
  background:#fcfaf7;
}
.product-main-image img{
  display:block;
  width:100%;
  height:100%;
  max-height:620px;
  object-fit:contain;
}
.product-thumbs{
  display:flex;
  gap:10px;
  overflow:auto;
  padding:14px;
  border-top:1px solid var(--line);
}
.product-thumb{
  width:78px;
  height:78px;
  flex:0 0 auto;
  border:1px solid var(--line);
  border-radius:12px;
  padding:4px;
  background:#fff;
  cursor:pointer;
}
.product-thumb.active{outline:2px solid var(--accent)}
.product-thumb img{width:100%;height:100%;object-fit:contain}
.product-summary{
  padding:30px;
  position:static;
  align-self:start;
}
.product-summary h1{
  margin:.15rem 0 .85rem;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2rem,4vw,3.5rem);
  line-height:1;
}
.product-short{
  font-size:1.08rem;
  line-height:1.6;
  color:var(--muted);
}
.product-badges,
.product-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.product-badges{margin:1.2rem 0}
.product-badge,
.product-chip{
  display:inline-flex;
  align-items:center;
  padding:.48rem .72rem;
  border-radius:999px;
  background:#f4f6ef;
  border:1px solid #e4e8da;
  font-weight:750;
}
.product-chip{background:#fffaf2;border-color:var(--line)}
.product-purchase-card{
  margin-top:1.4rem;
  padding:20px;
  border-radius:18px;
  background:var(--soft);
}
.product-purchase-card label{
  display:grid;
  gap:7px;
  font-weight:800;
}
.product-price-row{
  display:grid;
  gap:8px;
  margin:16px 0;
}
.product-details{
  grid-column:1/-1;
  margin-top:4px;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:28px;
  padding:30px;
}
.product-details h2{margin-top:0}
.product-description{
  white-space:pre-line;
  line-height:1.75;
  color:var(--muted);
  font-size:1.04rem;
}
.product-facts{
  display:grid;
  gap:18px;
  align-content:start;
}
.product-facts section{
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px;
  background:#fcfaf7;
}
.product-inci{
  overflow-wrap:anywhere;
  color:var(--muted);
  line-height:1.55;
}
@media(max-width:900px){
  .product-page{grid-template-columns:1fr}
  .product-summary{position:static}
  .product-main-image{min-height:360px}
  .product-details{grid-template-columns:1fr}
}
@media(max-width:700px){
  .product-breadcrumb{margin-inline:8px}
  .product-page{gap:16px}
  .product-main-image{min-height:280px;padding:14px;aspect-ratio:4/3}
  .product-summary{padding:22px}
  .product-summary h1{font-size:2.15rem}
  .product-details{padding:22px}
  .product-purchase-card{padding:16px}
}


.product-recommendations{
  grid-column:1/-1;
  margin-top:4px;
}
.recommendations-heading{
  margin-bottom:16px;
}
.recommendations-heading h2{
  margin:.2rem 0 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.8rem,3vw,2.7rem);
}
.recommendations-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.recommendation-card{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
}
.recommendation-image{
  display:grid;
  place-items:center;
  aspect-ratio:4/3;
  padding:14px;
  background:#fcfaf7;
}
.recommendation-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.recommendation-placeholder{
  color:var(--muted);
  font-weight:800;
  text-align:center;
}
.recommendation-body{
  padding:16px;
}
.recommendation-body h3{
  margin:0 0 8px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.35rem;
}
.recommendation-body h3 a{
  color:inherit;
  text-decoration:none;
}
.recommendation-body p{
  color:var(--muted);
  margin:0 0 14px;
  line-height:1.5;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.recommendation-footer{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
}
.recommendation-footer a{
  color:var(--accent-dark);
  font-weight:850;
}
@media(max-width:900px){
  .recommendations-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .recommendations-grid{grid-template-columns:1fr}
}


/* Prevent empty product skeletons from appearing before JavaScript finishes. */
.product-page[hidden],
.product-recommendations[hidden],
.catalog-message[hidden],
.product-thumbs[hidden],
.product-facts section[hidden] {
  display: none !important;
}