.product{display:flex;flex-direction:column}.product .product-image{flex:0 0 225px;height:225px}.product .product-meta{flex:1}.product .add{margin-top:auto;margin-left:auto}.featured-product .product-image,.featured-product .product-meta{cursor:pointer}.featured-product .product-image{background-image:url('/assets/baddie-front-real.jpeg');background-size:contain;background-position:center;background-color:#fff}.view-product{position:absolute;left:50%;bottom:18px;transform:translateX(-50%) translateY(8px);background:#fff;color:#211c1c;padding:10px 18px;text-transform:uppercase;letter-spacing:.09em;font:600 12px Inter,sans-serif;opacity:0;transition:.2s;white-space:nowrap}.featured-product .product-image:hover .view-product,.featured-product .product-image:focus .view-product{opacity:1;transform:translateX(-50%) translateY(0)}
.product-detail-modal{display:none;position:fixed;inset:0;z-index:120}.product-detail-modal.open{display:grid;place-items:center}.product-detail-backdrop{position:absolute;inset:0;border:0;background:rgba(24,17,17,.72);cursor:pointer}.product-detail-dialog{position:relative;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);width:min(1120px,calc(100vw - 38px));max-height:calc(100dvh - 38px);overflow:auto;background:#fff;box-shadow:0 30px 90px #0006}.product-detail-close{position:absolute;right:16px;top:10px;z-index:2;border:0;background:#fff9;width:42px;height:42px;font:34px/1 Arial;cursor:pointer}.product-gallery{padding:24px;background:#f5f1ef}.product-main-image{aspect-ratio:4/5;background:#fff;overflow:hidden}.product-main-image img{width:100%;height:100%;object-fit:contain;display:block}.product-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.product-thumbnails button{position:relative;border:1px solid transparent;background:#fff;padding:0;cursor:pointer}.product-thumbnails button.active{border-color:#b87579}.product-thumbnails img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.product-thumbnails span{display:block;padding:7px 4px;font:600 12px Inter,sans-serif}.product-detail-info{display:flex;flex-direction:column;justify-content:center;padding:54px 48px}.product-detail-info h2{font:500 clamp(40px,5vw,64px)/.95 "Cormorant Garamond",serif;margin:4px 0 10px}.product-detail-price{font:600 26px "Cormorant Garamond",serif;margin:0 0 24px}.product-detail-copy{font:16px/1.65 Inter,sans-serif;color:#675d5b;margin:0 0 18px}.product-detail-stock{display:inline-block;align-self:flex-start;background:#f4d1d3;color:#6f3d42;padding:8px 12px;font:600 13px Inter,sans-serif;margin:0 0 24px}.product-detail-info fieldset{border:0;padding:0;margin:0 0 20px}.product-detail-info legend{text-transform:uppercase;letter-spacing:.1em;font:600 12px Inter,sans-serif;margin-bottom:12px}.product-detail-sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.product-detail-sizes input{position:absolute;opacity:0;pointer-events:none}.product-detail-sizes span{display:grid;place-items:center;min-height:54px;border:1px solid #d9cdca;font:600 13px/1.2 Inter,sans-serif;text-align:center;padding:5px;cursor:pointer}.product-detail-sizes input:checked+span{background:#b87579;border-color:#b87579;color:#fff}.product-detail-sizes input:disabled+span{opacity:.4;text-decoration:line-through;cursor:not-allowed}.product-detail-sizes input:focus-visible+span{outline:2px solid #211c1c;outline-offset:2px}.product-detail-add{width:100%;border:0;background:#211c1c;color:#fff;padding:16px;text-transform:uppercase;letter-spacing:.08em;font:600 13px Inter,sans-serif;cursor:pointer}.product-detail-add:hover{background:#b87579}.product-detail-note{margin:15px 0 0;text-align:center;color:#756b69;font:12px/1.5 Inter,sans-serif}
@media(max-width:820px){.product-detail-modal.open{display:block;overflow:auto}.product-detail-dialog{grid-template-columns:1fr;width:100%;max-height:none;min-height:100dvh}.product-gallery{padding:16px}.product-detail-info{padding:36px 22px 42px}.product-detail-info h2{font-size:44px}.product-detail-close{position:fixed}.product-thumbnails span{font-size:11px}.view-product{opacity:1;transform:translateX(-50%) translateY(0)}}@media(max-width:640px){.product .product-image{flex-basis:320px;height:320px}.product .add{margin-left:0}}
