/* Live storefront video and detail/cart images in a five-second sequence. */
.home-brand-campaign.shopping-loop{aspect-ratio:auto;max-width:440px;width:100%;justify-self:center;padding:20px 28px 24px;overflow:hidden;border-color:#f592aa65;background:radial-gradient(ellipse at 85% 0%,#ff718747,transparent 68%),linear-gradient(145deg,#581629,#240e1b 60%,#160c14);box-shadow:0 30px 80px #470a2729;scroll-margin-top:0}
.shopping-loop:after{display:none}
.shopping-loop-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;color:#fff;font-size:10px;letter-spacing:1.4px;font-weight:650;min-height:20px}
.shopping-loop-phone{width:100%;max-width:240px;margin-inline:auto;padding:7px;border-radius:29px;background:linear-gradient(135deg,#767077,#1c1a20 38%,#454049);border:1px solid #ffffff38;box-shadow:0 22px 45px #0006,0 1px 0 #ffffff60 inset}
.shopping-loop-screen{position:relative;isolation:isolate;aspect-ratio:390/844;overflow:hidden;border-radius:21px;background:#fafafa;contain:paint}
.shopping-scene{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.shopping-scene--feed{z-index:0}
.shopping-scene--feed iframe{display:block;width:390px;height:844px;border:0;transform-origin:top left;background:#fafafa;pointer-events:none}
.shopping-scene--product{z-index:1;opacity:0;animation:shopping-product 5s ease-in-out infinite paused}
.shopping-scene--cart{z-index:2;opacity:0;animation:shopping-cart 5s ease-in-out infinite paused}
.shopping-tap{position:absolute;z-index:4;width:11%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.6);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 7px #ff2c6035,0 3px 16px #30101a66;opacity:0;pointer-events:none;background:#ff2c601a}
.shopping-tap--choose{left:34%;top:80%;animation:shopping-choose 5s ease-in-out infinite paused}
.shopping-tap--add{left:63%;top:49%;animation:shopping-add 5s ease-in-out infinite paused}
.shopping-loop-steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;max-width:280px;margin:16px auto 0}
.shopping-loop-steps button{min-width:0;padding:0 0 6px;background:none;border:0;color:#f7d9e3;font:inherit;font-size:11px;text-align:left;cursor:pointer;transition:color .2s}
.shopping-loop-steps button>span:last-child{display:block;padding-top:9px;white-space:nowrap}
.shopping-loop-steps b{font-weight:400;font-size:9px;opacity:.7;margin-right:3px}
.shopping-loop-steps button[aria-current]{color:white}
.shopping-loop-steps button:hover{color:#ff8faf}
.shopping-loop-steps button:focus-visible{outline:2px solid #ffd4df;outline-offset:5px;border-radius:2px}
.shopping-step-track{display:block;height:3px;overflow:hidden;background:#ffffff25;border-radius:3px}
.shopping-step-track i{display:block;height:100%;background:#ff5780;transform:scaleX(0);transform-origin:left}
.shopping-loop-steps button:nth-child(1) i{animation:shopping-progress-one 5s linear infinite paused}
.shopping-loop-steps button:nth-child(2) i{animation:shopping-progress-two 5s linear infinite paused}
.shopping-loop-steps button:nth-child(3) i{animation:shopping-progress-three 5s linear infinite paused}
/* This caption follows the complete phone and steps; it is not the photo overlay. */
.home-brand-campaign.shopping-loop>.shopping-loop-caption{position:static;inset:auto;z-index:auto;display:grid;justify-items:center;gap:16px;min-width:0;margin:18px 0 0;text-align:center}
.shopping-loop .shopping-loop-note{color:#ffdeea;font-size:10px;line-height:1.6;margin:0 0 12px}
.home-brand-campaign.shopping-loop>.shopping-loop-caption h3{color:white;font-size:32px;margin:0;line-height:1.04}
.home-brand-campaign.shopping-loop>.shopping-loop-caption .button{min-height:48px;max-width:100%;justify-content:center;text-align:center}
.shopping-loop [hidden]{display:none!important}
@keyframes shopping-product{0%,24%{opacity:0;transform:translateX(100%)}24.01%{opacity:1;transform:translateX(100%)}32%,88%{opacity:1;transform:translateX(0)}88.01%,100%{opacity:0;transform:translateX(0)}}
@keyframes shopping-cart{0%,61%{opacity:0;transform:translateX(100%)}61.01%{opacity:1;transform:translateX(100%)}69%,88%{opacity:1;transform:translateX(0)}98%{opacity:1;transform:translateY(-100%)}98.01%,100%{opacity:0;transform:translateY(-100%)}}
@keyframes shopping-choose{0%,17%,29%,100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}21%{opacity:1;transform:translate(-50%,-50%) scale(.7)}26%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}
@keyframes shopping-add{0%,54%,67%,100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}58%{opacity:1;transform:translate(-50%,-50%) scale(.7)}64%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}
@keyframes shopping-progress-one{0%{transform:scaleX(0)}28%,88%{transform:scaleX(1)}98%,100%{transform:scaleX(0)}}
@keyframes shopping-progress-two{0%,28%{transform:scaleX(0)}65%,88%{transform:scaleX(1)}98%,100%{transform:scaleX(0)}}
@keyframes shopping-progress-three{0%,65%{transform:scaleX(0)}88%{transform:scaleX(1)}98%,100%{transform:scaleX(0)}}
@media(max-width:1000px){.home-brand-campaign.shopping-loop{padding:20px}.shopping-loop-top{font-size:9px;letter-spacing:1px}.home-brand-campaign.shopping-loop>.shopping-loop-caption h3{font-size:34px}.shopping-loop-steps{gap:8px}.shopping-loop-steps button{font-size:10px}}
@media(max-width:700px){.home-brand-campaign.shopping-loop{max-width:430px;padding:24px}.home-brand-campaign.shopping-loop>.shopping-loop-caption h3{font-size:38px}.shopping-loop-phone{max-width:250px}}
@media(max-width:400px){.home-brand-campaign.shopping-loop{padding:16px 12px 22px;border-radius:24px}.shopping-loop-top{margin:0 4px 14px;font-size:8px}.shopping-loop-phone{padding:5px;border-radius:24px}.shopping-loop-screen{border-radius:18px}.shopping-loop-steps{gap:7px;margin-top:17px}.shopping-loop-steps b{display:none}.shopping-loop-steps button{font-size:10px}.home-brand-campaign.shopping-loop>.shopping-loop-caption{margin-top:22px}.home-brand-campaign.shopping-loop>.shopping-loop-caption h3{font-size:32px}.home-brand-campaign.shopping-loop>.shopping-loop-caption .button{font-size:13px}}
@media(prefers-reduced-motion:reduce){
 .shopping-loop .shopping-scene,.shopping-loop .shopping-tap,.shopping-loop .shopping-step-track i{animation:none!important;transform:none}
 .shopping-loop .shopping-scene--product,.shopping-loop .shopping-scene--cart,.shopping-loop .shopping-scene--return,.shopping-loop .shopping-tap{opacity:0}
 .shopping-loop[data-phase="1"] .shopping-scene--product,.shopping-loop[data-phase="2"] .shopping-scene--cart{opacity:1}
 .shopping-loop .shopping-step-track i{transform:scaleX(0)}
 .shopping-loop [aria-current] .shopping-step-track i{transform:scaleX(1)}
}