/* Native Weekend AttributeLabels / PriceOrNewLabel geometry, scoped to module renderings. */
.SinuAiProductLabels.Label-Attributes{z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;position:absolute;inset-inline-start:8px;inset-block-end:8px;min-height:20px;height:auto;max-width:calc(100% - 16px);pointer-events:none}
.SinuAiProductLabels:not(.SinuAiProductLabels--detail)>.Label-Icon{box-sizing:border-box;height:20px;width:20px;flex:0 0 20px;background-color:#fff;border-radius:3px;border:1px solid #e6e6e6;margin-inline-end:4px}
.SinuAiProductLabels:not(.SinuAiProductLabels--detail)>.Label-Icon svg{width:100%;height:100%;display:inline-block}
.SinuAiProductLabels>.Label-CampaignText{display:flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:14px;font-size:12px;font-weight:600;font-family:inherit;color:#fff;text-transform:uppercase;background-color:#333;padding:4px 10px;word-break:break-word;min-height:24px;margin:0 4px 0 0;border-radius:3px;max-width:100%}
.SinuAiProductLabels>.Label-CampaignText_isRed{background-color:#c32429}
.SinuAiProductLabels--detail.Label-Attributes{flex-direction:column-reverse;align-items:flex-start;justify-content:center;inset-inline-start:5px;inset-block-end:8px;gap:4px}
.SinuAiProductLabels--detail>.Label-Attribute{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:24px;background-color:#fff;border-radius:3px;border:1px solid #e6e6e6;max-width:100%}
.SinuAiProductLabels--detail .Label-Text{font-family:inherit;font-weight:700;font-size:12px;color:#333;padding-inline:6px 8px;line-height:normal}
.SinuAiProductLabels--detail .Label-Icon{height:17px;margin-inline-start:10px;min-width:16px;text-align:center;fill:#333;display:inline-flex;justify-content:center}
.SinuAiProductLabels--detail .Label-Icon svg{height:17px;display:block}
.SinuAiProductLabels--detail>.Label-Attribute:has(.Label-Text_isCampaignText){border:none;background-color:#333}
.SinuAiProductLabels--detail>.Label-Attribute_isRedCampaign:has(.Label-Text_isCampaignText){background-color:#c32429}
.SinuAiProductLabels--detail .Label-Text_isCampaignText{padding-inline:12px;color:#fff;font-weight:500;font-size:13px}
.SinuAiProductPremium.ProductCard-PremiumLabel{color:#c6a85a;font-weight:600;font-family:inherit;font-size:11px;text-transform:uppercase;letter-spacing:2px;margin-inline-end:6px;margin-block-end:6px}
.SinuAiProductOos.Label-OosAttribute{box-sizing:border-box;display:flex;align-items:center;border:1px solid #e6e6e6;border-radius:3px;color:var(--primary-base-color,#ff6200);font-weight:700;font-family:inherit;font-size:12px;line-height:normal;white-space:nowrap;padding:0 6px;height:20px}
.SinuAiProductOos--detail.Label-OosAttribute{height:auto;padding:3px 8px}
.SinuAiSimilar .Label-Price_isBlackFriday,.SinuAiOutfitDisplay .Label-Price_isBlackFriday{background-color:#000}
.SinuAiSimilar-CardPrice .Label-Price_isPremium,.SinuAiOutfitDisplay .Label-Price_isPremium{background-color:#c6a85a}
@media(min-width:811px){.SinuAiProductLabels:not(.SinuAiProductLabels--detail)>.Label-Icon{margin-inline-end:6px}.SinuAiProductLabels>.Label-CampaignText{font-size:13px;margin-inline-end:6px;height:24px}.SinuAiProductLabels--detail.Label-Attributes{inset-inline:unset 8px;inset-block:unset 12px;align-items:flex-end}}
.SinuAiProductPremium--detail.ProductActions-PremiumLabel{color:#c6a85a;font-weight:600;font-family:inherit;font-size:14px;text-transform:uppercase;letter-spacing:2px}
@media(min-width:811px){.SinuAiProductPremium.ProductCard-PremiumLabel{font-size:12px}}
/* Native premium current amounts stay gold even when discounted or discount-hidden. */
.SinuAiSimilar-CardPrice .ProductPrice .ProductPrice-PriceValue.ProductPrice-PriceValue_isPremium,
.SinuAiSimilar-HeroPriceRow .SinuAiSimilar-HeroPrice.ProductPrice-PriceValue_isPremium,
.SinuAiOutfitDisplay .SinuAiOutfitDisplay-Info .SinuAiOutfitDisplay-CurrentPrice.ProductPrice-PriceValue_isPremium{color:#c6a85a}

/* Native ProductCard / ProductPrice / PriceOrNewLabel markup. Scoped to this panel so the
   standalone module also retains the listing's price layout before a native PLP is visited. */
.SinuAiProductPrice{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;width:100%;text-align:start}
.SinuAiProductPrice .ProductCard-PriceWrapper{min-width:0}
.SinuAiProductPrice .ProductPrice{display:flex;align-items:baseline;flex-direction:row;flex-wrap:wrap;gap:0 8px;min-height:0;margin:0;color:#262626;font-family:inherit;font-style:normal;font-weight:600;font-size:14px;line-height:24px}
.SinuAiProductPrice .ProductPrice-Price{display:inline-flex;align-items:baseline;text-decoration:none}
.SinuAiProductPrice .ProductPrice-PriceValue{margin:0;color:#262626;font-size:14px;font-weight:600;line-height:24px;white-space:nowrap}
.SinuAiProductPrice .ProductPrice_hasDiscount .ProductPrice-PriceValue{color:var(--primary-base-color,#ff6200)}
.SinuAiProductPrice .ProductPrice-HighPrice{display:inline-block;margin:0;opacity:1;color:#999;font-size:12px;font-weight:400;line-height:24px;text-decoration:line-through;white-space:nowrap}
.SinuAiProductPrice .Label-Price{display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:38px;min-width:38px;height:19px;margin:0;background:#ff6200;border-radius:3px}
.SinuAiProductPrice .Label-Text{color:#fff;font-size:11px;font-weight:400;line-height:normal;white-space:nowrap}
.SinuAiSimilar-Image{position:relative}
/* Weekend's native Label-New markup and dimensions; the hero leaves its Back target free. */
.SinuAiProductNew.Label-New{position:absolute;z-index:3;inset-inline-start:8px;inset-block-start:8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:22px;width:auto;max-width:66px;padding:0 12px;background:#9fe579;border-radius:3px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;pointer-events:none}
.SinuAiProductNew .Label-Text{color:#fff;font-size:11px;font-weight:500;line-height:normal;white-space:nowrap}
.SinuAiSimilar-HeroImage>.SinuAiProductNew{inset-inline-start:68px}
@media(min-width:811px){.SinuAiProductNew.Label-New{height:24px;max-width:none}.SinuAiProductNew .Label-Text{font-size:13px}}
@media(min-width:811px){.SinuAiProductPrice .ProductPrice-PriceValue{line-height:20px}.SinuAiProductPrice .ProductPrice-HighPrice{font-size:14px;line-height:20px}}
@media(min-width:1601px){.SinuAiProductPrice .Label-Price{width:40px;min-width:40px;height:20px}.SinuAiProductPrice .Label-Text{font-size:12px}}
@media(min-width:1920px){.SinuAiProductPrice .ProductPrice-PriceValue{font-size:18px}.SinuAiProductPrice .Label-Price{width:44px;min-width:44px;height:22px}.SinuAiProductPrice .Label-Text{font-size:13px}}
.SinuAiProductPrice .Label-Price_isBlackFriday{background-color:#000}
.SinuAiProductPrice .Label-Price_isPremium{background-color:#c6a85a}
.SinuAiProductPrice .ProductPrice .ProductPrice-PriceValue.ProductPrice-PriceValue_isPremium{color:#c6a85a}

/* The existing Similar detail offer and native plain cart action, used by all outfit views too. */
.SinuAiDetailPrice,.SinuAiDetailPrice-Info{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}
.SinuAiDetailPrice-Info:empty{display:none}
.SinuAiDetailPrice .SinuAiDetailPrice-Current{margin:0;font-size:21px;font-weight:700;line-height:1.4;color:var(--primary-base-color,#ff6200)}
.SinuAiDetailPrice .SinuAiDetailPrice-Current--regular{color:#262626}
.SinuAiDetailPrice .SinuAiDetailPrice-Current.ProductPrice-PriceValue_isPremium{color:#c6a85a}
.SinuAiDetailPrice-Regular{font-size:13px;font-weight:400;color:#999;white-space:nowrap}
.SinuAiDetailPrice-Discount{padding:2px 5px;background:var(--primary-base-color,#ff6200);color:#fff;font-size:12px;line-height:1.2;white-space:nowrap}
.SinuAiDetailPrice .Label-Price_isPremium{background-color:#c6a85a}
.SinuAiDetailPrice .Label-Price_isBlackFriday{background-color:#000}
:root button.SinuAiShopCart-Add.Button.AddToCart{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;height:auto;margin:0;padding:10px 16px;border:0;border-radius:0;background:var(--primary-base-color,#ff6200);color:#fff;font:inherit;font-size:14px;font-weight:600;line-height:24px;cursor:pointer;text-transform:none}
:root button.SinuAiShopCart-Add.Button.AddToCart:disabled{opacity:.65;cursor:default}
:root button.SinuAiShopCart-Add.Button.AddToCart>span{color:inherit;font:inherit}

/* Native PDP instalment summary, within the shared offer only; retain the merchant's muted text. */
.SinuAiDetailPrice>.BestPriceIn30Days{flex-basis:100%;width:100%;margin:0;font-size:12px;font-weight:400;line-height:normal;color:var(--color-dark-gray,#999)}
.SinuAiDetailPrice>.BestPriceIn30Days>span{font:inherit;color:inherit}

/* Modal price badges omit "OOS soon"; native size-row quantity labels stay visible. */
:is(.SinuAiSimilar-Backdrop,.AiOutfitsPage-Dialog) .SinuAiProductOos { display: none !important; }

/* Shared existing modal Slider/Draggable adapter, also used by inline members. */
.SinuAiProductGallery .GallerySlide{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
.SinuAiProductGallery .GallerySlide-Track{position:relative;display:flex;direction:ltr;width:100%;height:100%;padding:0;margin:0;transform:translate3d(var(--translateX,0%),0,0);transition:transform var(--animation-speed,250ms) ease;will-change:transform}
.SinuAiProductGallery .GallerySlide-Page{position:relative;display:block;flex:0 0 100%;width:100%;height:100%;min-width:0;overflow:hidden}
.SinuAiProductGallery .GallerySlide-Image{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:50% 0%}
.SinuAiProductGallery .GallerySlide-Loading{position:absolute;inset:0;display:block;pointer-events:none}
@media(prefers-reduced-motion:reduce){.SinuAiProductGallery .GallerySlide-Track{transition:none}}
.SinuAiProductGallery .GallerySlide-Loading .Loader-Main{ position: relative; width: 50px; height: 50px; background-color: transparent; margin: 12px 0px; box-sizing: border-box; }
.SinuAiProductGallery .GallerySlide-Loading .Loader-Main div{ position: absolute; margin: auto; width: 100%; height: 100%; z-index: 2; }
:root[dir="ltr"] .SinuAiProductGallery .GallerySlide-Loading .Loader{ left: 0px; }
:root[dir="rtl"] .SinuAiProductGallery .GallerySlide-Loading .Loader{ right: 0px; }
:root[dir="ltr"] .SinuAiProductGallery .GallerySlide-Loading .Loader{ right: 0px; }
:root[dir="rtl"] .SinuAiProductGallery .GallerySlide-Loading .Loader{ left: 0px; }
.SinuAiProductGallery .GallerySlide-Loading .Loader{ background-color: rgba(255, 255, 255, 0.6); position: absolute; top: 0px; bottom: 0px; z-index: 75; margin: auto; opacity: 0; animation: 1ms ease 200ms 1 normal forwards running appear; }
:root[dir="ltr"] .SinuAiProductGallery .GallerySlide-Loading .Loader-Scale{ left: 50%; }
:root[dir="rtl"] .SinuAiProductGallery .GallerySlide-Loading .Loader-Scale{ right: 50%; }
.SinuAiProductGallery .GallerySlide-Loading .Loader-Scale{ position: absolute; transform: translate(-50%, -50%) scale(var(--loader-scale)); top: calc(50% - (3px * var(--loader-scale))); }
:root[dir="rtl"] .SinuAiProductGallery .GallerySlide-Loading .Loader-Scale{ transform: translate(50%, -50%) scale(var(--loader-scale)); }
.SinuAiProductGallery .GallerySlide-Loading .Loader-Main img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.SinuAiProductGallery .SinuAiProductGallery-Arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:40px!important;height:40px!important;display:flex!important;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(255,255,255,.4);padding:0}
.SinuAiProductGallery .SinuAiProductGallery-Arrow.Slider-Arrow_isPrev{left:12px}
.SinuAiProductGallery .SinuAiProductGallery-Arrow.Slider-Arrow_isNext{right:12px}
.SinuAiProductGallery .SinuAiProductGallery-Arrow svg{width:24px;height:24px;fill:#262626;stroke:none}
.SinuAiProductGallery .SinuAiProductGallery-Arrow:disabled{opacity:.4;cursor:default}
.SinuAiProductGallery .SinuAiProductGallery-Arrow .ChevronIcon_direction_left{transform:rotate(180deg)}
.SinuAiProductGallery { position:relative; touch-action:pan-y; }
.SinuAiOutfitDisplay-Picture.SinuAiProductGallery { overflow:hidden; }
@media(min-width:901px){.ProductPage .SinuAiOutfitDisplay--compactCards .SinuAiOutfitDisplay-Items .SinuAiOutfitDisplay-Picture.SinuAiProductGallery { aspect-ratio:3/4; }}
@media(min-width:811px) and (hover:hover) and (pointer:fine){
.SinuAiProductGallery .SinuAiProductGallery-Arrow{visibility:hidden;pointer-events:none}
.SinuAiProductGallery:hover .SinuAiProductGallery-Arrow,.SinuAiProductGallery:focus-within .SinuAiProductGallery-Arrow{visibility:visible;pointer-events:auto}
}
.SinuAiProductGallery .GallerySlide-Loading .Loader,.SinuAiProductGallery .GallerySlide-Loading .Loader-Main,.SinuAiProductGallery .GallerySlide-Loading .Loader-Main .Image{background:transparent}
.SinuAiProductGallery .GallerySlide-Loading .Loader-Main img{mix-blend-mode:multiply}
/* Inline phone cards retain their native 92px photo slot: keep touch arrows separate. */
@media(max-width:900px){
.SinuAiOutfitDisplay .SinuAiProductGallery .SinuAiProductGallery-Arrow.Slider-Arrow_isPrev{left:0}
.SinuAiOutfitDisplay .SinuAiProductGallery .SinuAiProductGallery-Arrow.Slider-Arrow_isNext{right:0}
}