:root { --product-pink:#ff2f92; --product-ink:#19141a; --product-muted:#74636d; --product-blush:#fff2f7; --product-line:rgba(255,47,146,.24); }
* { box-sizing:border-box; }
body { min-width:320px; margin:0; color:var(--product-ink); background:linear-gradient(180deg,#fff 0%,var(--product-blush) 100%); font-family:"Poppins",sans-serif; }
a { color:inherit; }
.product-page-header,.product-page-main,.product-page-footer { width:min(100% - 2rem,72rem); margin-inline:auto; }
.product-page-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:5rem; }
.product-page-logo { color:var(--product-ink); font:600 clamp(1.35rem,3vw,2rem)/1 "Playfair Display",serif; text-decoration:none; }
.product-page-catalog-link,.product-page-back { color:#b01061; font-size:.8rem; font-weight:600; text-decoration:none; }
.product-page-main { padding:1rem 0 3rem; }
.product-page-breadcrumb { display:flex; flex-wrap:wrap; gap:.45rem; margin:0 0 1.25rem; color:var(--product-muted); font-size:.72rem; }
.product-page-breadcrumb a { color:#8c355f; }
.product-page-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(18rem, .9fr); gap:clamp(1.5rem,4vw,4rem); align-items:start; padding:clamp(1rem,3vw,2.25rem); border:1px solid var(--product-line); border-radius:1.35rem; background:#fff; box-shadow:0 18px 45px rgba(110,59,83,.08); }
.product-page-image { display:grid; min-height:22rem; place-items:center; overflow:hidden; border-radius:1rem; background:#fff8fb; }
.product-page-image img { display:block; width:100%; height:100%; min-height:22rem; object-fit:contain; }
.product-page-image-placeholder { display:grid; min-height:22rem; place-items:center; color:var(--product-muted); }
.product-page-content { min-width:0; }
.product-page-category,.product-page-status { margin:.15rem 0 .5rem; color:#a82668; font-size:.72rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.product-page-content h1 { margin:0; font:600 clamp(1.8rem,4vw,3rem)/1.08 "Playfair Display",serif; }
.product-page-price { margin:.85rem 0; color:#d61475; font:600 1.25rem/1.2 "Poppins",sans-serif; }
.product-page-description,.product-page-categories { color:var(--product-muted); font-size:.84rem; line-height:1.7; }
.product-page-sizes,.product-page-pricing { margin:1.25rem 0; padding-top:1rem; border-top:1px solid var(--product-line); }
.product-page-sizes h2,.product-page-pricing h2 { margin:0 0 .65rem; font-size:.86rem; }
.product-page-sizes ul,.product-page-pricing ul { display:grid; gap:.42rem; padding:0; margin:0; list-style:none; color:var(--product-muted); font-size:.77rem; }
.product-page-sizes li { display:flex; justify-content:space-between; gap:1rem; padding:.48rem .6rem; border-radius:.55rem; background:#fff7fb; }
.product-page-buy { width:100%; min-height:3rem; border:0; border-radius:.7rem; color:#fff; background:var(--product-pink); font:600 .82rem "Poppins",sans-serif; cursor:pointer; }
.product-page-buy:disabled { cursor:not-allowed; opacity:.55; }
.product-page-back { display:inline-block; margin-top:1rem; }
.product-page-footer { display:flex; justify-content:center; gap:1rem; padding:1.5rem 0 2.25rem; color:var(--product-muted); font-size:.68rem; }
@media (max-width:760px) { .product-page-header,.product-page-main,.product-page-footer { width:min(100% - 1.25rem,72rem); } .product-page-card { grid-template-columns:1fr; padding:1rem; } .product-page-image,.product-page-image img { min-height:17rem; } }