/**
 * Atelier — T11 Product 3-Column (alternate PDP layout to T10's 2-column).
 * Source: design/store-theme/01-atelier-fashion/pages/T11 Product 3-Column.dc.html
 */
.atl-pdp3-layout { display: grid; grid-template-columns: 300px 1fr 360px; gap: 32px; padding: 26px 40px 0; align-items: start; }

.atl-pdp3-info { display: flex; flex-direction: column; gap: 18px; position: sticky; top: 24px; }
.atl-pdp3-title { font-family: 'Cormorant Garamond', serif; font-weight: 400; line-height: 1.12; margin: 0; font-size: 30px; text-wrap: balance; }
.atl-pdp3-rating { display: flex; gap: 8px; align-items: center; }
.atl-pdp3-stars { color: var(--atl-accent); font-size: 13px; letter-spacing: 2px; }
.atl-pdp3-rating a { font-size: 13px; color: var(--atl-text-muted); }
.atl-pdp3-desc { font-size: 14px; line-height: 1.7; color: var(--atl-text-muted); margin: 0; }
.atl-pdp3-features { display: flex; flex-direction: column; gap: 10px; border-top: 1px solid var(--atl-border); padding-top: 14px; }
.atl-pdp3-features span { font-size: 13px; color: var(--atl-text-muted); }

.atl-pdp3-gallery { display: flex; flex-direction: column; gap: 16px; }
.atl-pdp3-gallery-img { aspect-ratio: 4/5; }

.atl-pdp3-buybox { background: var(--atl-surface); border: 1px solid var(--atl-border); padding: 24px; display: flex; flex-direction: column; gap: 14px; position: sticky; top: 24px; }
.atl-pdp3-price { font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 400; }
.atl-pdp3-stock { font-size: 13px; color: var(--atl-success); font-weight: 600; }
.atl-pdp3-field { display: flex; flex-direction: column; gap: 7px; }
.atl-pdp3-field-label { font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--atl-text-muted); }
.atl-pdp3-addtobag { width: 100%; box-sizing: border-box; }
.atl-pdp3-wishlist { font-size: 12.5px; color: var(--atl-text-muted); text-align: center; text-decoration: none; }

@media (max-width: 1080px) {
  .atl-pdp3-layout { grid-template-columns: 1fr; }
  .atl-pdp3-info, .atl-pdp3-buybox { position: static; }
}
@media (max-width: 767px) {
  .atl-pdp3-layout { padding: 20px 20px 0; }
  .atl-pdp3-title { font-size: 24px; }
}