.oka-pdp .oka-ugc{display:block;max-width:100%;padding:66px 24px 62px;background:#f1f5f7;color:#193859;font-family:inherit}
.oka-pdp .oka-ugc [hidden]{display:none!important}
.oka-pdp .oka-ugc-inner{max-width:920px;margin:0 auto;min-width:0;text-align:center}
.oka-pdp .oka-ugc-heading{max-width:680px;margin:0 auto 30px}
.oka-pdp .oka-ugc-eyebrow{margin:0 0 14px;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:1.8px}
.oka-pdp .oka-ugc-heading h2{margin:0;font-size:clamp(30px,3.1vw,42px);font-weight:600;line-height:1.14;letter-spacing:-1px;color:inherit}
.oka-pdp .oka-ugc-intro{max-width:580px;margin:17px auto 0;font-size:16px;line-height:1.65;color:#536a7e}
.oka-pdp .oka-ugc-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:100%;text-align:left}
.oka-pdp .oka-ugc[data-video-count="1"] .oka-ugc-track{grid-template-columns:minmax(0,300px);justify-content:center}
.oka-pdp .oka-ugc[data-video-count="2"] .oka-ugc-track{grid-template-columns:repeat(2,minmax(0,300px));justify-content:center}
.oka-pdp .oka-ugc-card{min-width:0;margin:0;padding:0;background:transparent}
.oka-pdp .oka-ugc-media{position:relative;aspect-ratio:9/16;width:100%;overflow:hidden;background:#193859;border-radius:8px;isolation:isolate}
.oka-pdp .oka-ugc-poster{position:absolute;inset:0;display:block;margin:0;padding:0;overflow:hidden;border:0;border-radius:inherit;background:#193859;color:#fff;text-decoration:none}
.oka-pdp .oka-ugc-poster::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(10,28,45,.68));pointer-events:none}
.oka-pdp .oka-ugc-poster-image,.oka-pdp .oka-ugc-video{display:block;width:100%;height:100%;margin:0;max-width:100%;object-fit:contain;object-position:center}
.oka-pdp .oka-ugc-video{position:absolute;inset:0;background:#193859}
.oka-pdp .oka-ugc-play-mark{position:absolute;top:50%;left:50%;z-index:1;display:grid;place-items:center;width:60px;height:60px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(25,56,89,.86);color:#fff;transition:background .18s,transform .18s}
.oka-pdp .oka-ugc-play-mark svg{display:block;margin-left:2px}
.oka-pdp .oka-ugc-play-text{position:absolute;bottom:17px;left:18px;z-index:1;font-size:14px;line-height:1.3;font-weight:500;letter-spacing:.2px;color:#fff}
.oka-pdp .oka-ugc-duration{position:absolute;bottom:17px;right:16px;z-index:1;font-size:12px;line-height:1.5;font-weight:500;font-variant-numeric:tabular-nums;color:#fff}
.oka-pdp .oka-ugc-label{margin:13px 0 0;padding:0;font-family:inherit;font-size:16px;line-height:1.35;font-weight:500;letter-spacing:0;text-align:left;color:inherit}
.oka-pdp .oka-ugc-error{margin-top:10px;font-size:13px;line-height:1.5;text-align:left;color:#193859}
.oka-pdp .oka-ugc-error p{margin:0 0 4px}
.oka-pdp .oka-ugc-error a,.oka-pdp .oka-ugc-retry{display:inline-flex;align-items:center;min-height:44px;padding:4px 8px;text-decoration:underline;text-underline-offset:3px;font:inherit;color:inherit}
.oka-pdp .oka-ugc-retry{margin:0 6px 0 0;border:0;background:transparent;cursor:pointer}
.oka-pdp .oka-ugc-navigation{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}
.oka-pdp .oka-ugc-nav-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid #b7c6d2;border-radius:50%;background:transparent;color:#193859;cursor:pointer}
.oka-pdp .oka-ugc-nav-button svg{display:block;width:20px;height:20px}
.oka-pdp .oka-ugc-nav-button:disabled{opacity:.35;cursor:default}
.oka-pdp .oka-ugc-position{min-width:38px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums}
.oka-pdp .oka-ugc-cta{display:inline-flex;gap:18px;align-items:center;min-height:44px;margin-top:27px;padding:4px 0;border-bottom:1px solid currentColor;font-size:15px;line-height:1.4;font-weight:500;color:#193859;text-decoration:none}
.oka-pdp .oka-ugc :is(a,button,video):focus-visible{outline:3px solid #193859;outline-offset:4px}
.oka-pdp .oka-ugc-poster:focus-visible,.oka-pdp .oka-ugc-video:focus-visible{outline:3px solid #fff;outline-offset:-6px}
@media(hover:hover){.oka-pdp .oka-ugc-poster:hover .oka-ugc-play-mark{background:#193859;transform:translate(-50%,-50%) scale(1.06)}.oka-pdp .oka-ugc-nav-button:not(:disabled):hover{background:#193859;color:#fff}}
@media(max-width:700px){
  .oka-pdp .oka-ugc{padding:42px 0 36px;overflow:hidden}
  .oka-pdp .oka-ugc-heading{padding:0 24px;margin-bottom:24px;text-align:left}
  .oka-pdp .oka-ugc-eyebrow{font-size:11px;letter-spacing:1.6px;margin-bottom:12px}
  .oka-pdp .oka-ugc-heading h2{font-size:31px;line-height:1.14;letter-spacing:-.8px}
  .oka-pdp .oka-ugc-intro{margin-top:14px;font-size:15px;line-height:1.6}
  .oka-pdp .oka-ugc .oka-ugc-track{display:flex;justify-content:flex-start;gap:14px;padding:0 24px 5px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .oka-pdp .oka-ugc-track::-webkit-scrollbar{display:none}
  .oka-pdp .oka-ugc-card{flex:0 0 76%;scroll-snap-align:start;scroll-snap-stop:always}
  .oka-pdp .oka-ugc[data-video-count="1"] .oka-ugc-track{justify-content:center}
  .oka-pdp .oka-ugc[data-video-count="1"] .oka-ugc-card{flex-basis:min(100%,300px)}
  .oka-pdp .oka-ugc-media{border-radius:7px}
  .oka-pdp .oka-ugc-play-mark{width:56px;height:56px}
  .oka-pdp .oka-ugc-play-text{left:14px;bottom:14px;font-size:13px}
  .oka-pdp .oka-ugc-duration{right:14px;bottom:14px}
  .oka-pdp .oka-ugc-label{font-size:15px;margin-top:12px}
  .oka-pdp .oka-ugc-cta{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.oka-pdp .oka-ugc-play-mark{transition:none}.oka-pdp .oka-ugc-track{scroll-behavior:auto}}