.ocb-look{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(20px,3.4vw,54px);align-items:center}.ocb-look>p,.ocb-look__card>p{display:contents}.ocb-look--end .ocb-look__pic{order:2}.ocb-look__pic{position:relative;overflow:hidden;border-radius:var(--oc-radius,8px);inline-size:var(--ocb-look-w,100%);margin-inline:auto}.ocb-look__pic img{display:block;inline-size:100%;block-size:auto}@media (min-width:783px){.ocb-look{display:flex;justify-content:center;gap:var(--ocb-look-gap,32px)}.ocb-look__pic{flex:0 1 auto;inline-size:calc(var(--ocb-look-w,100%) * .515);margin-inline:0}.ocb-look__side{flex:0 1 320px;min-inline-size:0}}.ocb-look__scene{position:relative}.ocb-look__canvas{position:relative;aspect-ratio:var(--ocb-ard,auto)}.ocb-look__canvas img{display:block;inline-size:100%;block-size:100%;object-fit:cover}@media (max-width:782px){.ocb-look__canvas{aspect-ratio:var(--ocb-arm,var(--ocb-ard,auto))}}.ocb-look__scene:not(.is-on){display:none}.ocb-look__scene.is-on{animation:ocb-look-in .5s ease}.ocb-look__snav.ocb-arr{position:absolute}.ocb-look__snav.ocb-arr--prev{left:12px;right:auto}.ocb-look__snav.ocb-arr--next{right:12px;left:auto}.ocb-look__spot{position:absolute;top:var(--y,50%);left:var(--x,50%);right:auto;translate:-50% -50%;inline-size:40px;block-size:40px;display:grid;place-items:center;border:0;padding:0;background:rgb(255 255 255 / 22%);border-radius:50%;cursor:pointer;transition:background .2s ease}.ocb-look__spot i{inline-size:14px;block-size:14px;border-radius:50%;background:#fff;box-shadow:0 1px 8px rgb(0 0 0 / 30%);transition:transform .2s ease}.ocb-look__spot::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgb(255 255 255 / 75%);animation:ocb-spot 2.4s ease-out infinite}@keyframes ocb-spot{0%{transform:scale(.55);opacity:0}35%{opacity:1}100%{transform:scale(1.15);opacity:0}}.ocb-look__spot:hover i,.ocb-look__spot.is-on i{transform:scale(1.35)}.ocb-look__spot.is-on{background:rgb(255 255 255 / 40%)}.ocb-look__side{text-align:center}.ocb-look__cards{position:relative}.ocb-look__card{display:none;animation:ocb-look-in .45s cubic-bezier(.22,.61,.36,1)}.ocb-look__card.is-on{display:block}.ocb-look__cimg{display:block;max-inline-size:320px;margin-inline:auto}.ocb-look__cimg img{inline-size:100%;aspect-ratio:var(--oc-card-ratio,4 / 5);object-fit:cover;object-position:50% var(--oc-card-focus,50%)}body.oc-card-fit-contain .ocb-look__cimg img{object-fit:contain;background:var(--oc-card-ground,color-mix(in srgb,var(--oc-ink,#1c1c1c) 4%,transparent))}body.oc-card-h-custom .ocb-look__cimg img{aspect-ratio:auto;block-size:var(--oc-card-h,320px)}@media (max-width:782px){body.oc-card-h-custom .ocb-look__cimg img{block-size:var(--oc-card-h-m,220px)}}.ocb-look__cmedia{position:relative;max-inline-size:320px;margin-inline:auto}.ocb-look .ocb-look__card .oc-colors--loop{justify-content:center}.ocb-look__cmedia .ocb-look__cadd{display:grid;place-items:center;position:absolute;inset-inline-start:12px;inset-block-end:12px;inline-size:42px;block-size:42px;border-radius:50%;background:#fff;color:var(--oc-ink,#1c1c1c);box-shadow:0 2px 10px rgb(0 0 0 / 14%);text-decoration:none;transition:background-color .15s ease,color .15s ease}.ocb-look__cmedia .ocb-look__cadd:hover{background:var(--oc-cta,var(--oc-primary,#03104c));color:#fff}.ocb-look__cmedia .ocb-look__cadd--oos{background:#111;color:#fff}.ocb-look__cmedia .ocb-look__cadd--oos:hover{background:#111;color:#fff}.ocb-look__cmedia .ocb-look__cadd--sh-square{border-radius:calc(var(--oc-radius,8px) * .75)}.ocb-look__cname{margin:14px 0 0;font-size:1.1em;letter-spacing:.04em}.ocb-look__cname a{text-decoration:none;color:inherit}.ocb-look__cprice{margin-block-start:6px;font-weight:600}.ocb-look__cprice del{color:var(--oc-ink-2,#666e7c);margin-inline-end:6px;font-weight:400}.ocb-look__cprice ins{text-decoration:none;color:var(--oc-sale,#b4453c)}.ocb-look__cgo{margin-block-start:16px}.ocb-look__nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-block-start:22px}.ocb-look__nav .ocb-arr{position:static;transform:none}html[dir="rtl"] .ocb-look__nav .ocb-arr svg{transform:scaleX(-1)}.ocb-look__nav .ocb-arr:hover{transform:scale(1.06)}.ocb-look__count{font-size:.88em;color:color-mix(in srgb,currentColor 60%,transparent);min-inline-size:44px;direction:ltr;unicode-bidi:isolate}.ocb-look__open{display:none}.ocb-look__close{display:none}.ocb-look__cadd{display:none}.ocb-look__cadd-ok{display:none}.ocb-look__cadd.loading{pointer-events:none}.ocb-look__cadd.loading .ocb-look__cadd-i{visibility:hidden}.ocb-look__cadd.loading::after{content:"";grid-area:1 / 1;inline-size:18px;block-size:18px;border:2px solid currentColor;border-block-start-color:transparent;border-radius:50%;animation:ocb-spin .6s linear infinite}@keyframes ocb-spin{to{transform:rotate(360deg)}}.ocb-look__cadd.added .ocb-look__cadd-i{display:none}.ocb-look__cadd.added .ocb-look__cadd-ok{display:block}.ocb-look__cadd-i,.ocb-look__cadd-ok{grid-area:1 / 1}.ocb-look__card .added_to_cart{display:none!important}html.oc-look-lock,html.oc-look-lock body{overflow:hidden}@media (max-width:782px){.ocb-look{grid-template-columns:1fr;gap:14px}.ocb-look__side{display:none}.ocb-look .ocb-look__snav.ocb-arr{display:none}.ocb-look:not(.is-open):not(.is-closing) .ocb-look__pic{display:flex;overflow-x:auto;gap:10px;margin-inline:calc(50% - 50vw);border-radius:0;scroll-snap-type:x mandatory;scrollbar-width:none}.ocb-look:not(.is-open):not(.is-closing) .ocb-look__pic::-webkit-scrollbar{display:none}.ocb-look:not(.is-open):not(.is-closing) .ocb-look__pic{inline-size:auto}.ocb-look:not(.is-open):not(.is-closing) .ocb-look__scene{display:block;flex:0 0 var(--ocb-look-mw,88%);scroll-snap-align:start;overflow:hidden;border-radius:0}.ocb-look:not(.is-open):not(.is-closing) .ocb-look__scene:only-child{flex-basis:100%}.ocb-look .ocb-look__scene.is-on{animation:none}.ocb-look--ghost,.ocb-look--ghost *{animation:none!important}.ocb-look--ghost{pointer-events:none;z-index:91;transition:opacity .3s ease}.ocb-look--ghost.is-fading{opacity:0}.ocb-look__open{display:block;inline-size:100%;margin-block-start:2px;padding:10px;border:1.5px solid var(--oc-ink,#1c1c1c);border-radius:var(--oc-cta-r,8px);background:none;color:var(--oc-ink,#1c1c1c);font:inherit;font-weight:600;cursor:pointer}.ocb-look.is-open,.ocb-look.is-closing{position:fixed;inset:0;z-index:90;display:block;background:#0c0c0d;overflow:hidden}.ocb-look.is-open{animation:ocb-look-story-in .32s cubic-bezier(.22,.61,.36,1) both}.ocb-look.is-closing{animation:ocb-look-story-out .28s ease both;pointer-events:none}@keyframes ocb-look-story-in{from{opacity:0;transform:scale(1.04)}}@keyframes ocb-look-story-out{to{opacity:0}}.ocb-look.is-open .ocb-look__pic,.ocb-look.is-closing .ocb-look__pic{position:absolute;inset:0;inline-size:auto;margin-inline:0;border-radius:0;overflow:hidden}.ocb-look.is-open .ocb-look__scene,.ocb-look.is-closing .ocb-look__scene{display:grid;place-items:center;block-size:100%}.ocb-look.is-open .ocb-look__scene:not(.is-on),.ocb-look.is-closing .ocb-look__scene:not(.is-on){display:none}.ocb-look.is-open .ocb-look__canvas,.ocb-look.is-closing .ocb-look__canvas{inline-size:min(100vw,calc(100vh * var(--ocb-arm,var(--ocb-ard,1))));inline-size:min(100vw,calc(100dvh * var(--ocb-arm,var(--ocb-ard,1))));block-size:auto}.ocb-look.is-open .ocb-look__spot{inline-size:44px;block-size:44px}.ocb-look.is-open .ocb-look__close,.ocb-look.is-closing .ocb-look__close{display:grid;place-items:center;position:fixed;top:max(14px,env(safe-area-inset-top));left:14px;z-index:6;inline-size:40px;block-size:40px;padding:0;border:0;border-radius:50%;background:rgb(0 0 0 / 45%);cursor:pointer}.ocb-look.is-open .ocb-look__grab,.ocb-look.is-closing .ocb-look__grab{display:block;position:relative;inline-size:16px;block-size:16px;margin:0;border-radius:0;background:none}.ocb-look.is-open .ocb-look__grab::before,.ocb-look.is-open .ocb-look__grab::after,.ocb-look.is-closing .ocb-look__grab::before,.ocb-look.is-closing .ocb-look__grab::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:0;inline-size:16px;block-size:2px;border-radius:2px;background:#fff}.ocb-look.is-open .ocb-look__grab::before,.ocb-look.is-closing .ocb-look__grab::before{transform:rotate(45deg)}.ocb-look.is-open .ocb-look__grab::after,.ocb-look.is-closing .ocb-look__grab::after{transform:rotate(-45deg)}.ocb-look.is-open .ocb-look__side,.ocb-look.is-closing .ocb-look__side{display:block;position:absolute;inset-inline:0;inset-block-end:0;z-index:5;animation:ocb-look-strip .4s cubic-bezier(.22,.61,.36,1) both}@keyframes ocb-look-strip{from{transform:translateY(110%)}}.ocb-look.is-open .ocb-look__cards,.ocb-look.is-closing .ocb-look__cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:12px;scrollbar-width:none;gap:10px;padding:14px 12px;padding-block-end:max(14px,env(safe-area-inset-bottom))}.ocb-look.is-open .ocb-look__cards::-webkit-scrollbar,.ocb-look.is-closing .ocb-look__cards::-webkit-scrollbar{display:none}.ocb-look.is-open .ocb-look__card:not(.in-scene),.ocb-look.is-closing .ocb-look__card:not(.in-scene){display:none}.ocb-look.is-open .ocb-look__card.in-scene,.ocb-look.is-closing .ocb-look__card.in-scene{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:12px;row-gap:3px;align-items:center;flex:1 1 100%;max-inline-size:100%;scroll-snap-align:start;background:#fff;color:#111;border-radius:16px;padding:10px;box-shadow:0 2px 10px rgb(0 0 0 / 25%);text-align:start;animation:none}.ocb-look.is-open .ocb-look__cards.is-multi .ocb-look__card.in-scene,.ocb-look.is-closing .ocb-look__cards.is-multi .ocb-look__card.in-scene{flex:0 0 80%;max-inline-size:80%}.ocb-look.is-open .ocb-look__cimg,.ocb-look.is-closing .ocb-look__cimg{grid-column:1;grid-row:1 / 4;align-self:center;inline-size:64px;max-inline-size:64px;block-size:64px;margin:0}.ocb-look.is-open .ocb-look__cimg img,.ocb-look.is-closing .ocb-look__cimg img{inline-size:64px;block-size:64px;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;background:#eee}.ocb-look.is-open .ocb-look__cname,.ocb-look.is-closing .ocb-look__cname{grid-column:2;grid-row:1;align-self:end;margin:0;font-size:14px;font-weight:500;line-height:1.3;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ocb-look.is-open .ocb-look__cprice,.ocb-look.is-closing .ocb-look__cprice{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:16px;font-weight:700;color:#111}.ocb-look.is-open .ocb-look__cmedia,.ocb-look.is-closing .ocb-look__cmedia{display:contents}.ocb-look.is-open .ocb-look__cadd,.ocb-look.is-closing .ocb-look__cadd{display:grid;place-items:center;position:relative;inset:auto;grid-column:3;grid-row:1 / 4;align-self:center;inline-size:40px;block-size:40px;margin:0;border:0;border-radius:50%;background:var(--oc-cta,var(--oc-primary,#03104c));color:#fff;box-shadow:none;text-decoration:none;opacity:1;transform:none}.ocb-look.is-open .ocb-look__cadd--oos,.ocb-look.is-closing .ocb-look__cadd--oos{background:#111;color:#fff}.ocb-look__cadd-n[hidden]{display:none}.ocb-look__cadd-n{position:absolute;inset-block-start:-6px;inset-inline-end:-5px;min-inline-size:19px;block-size:19px;display:grid;place-items:center;padding-inline:5px;border-radius:999px;background:#0a7a3d;color:#fff;font-size:11px;font-weight:700;line-height:1;box-shadow:0 0 0 2px #fff}.ocb-look.is-open .ocb-look__card .oc-colors--loop,.ocb-look.is-closing .ocb-look__card .oc-colors--loop{grid-column:2;grid-row:3;justify-content:flex-start;margin:3px 0 0;--oc-swatch-cat:18px}.ocb-look.is-open .ocb-look__card.is-on{outline:2px solid var(--oc-ink,#1c1c1c);outline-offset:-2px}.ocb-look.is-open .ocb-look__cgo{display:none}.ocb-look.is-open .ocb-look__nav{display:none}.ocb-look.is-open .ocb-look__open,.ocb-look.is-closing .ocb-look__open{display:none}.ocb-look__arrs{display:none}}