.sr-videos { display:block; max-width:1440px; margin:auto; padding:40px clamp(16px,4vw,64px); color:#161616; }
  .sr-videos__header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
  .sr-videos__header h2 { margin:0 0 7px; font-size:clamp(24px,3vw,36px); }
  .sr-videos__header p { margin:0; font-size:13px; }
  .sr-videos__nav { display:flex; gap:8px; }
  .sr-videos__nav button { display:grid; place-items:center; width:40px; height:40px; border:1px solid #ddd; border-radius:50%; background:#fff; color:#111; cursor:pointer; font-size:20px; }
  .sr-videos__nav button:disabled { opacity:.3; cursor:default; }
  .sr-videos__rail { display:grid; grid-auto-flow:column; grid-auto-columns:280px; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; margin:0; padding:0 0 14px; list-style:none; overscroll-behavior-inline:contain; scrollbar-width:thin; }
  .sr-videos__card { min-width:0; scroll-snap-align:start; }
  .sr-videos__open { display:block; width:100%; padding:0; overflow:hidden; border:1px solid #ddd; border-radius:14px; background:#fff; color:#111; cursor:pointer; text-align:left; font:inherit; }
  .sr-videos__media { display:block; position:relative; aspect-ratio:9/16; overflow:hidden; background:#fff; }
  .sr-videos__icon { display:block; width:20px; height:20px; flex-shrink:0; }
  .sr-videos__poster { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; background:#fff; pointer-events:none; }
  .sr-videos__viewer .sr-videos__poster { object-fit:cover; object-position:center; }
  .sr-videos__preview { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; background:#fff; opacity:0; }
  .sr-videos__preview[data-frame-ready], .sr-videos__full-video[data-frame-ready] { opacity:1; }
  .sr-videos__play { display:grid; place-items:center; position:absolute; top:14px; right:14px; width:34px; height:34px; border-radius:50%; background:#0007; color:#fff; font-size:12px; }
  .sr-videos__play .sr-videos__icon { width:16px; height:16px; margin-left:2px; }
  .sr-videos__watch { display:flex; align-items:center; gap:6px; position:absolute; bottom:0; left:0; right:0; padding:40px 16px 16px; background:linear-gradient(transparent,#0009); color:#fff; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
  .sr-videos__watch .sr-videos__icon { width:14px; height:14px; }
  .sr-videos__footer { display:flex; align-items:center; gap:12px; padding:14px 12px; height:82px; }
  .sr-videos__thumbs { display:flex; flex-shrink:0; }
  .sr-videos__thumbs img { width:42px; height:42px; border:2px solid #fff; border-radius:50%; object-fit:cover; background:#f4f4f4; }
  .sr-videos__thumbs img + img { margin-left:-19px; }
  .sr-videos__footer-copy { flex:1; min-width:0; }
  .sr-videos__footer strong { display:block; font-size:10px; letter-spacing:.07em; text-transform:uppercase; }
  .sr-videos__footer small { display:block; font-size:11px; margin-top:5px; color:#666; }
  .sr-videos [hidden] { display:none !important; }
  .sr-videos__dialog { width:min(480px,calc(100vw - 32px)); height:min(860px,calc(100dvh - 32px)); max-width:none; max-height:calc(100dvh - 32px); padding:0; border:0; border-radius:18px; background:#fff; color:#111; overflow:hidden; overscroll-behavior:contain; box-shadow:0 16px 70px #0005; }
  .sr-videos__dialog::backdrop { background:#000b; backdrop-filter:blur(4px); }
  .sr-videos__viewer { position:absolute; inset:0; height:100%; overflow:hidden; touch-action:pinch-zoom; background:#fff; }
  .sr-videos__full-video { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; object-position:center; background:#fff; opacity:0; }
  .sr-videos__shade { position:absolute; z-index:1; inset:0; background:linear-gradient(180deg,#0007,transparent 25%,transparent 43%,#0006 75%,#000b); pointer-events:none; }
  .sr-videos__brand { position:absolute; z-index:3; top:20px; left:20px; color:#fff; font-size:16px; line-height:1.2; font-weight:800; letter-spacing:-.5px; text-transform:uppercase; pointer-events:none; text-shadow:0 2px 8px #0008; }
  .sr-videos__brand small { display:block; font-size:8px; font-weight:500; letter-spacing:1.4px; margin-top:5px; }
  .sr-videos__feed-position { position:absolute; z-index:3; top:78px; left:20px; padding:5px 9px; border:1px solid #fff4; border-radius:20px; background:#0004; color:#fff; font-size:10px; font-variant-numeric:tabular-nums; pointer-events:none; }
  .sr-videos__round { position:absolute; display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid #fff5; border-radius:50%; background:#0004; color:#fff; z-index:3; cursor:pointer; text-decoration:none; backdrop-filter:blur(8px); }
  .sr-videos__round .sr-videos__icon { width:18px; height:18px; }
  .sr-videos__close { right:16px; top:16px; }
  .sr-videos__bag { right:62px; top:16px; }
  .sr-videos__sound { right:25px; top:calc(24% + 290px); }
  .sr-videos__surface { position:absolute; inset:0; padding:0; background:none; border:0; color:#fff; cursor:pointer; }
  .sr-videos__paused { display:none; width:58px; height:58px; place-items:center; border-radius:50%; background:#0007; margin:auto; }
  .sr-videos__viewer[data-paused] .sr-videos__paused { display:grid; }
  .sr-videos__feed-nav { position:absolute; z-index:3; left:88px; top:78px; display:flex; gap:8px; }
  .sr-videos__feed-nav .sr-videos__round { position:static; width:28px; height:28px; }
  .sr-videos__feed-nav .sr-videos__icon { width:14px; height:14px; }
  .sr-videos__feed-nav button:disabled { opacity:.35; cursor:default; }
  .sr-videos__product-actions { position:absolute; z-index:3; right:18px; top:24%; display:flex; flex-direction:column; gap:12px; padding:5px 7px 8px; margin-right:-7px; max-height:min(48%,320px); overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; touch-action:pan-y; scrollbar-width:none; }
  .sr-videos__product-actions::-webkit-scrollbar { display:none; }
  .sr-videos__product-thumb { position:relative; flex-shrink:0; display:grid; place-items:center; width:56px; height:60px; padding:5px; border:1px solid #fff9; border-radius:10px; background:#fffffff2; box-shadow:0 3px 12px #0003; color:#111; cursor:pointer; }
  .sr-videos__product-thumb img { width:100%; height:100%; object-fit:contain; border-radius:5px; }
  .sr-videos__product-thumb[aria-pressed=true] { border:2px solid #fff; outline:2px solid #111; outline-offset:1px; }
  .sr-videos__product-thumb[aria-pressed=true]::before { content:''; position:absolute; left:-7px; top:calc(50% - 4px); border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #fff; }
  .sr-videos__product-thumb > span { position:absolute; right:-5px; bottom:-5px; display:grid; place-items:center; width:17px; height:17px; border-radius:50%; border:1px solid #fff; background:#111; color:#fff; font-size:9px; font-weight:700; }
  .sr-videos__caption { position:absolute; z-index:2; bottom:173px; left:20px; right:100px; color:#fff; text-shadow:0 2px 12px #0009; pointer-events:none; }
  .sr-videos__caption p { font-size:9px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; margin:0 0 8px; color:#ffffffc9; }
  .sr-videos__caption h3 { font-size:clamp(20px,2.5vw,25px); line-height:1.14; letter-spacing:-.5px; font-weight:700; margin:0 0 8px; color:#fff; }
  .sr-videos__caption small { font-size:10px; line-height:1.4; color:#ffffffd4; }
  .sr-videos__compact-shop { position:absolute; z-index:4; bottom:43px; left:16px; right:16px; display:flex; align-items:center; gap:12px; padding:12px; min-height:110px; border:1px solid #fff8; border-radius:14px; background:rgb(255 255 250 / .9); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:0 4px 20px #0002; color:#111; }
  .sr-videos__active-image { display:grid; place-items:center; flex:0 0 60px; height:80px; border:1px solid #e0dfda; border-radius:8px; padding:5px; background:#fff; overflow:hidden; }
  .sr-videos__active-image img { width:100%; height:100%; object-fit:contain; }
  .sr-videos__compact-info { min-width:0; flex:1; }
  .sr-videos__compact-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
  .sr-videos__compact-heading > span { font-size:9px; text-transform:uppercase; letter-spacing:.05em; }
  .sr-videos__compact-heading strong { font-size:14px; white-space:nowrap; }
  .sr-videos__quick-shop { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; min-height:38px; padding:0 12px; border:0; border-radius:7px; background:#111; color:#fff; font:inherit; font-size:11px; font-weight:600; cursor:pointer; }
  .sr-videos__quick-shop .sr-videos__icon { width:16px; height:16px; }
  .sr-videos__compact-info > small { display:block; margin-top:7px; color:#666; font-size:9px; }
  .sr-videos__feed-footer { position:absolute; z-index:4; bottom:14px; left:20px; right:20px; display:flex; align-items:center; justify-content:space-between; gap:10px; color:#fff; font-size:9px; }
  .sr-videos__next-look { display:flex; align-items:center; gap:5px; padding:0; border:0; background:none; color:#fff; font:inherit; font-size:10px; cursor:pointer; }
  .sr-videos__next-look .sr-videos__icon { width:13px; height:13px; }
  .sr-videos__shop-scrim { position:absolute; z-index:5; inset:0; width:100%; height:100%; padding:0; border:0; background:#0006; cursor:pointer; touch-action:none; }
  .sr-videos__shop-panel { position:absolute; z-index:6; left:0; right:0; bottom:0; min-width:0; max-height:75%; overflow-x:hidden; overflow-y:auto; padding:18px 20px 24px; border-radius:22px 22px 0 0; background:#fff; color:#111; box-shadow:0 -15px 60px #0006; overscroll-behavior:contain; touch-action:pan-y; }
  .sr-videos__shop-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:16px; }
  .sr-videos__shop-heading h3 { font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; margin:0; }
  .sr-videos__shop-heading .sr-videos__round { position:static; width:32px; height:32px; background:#f3f3f1; color:#111; border:0; }
  .sr-videos__products { display:block; list-style:none; padding:0; margin:0; }
  .sr-videos__item { display:grid; grid-template-columns:76px minmax(0,1fr); gap:14px; min-width:0; }
  .sr-videos__image-link { display:block; align-self:start; background:#fff; border:1px solid #e0dfda; border-radius:8px; overflow:hidden; padding:5px; height:88px; }
  .sr-videos__product-image { width:100%; height:100%; display:block; object-fit:contain; }
  .sr-videos__item-info { display:contents; font-size:12px; }
  .sr-videos__product-title { display:block; grid-column:2; grid-row:1; align-self:start; margin:5px 0 28px; font-size:17px; line-height:1.25; font-weight:600; text-decoration:none; color:#111; }
  .sr-videos__item-info > [data-price] { grid-column:2; grid-row:1; align-self:end; margin-bottom:8px; font-size:13px; color:#444; }
  .sr-videos__item .sr-videos__form { grid-column:1 / -1; display:block; min-width:0; }
  .sr-videos__sizes { border:0; padding:0; margin:4px 0 18px; min-width:0; }
  .sr-videos__sizes legend { font-size:11px; font-weight:600; margin-bottom:10px; }
  .sr-videos__sizes > div { display:flex; flex-wrap:wrap; gap:7px; }
  .sr-videos__sizes button { border:1px solid #d9d9d5; padding:10px; min-width:44px; min-height:42px; background:#fff; color:#111; border-radius:7px; font:inherit; font-size:11px; cursor:pointer; }
  .sr-videos__sizes button[aria-pressed=true] { background:#111; color:#fff; border-color:#111; }
  .sr-videos__sizes button:disabled { color:#aaa; text-decoration:line-through; cursor:default; }
  .sr-videos__add { width:100%; min-height:44px; padding:12px; border:1px solid #111; background:#111; color:#fff; font:inherit; font-size:12px; border-radius:8px; cursor:pointer; }
  .sr-videos__add:disabled { opacity:.4; cursor:default; }
  .sr-videos__error { display:block; font-size:11px; color:#b00020; margin-top:6px; }
  .sr-videos__error.hidden { display:none; }
  .sr-videos :focus-visible { outline:2px solid #9bd74a; outline-offset:3px; }
  html:has(.sr-videos__dialog:modal), body:has(.sr-videos__dialog:modal) { overflow:hidden; overscroll-behavior:none; }
  @media(max-width:749px) {
    .sr-videos__rail { grid-auto-columns:min(73vw,280px); gap:12px; }
    .sr-videos__header p { max-width:230px; line-height:1.5; }
    .sr-videos__header .sr-videos__nav { display:none; }
    .sr-videos__dialog { position:fixed; inset:0; width:100%; height:100%; height:100dvh; max-width:100%; max-height:100%; max-height:100dvh; margin:0; border-radius:0; }
    .sr-videos__viewer .sr-videos__poster, .sr-videos__full-video { object-fit:cover; }
    .sr-videos__brand { top:calc(20px + env(safe-area-inset-top)); left:calc(20px + env(safe-area-inset-left)); }
    .sr-videos__close { top:calc(16px + env(safe-area-inset-top)); right:calc(16px + env(safe-area-inset-right)); }
    .sr-videos__bag { top:calc(16px + env(safe-area-inset-top)); right:calc(62px + env(safe-area-inset-right)); }
    .sr-videos__feed-position { top:calc(78px + env(safe-area-inset-top)); left:calc(20px + env(safe-area-inset-left)); }
    .sr-videos__product-actions { right:calc(18px + env(safe-area-inset-right)); }
    .sr-videos__sound { right:calc(25px + env(safe-area-inset-right)); }
    .sr-videos__caption { bottom:calc(173px + env(safe-area-inset-bottom)); left:calc(20px + env(safe-area-inset-left)); }
    .sr-videos__compact-shop { bottom:calc(43px + env(safe-area-inset-bottom)); left:max(16px,env(safe-area-inset-left)); right:max(16px,env(safe-area-inset-right)); }
    .sr-videos__feed-footer { bottom:calc(14px + env(safe-area-inset-bottom)); left:max(20px,env(safe-area-inset-left)); right:max(20px,env(safe-area-inset-right)); }
    .sr-videos__feed-nav { top:calc(78px + env(safe-area-inset-top)); left:calc(88px + env(safe-area-inset-left)); }
    .sr-videos__shop-panel { padding-bottom:calc(24px + env(safe-area-inset-bottom)); }
  }
  @media(max-height:680px) {
    .sr-videos__product-actions { top:20%; max-height:42%; }
    .sr-videos__product-thumb { width:48px; height:48px; }
    .sr-videos__sound { top:calc(20% + 255px); right:21px; width:32px; height:32px; }
    .sr-videos__caption { right:90px; }
    .sr-videos__caption h3 { font-size:20px; }
  }
  @media(max-width:749px) and (orientation:landscape) {
    .sr-videos__product-actions { top:24%; flex-direction:row; max-width:52%; max-height:90px; }
    .sr-videos__caption { bottom:45px; right:52%; }
    .sr-videos__compact-shop { left:auto; width:45%; bottom:40px; }
    .sr-videos__sound { top:85px; right:20px; }
    .sr-videos__shop-panel { left:auto; width:min(450px,65%); max-height:90%; border-radius:22px 0 0 0; }
  }


.sr-videos__form {grid-column:1/-1;display:block}.sr-videos__load-error{padding:20px;color:#666;font:13px sans-serif}.sr-videos__rail{grid-auto-columns:var(--reel-card-width,280px)}.sr-videos{color:var(--reel-text,#161616);background:var(--reel-background,#fff)}
.sr-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
/* Customizable appearance */
/* Every setting is scoped to this app block. Dialogs inherit these variables in the top layer. */
shoppable-reels-block { display:block; font-family:var(--reel-font,inherit); }
.sr-videos, .sr-videos__dialog { font-family:var(--reel-font,inherit); }
.sr-videos__header h2, .sr-videos__caption h3 { font-family:var(--reel-heading-font,var(--reel-font,inherit)); }
.sr-videos { background:var(--reel-background,#fff); color:var(--reel-text,#161616); }
.sr-videos__nav button, .sr-videos__open { background:var(--reel-card-background,#fff); color:var(--reel-card-text,#161616); border-color:color-mix(in srgb,var(--reel-card-text,#161616) 20%,transparent); }
.sr-videos__footer small { color:inherit; opacity:.7; }
.sr-videos__compact-shop, .sr-videos__shop-panel, .sr-videos__dialog { background:var(--reel-panel-background,#fff); color:var(--reel-panel-text,#161616); }
.sr-videos__compact-info>small, .sr-videos__product-title, .sr-videos__item-info, .sr-videos__sizes, .sr-videos__sizes legend { color:inherit; }
.sr-videos__compact-info>small { opacity:.7; }
.sr-videos__quick-shop, .sr-videos__add { background:var(--reel-button-background,#111); color:var(--reel-button-text,#fff); }
.sr-videos__sizes button { color:var(--reel-panel-text,#161616); background:var(--reel-panel-background,#fff); }
.sr-videos__sizes button[aria-pressed=true] { background:var(--reel-button-background,#111); color:var(--reel-button-text,#fff); }
.sr-videos__brand, .sr-videos__caption, .sr-videos__caption p, .sr-videos__feed-footer, .sr-videos__next-look, .sr-videos__round, .sr-videos__surface, .sr-videos__watch { color:var(--reel-overlay-text,#fff); }
.sr-videos__shop-heading [data-close-shop] { color:var(--reel-panel-text,#161616); }
.sr-videos__brand { max-width:calc(100% - 124px); }
.sr-videos__logo { display:block; width:var(--reel-logo-width,100px); max-width:100%; height:34px; object-fit:contain; object-position:left center; }
.sr-videos .sr-videos__sound { top:calc(16px + env(safe-area-inset-top,0px)); right:calc(108px + env(safe-area-inset-right,0px)); width:36px; height:36px; }
.sr-videos .sr-videos__brand { max-width:calc(100% - 168px); }
.sr-videos .sr-videos__active-image { flex:0 0 80px; width:80px; height:80px; aspect-ratio:1; background:var(--reel-image-background,#fff); }
.sr-videos .sr-videos__product-thumb { width:56px; height:56px; aspect-ratio:1; background:var(--reel-image-background,#fff); }
.sr-videos .sr-videos__product-thumb img,.sr-videos .sr-videos__active-image img,.sr-videos .sr-videos__product-image,.sr-videos .sr-videos__thumbs img { object-fit:var(--reel-image-fit,contain); background:var(--reel-image-background,#fff); }
.sr-videos__frame { position:absolute; inset:0; overflow:hidden; border-radius:inherit; background:#111; }
.sr-videos [hidden] { display:none!important; }