/* Product-detail page: gallery and one coherent purchase column. */
.flow-page[data-view=product] { max-width:1280px; padding:0 4%; margin-top:18px; }
.flow-page[data-view=product] .close { margin-bottom:20px; }
.flow-page[data-view=product] .flow-layout {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:"gallery purchase" "gallery guide";
  column-gap:64px; row-gap:18px; align-items:start;
}
.flow-page[data-view=product] #modal-content,.flow-page[data-view=product] .pdp { display:contents; }
.flow-page[data-view=product] .pdp-visual { grid-area:gallery; min-width:0; display:flex; flex-direction:column; justify-content:center; align-items:center; align-self:stretch; }
.flow-page[data-view=product] .pdp-visual .modal-product { display:block; width:100%; height:390px; max-height:none; object-fit:contain; background:#fff; padding:0; margin:0; }
.flow-page[data-view=product] .pdp-visual #detail-color-note { font-size:11px!important; line-height:1.8!important; color:#a18eab; text-align:center; background:none; border:0; padding:0; margin:14px 0 0; max-width:390px; grid-area:auto; }
.flow-page[data-view=product] .pdp-purchase { grid-area:purchase; min-width:0; padding:0; }
.flow-page[data-view=product] .pdp-purchase h2 { font-size:30px; font-weight:700; line-height:1.3; margin:0 0 6px; letter-spacing:-.5px; }
.flow-page[data-view=product] #detail-spec { font-size:14px; line-height:1.7; color:#84718c; margin:0; }
.flow-page[data-view=product] .pdp-purchase .modal-price { font-size:28px; font-weight:700; line-height:1.4; margin:12px 0 0; }
.flow-page[data-view=product] .pdp-purchase .money { display:inline-flex; align-items:baseline; gap:7px; }
.flow-page[data-view=product] .pdp-purchase .money small { font-size:14px!important; color:#7a5b88; font-weight:500; margin:0; }
.flow-page[data-view=product] .pdp-purchase .detail-color-heading { font-size:13px; margin:16px 0 10px; gap:10px; }
.flow-page[data-view=product] .pdp-purchase .detail-colors { gap:8px; }
.flow-page[data-view=product] .pdp-purchase .detail-color { min-height:42px; border-radius:8px; padding:9px 13px; font-size:12px; }
.flow-page[data-view=product] .pdp-purchase #detail-add { display:flex; width:100%; max-width:none; height:48px; min-height:48px; margin:20px 0 0; position:static; box-shadow:none; grid-area:auto; justify-self:stretch; }
.flow-page[data-view=product] .pdp-payment { font-size:12px; line-height:1.7; color:#8c7796; text-align:center; margin:9px 0 0; }
.flow-page[data-view=product] #flow-summary { display:block; grid-area:guide; position:static; background:none; border:0; border-top:1px solid #e6dce9; border-radius:0; padding:17px 0 0; }
.flow-page[data-view=product] .pdp-guide h3 { font-size:14px!important; font-weight:700; line-height:1.6; letter-spacing:0; margin:0 0 12px; }
.pdp-guide ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; list-style:none; padding:0; margin:0; }
.pdp-guide li { margin:0; padding:0; }
.pdp-guide li b { display:block; font-size:12px; line-height:1.6; font-weight:600; color:#51305e; }
.pdp-guide li b span { color:#a27cb3; margin-inline-end:4px; }
.flow-page[data-view=product] .pdp-guide li p { font-size:11px; line-height:1.8; margin:5px 0 0; color:#927f9c; }
@media(min-width:761px) and (max-height:800px) {
  .flow-page[data-view=product] .close { margin-bottom:16px; }
  .flow-page[data-view=product] .pdp-visual .modal-product { height:340px; }
  .flow-page[data-view=product] .pdp-purchase h2 { font-size:28px; }
  .flow-page[data-view=product] .pdp-purchase .detail-color-heading { margin-top:12px; }
  .flow-page[data-view=product] .pdp-purchase #detail-add { margin-top:16px; }
}
@media(max-width:1100px) and (min-width:761px) {
  .flow-page[data-view=product] .flow-layout { column-gap:36px; }
  .flow-page[data-view=product] .pdp-visual .modal-product { height:340px; }
  .pdp-guide ol { gap:12px; }
}
@media(max-width:760px) {
  .flow-page[data-view=product] { padding:0; margin:18px 5% 32px; }
  .flow-page[data-view=product] .flow-layout { grid-template-columns:1fr; grid-template-areas:"gallery" "purchase" "guide"; gap:22px; }
  .flow-page[data-view=product] .pdp-visual .modal-product { height:270px; }
  .flow-page[data-view=product] .pdp-visual #detail-color-note { font-size:10px!important; margin-top:8px; }
  .flow-page[data-view=product] .pdp-purchase h2 { font-size:27px; }
  .flow-page[data-view=product] .pdp-purchase .modal-price { font-size:27px; }
  .pdp-guide ol { grid-template-columns:1fr; gap:14px; }
  .pdp-guide li b { font-size:13px; }
  .flow-page[data-view=product] .pdp-guide li p { font-size:12px; }
}
html[dir=rtl] .flow-page[data-view=product] .pdp-purchase h2 { letter-spacing:0; }
.flow-page[data-view=product] .pdp-guide h3 { font-size:15px!important; }
.pdp-guide li b { font-size:13px; }
.flow-page[data-view=product] .pdp-guide li p { font-size:12px; line-height:1.7; }