/* ===== Zainaty Parfume — Product Detail Page (PDP) =====
   style.css'in üzerine biner (header/footer/nav/product-grid oradan gelir). */

.pdp{
  max-width:var(--maxw); margin:0 auto; padding:28px 24px 72px;
  display:grid; grid-template-columns:1.05fr 1fr; gap:56px;
}

/* --- Gallery --- */
.pdp-gallery{display:flex; flex-direction:column; gap:14px;}
.pdp-main-image{
  aspect-ratio:1/1; background:var(--stone); border-radius:var(--radius);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
  position:relative;
}
.pdp-main-image img{width:100%; height:100%; object-fit:cover;}
.pdp-main-image svg{width:52%; height:82%;}
.pdp-thumbs{display:flex; gap:10px;}
.pdp-thumb{
  width:76px; height:76px; border-radius:var(--radius); background:var(--stone);
  border:1.5px solid transparent; cursor:pointer; overflow:hidden; padding:0;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
  transition:border-color .15s ease;
}
.pdp-thumb img{width:100%; height:100%; object-fit:cover;}
.pdp-thumb svg{width:60%; height:82%;}
.pdp-thumb.active{border-color:var(--ink);}

/* --- Info column --- */
.pdp-info{display:flex; flex-direction:column;}
.pdp-eyebrow{
  font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft);
  margin:0 0 10px; font-family:'Inter',sans-serif;
}
.pdp-info h1{font-size:clamp(34px,3.8vw,46px); line-height:1.08; margin:0 0 12px;}
.pdp-rating{display:flex; align-items:center; gap:8px; margin-bottom:16px; font-size:13.5px;}
.pdp-rating .stars{color:#c9922f; letter-spacing:1px; font-size:15px;}
.pdp-rating .rating-count{color:var(--ink-soft);}
.pdp-price{font-size:25px; margin:0 0 18px;}
.pdp-price .compare{color:var(--ink-soft); text-decoration:line-through; font-size:15px; margin-left:10px; font-weight:400;}
.pdp-desc{color:var(--ink-soft); line-height:1.7; margin:0 0 26px; max-width:480px;}

.pdp-option{margin-bottom:22px;}
.pdp-option label{display:block; font-size:12.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-soft); margin-bottom:10px;}
.pdp-size-options{display:flex; gap:10px; flex-wrap:wrap;}
.size-pill{
  padding:10px 18px; border:1px solid var(--line); border-radius:30px; font-size:14.5px;
  background:#fff; transition:border-color .15s ease, background .15s ease;
}
.size-pill:hover{border-color:var(--ink-soft);}
.size-pill.active{background:var(--black); color:#fff; border-color:var(--black);}

.pdp-qty-row{display:flex; gap:12px; margin-bottom:12px;}
.qty-stepper{
  display:flex; align-items:center; border:1px solid var(--line); border-radius:var(--radius);
  overflow:hidden; flex-shrink:0;
}
.qty-stepper button{width:38px; height:48px; font-size:16px; color:var(--ink);}
.qty-stepper button:hover{background:var(--paper-warm);}
.qty-stepper input{
  width:38px; height:48px; text-align:center; border:none; border-left:1px solid var(--line);
  border-right:1px solid var(--line); font-size:14px; font-family:inherit; background:#fff;
}
.pdp-add-cart{flex:1; height:48px; font-size:14.5px;}
.pdp-buy-now{
  width:100%; height:48px; margin-bottom:24px; font-size:14.5px;
  background:#fff; border:1.5px solid var(--ink); color:var(--ink);
}
.pdp-buy-now:hover{background:var(--paper-warm);}

.pdp-trust{list-style:none; margin:0 0 30px; padding:0; display:flex; flex-direction:column; gap:10px;}
.pdp-trust li{display:flex; align-items:center; gap:10px; font-size:13px; color:var(--ink-soft);}
.pdp-trust svg{flex-shrink:0; color:var(--ink);}

.pdp-accordion details{
  border-top:1px solid var(--line); padding:16px 0;
}
.pdp-accordion details:last-child{border-bottom:1px solid var(--line);}
.pdp-accordion summary{
  cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between;
  font-size:15.5px; font-weight:500;
}
.pdp-accordion summary::-webkit-details-marker{display:none;}
.pdp-accordion .chev{transition:transform .2s ease; color:var(--ink-soft); font-size:16px;}
.pdp-accordion details[open] .chev{transform:rotate(180deg);}
.acc-body{padding-top:14px; color:var(--ink-soft); font-size:13.5px; line-height:1.75;}
.acc-body p{margin:0 0 10px;}
.acc-body .note-row{display:flex; gap:8px; margin-bottom:6px;}
.acc-body .note-row b{color:var(--ink); font-weight:500; min-width:56px;}

@media (max-width:860px){
  .pdp{grid-template-columns:1fr; gap:32px;}
}