.od-look{display:block;position:relative;max-width:var(--od-look-width,1400px);margin:0 auto;padding:50px 0 70px;color:#17212b}.od-look>h2{position:absolute;top:50px;left:0;font-family:Vollkorn,Georgia,serif;font-size:36px;font-weight:400;margin:0;line-height:1.2}.od-look-scene{display:grid;grid-template-columns:26% 46% 22%;gap:3%;align-items:start}.od-look-scene[hidden]{display:none!important}.od-look-copy{align-self:end;padding-bottom:24px;font-size:16px;line-height:1.65}.od-look-copy h3{font:500 16px/1.4 'Work Sans',Arial,sans-serif;margin:0 0 10px}.od-look-copy p{max-width:280px;margin:0}.od-look-photo{aspect-ratio:1;overflow:hidden;background:#f5f5f5}.od-look-photo picture{display:block;height:100%}.od-look-photo img,.od-look-photo svg{width:100%;height:100%;object-fit:cover}.od-look-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;align-items:start;align-content:start;min-width:0}.od-look-product{display:block;min-width:0;align-self:start;text-decoration:none;font-size:12px;color:inherit}.od-look-product-media{display:block;position:relative;width:100%;height:auto;aspect-ratio:3/4;overflow:hidden;background:#f5f5f5}.od-look-product .od-look-product-media img{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.od-look-product-plus{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #87919a;border-radius:4px;background:rgba(255,255,255,.9);font:400 18px/1 Arial,sans-serif;color:#17212b}.od-look-product:hover .od-look-product-plus{background:#17212b;color:#fff;border-color:#17212b}.od-look-product-title{display:block;line-height:1.4;margin-top:6px;overflow-wrap:anywhere}.od-look-navigation{margin-left:29%;width:46%;display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:10px}.od-look-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:28px}.od-look-tabs button{border:0;border-bottom:1px solid transparent;background:none;padding:8px 0;color:inherit;font:14px/1.3 'Work Sans',Arial,sans-serif;cursor:pointer}.od-look-tabs button[aria-selected=true]{border-color:#17212b}.od-look-navigation>.od-look-prev,.od-look-navigation>.od-look-next{background:#f5f5f5;border:0;border-radius:50%;width:30px;height:30px;flex-shrink:0;font-size:25px;line-height:1;cursor:pointer;color:#17212b}.od-look button:focus-visible,.od-look a:focus-visible{outline:2px solid #09273d;outline-offset:4px}.od-look-link{display:inline-block;margin-top:12px;text-decoration:underline;color:inherit}
@media(max-width:1480px){.od-look{margin:0 30px}}
@media(max-width:767px){.od-look{margin:0;padding:30px 20px 40px}.od-look>h2{position:static;font-size:26px;margin-bottom:24px}.od-look-scene{grid-template-columns:1fr;gap:20px}.od-look-photo{grid-row:1}.od-look-copy{grid-row:2;padding:0}.od-look-copy p{max-width:none;font-size:14px}.od-look-products{grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.od-look-navigation{margin-left:0;width:100%;margin-top:20px}.od-look-tabs{gap:18px}.od-look-tabs button{font-size:12px}}

.od-look-photo>div{height:100%}.od-look-photo-mobile{display:none}@media(max-width:767px){.od-look-photo-mobile{display:block}.od-look-photo-desktop{display:none}}

/* Homepage-only layout: other templates keep the original theme settings. */
body:has(#shopline-section-template--index__od-look){background:#ffffff}
body:has(#shopline-section-template--index__od-look) .page-width{max-width:1460px}
body:has(#shopline-section-template--index__od-look) .button{border-radius:0}
body:has(#shopline-section-template--index__od-look) .text-with-image__text-group .button--primary{background:#09273d;color:#ffffff}
body:has(#shopline-section-template--index__od-look) .text-with-image__text-group .button--secondary{background:transparent;border:1px solid #17212b;color:#17212b}

/* Mobile: scene navigation directly below the outfit image. */
@media(max-width:767px){
  .od-look{display:grid;grid-template-columns:minmax(0,1fr);row-gap:20px}
  .od-look>h2{grid-row:1;margin-bottom:4px}
  .od-look-panels,.od-look-scene:not([hidden]){display:contents}
  .od-look-photo{grid-row:2;grid-column:1;min-width:0}
  .od-look-navigation{grid-row:3;grid-column:1;margin:0;width:100%;min-width:0}
  .od-look-copy{grid-row:4;grid-column:1;min-width:0}
  .od-look-products{grid-row:5;grid-column:1;min-width:0}
}