/* Black Friday: escopo exclusivo da vitrine, sem alterar os demais carrosséis. */
.moca-black-friday{position:relative;background:transparent;color:#fff;overflow:hidden;padding:0}
.moca-black-friday__inner{max-width:1440px;padding:25px 32px 35px;margin:auto}
/* Geometria idêntica à do protótipo: duas fitas cruzadas, recortadas no próprio stack. */
.moca-black-friday__tapes{position:relative;height:70px;overflow:hidden;isolation:isolate;pointer-events:none;margin-top:-4px}
.moca-black-friday__tapes--bottom{height:76px;margin-top:0;margin-bottom:-4px}
.moca-black-friday__tape{position:absolute;left:-3%;width:106%;display:flex;align-items:center;white-space:nowrap;overflow:hidden;font-weight:900;letter-spacing:2px;font-size:15px;line-height:1;color:#090909;box-shadow:0 2px 6px #0002;transform-origin:center center;padding:0}
.moca-black-friday__tape span{display:block;min-width:max-content;animation:moca-bf-marquee 125s linear infinite}
.moca-black-friday__tape--back{z-index:1;top:5px;height:33px;background:#f7f7f7;transform:rotate(1.8deg);font-size:12px;letter-spacing:1.8px}
.moca-black-friday__tape--front{z-index:2;top:23px;height:37px;background:#ffdb00;transform:rotate(-1.15deg)}
.moca-black-friday__tapes--bottom .moca-black-friday__tape--back{top:32px;transform:rotate(-1.5deg)}
.moca-black-friday__tapes--bottom .moca-black-friday__tape--front{top:11px;transform:rotate(1.25deg)}
@keyframes moca-bf-marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.moca-black-friday__tape span{animation:none}}
.moca-black-friday__heading{position:relative;display:flex;align-items:end;justify-content:center;margin-bottom:28px}
.moca-black-friday__center{text-align:center}
.moca-black-friday__center h2{font-size:clamp(17px,2vw,25px);font-weight:800;letter-spacing:.025em;margin:0 0 12px}
.moca-black-friday__center h2 strong,.moca-black-friday__center h2>span:first-child{color:#ffdb20}
.moca-black-friday__clock{display:flex;align-items:start;justify-content:center;gap:10px}
.moca-black-friday__clock>div{display:flex;flex-direction:column;align-items:center;min-width:clamp(56px,6vw,92px)}
.moca-black-friday__clock strong{border:2px solid #ffdb20;border-radius:13px;padding:6px 9px;background:#0b0d13;color:#fff;font-size:clamp(25px,3vw,43px);font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums;width:100%;box-sizing:border-box}
.moca-black-friday__clock div span{background:#ffdb20;color:#0a0a0a;border-radius:20px;font-weight:900;font-size:clamp(10px,1vw,15px);padding:3px 13px;margin-top:4px}
.moca-black-friday__clock>b{font-size:clamp(23px,2.5vw,35px);line-height:1.5}
.moca-black-friday__all{position:absolute;right:0;bottom:16px;color:white;font-weight:750;text-decoration:none}
.moca-black-friday__slide{position:relative}
.moca-black-friday__badge{position:absolute;z-index:4;top:8px;left:8px;background:#111;color:#ffdb20;border:1px solid #ffdb20;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:900;pointer-events:none}
.moca-black-friday .moca-featured__progress{background:#54565e}
.moca-black-friday .moca-featured__progress>span{background:#ffdb20}
@media(max-width:767px){.moca-black-friday__inner{padding:28px 16px}.moca-black-friday__heading{display:block}.moca-black-friday__all{position:static;display:block;text-align:center;margin-top:18px}.moca-black-friday__clock{gap:4px}.moca-black-friday__clock>div{min-width:0;flex:1}.moca-black-friday__clock strong{border-radius:9px;padding:8px 3px}.moca-black-friday__clock div span{padding:3px 5px}.moca-black-friday__badge{font-size:9px}}

.moca-black-friday__clock-icon{display:inline-block;width:31px;height:31px;color:#ffda22;vertical-align:middle;margin-right:7px}
.moca-black-friday__clock-wrap{display:flex;align-items:center;justify-content:center;gap:18px}
.moca-black-friday__burst{width:34px;height:60px;color:#ffda22;flex:none}
@media(max-width:767px){.moca-black-friday__tapes{height:70px}.moca-black-friday__tapes--bottom{height:76px}.moca-black-friday__tape{font-size:11px}.moca-black-friday__clock-wrap{gap:5px}.moca-black-friday__burst{width:15px;height:36px}.moca-black-friday__clock-icon{width:23px;height:23px;margin-right:3px}.moca-black-friday__inner{padding-top:20px}}

/* Mesma disposição de controles das vitrines comuns. */
.moca-black-friday .moca-featured__products{position:relative}
.moca-black-friday .moca-featured__carousel{display:block;position:relative}
.moca-black-friday .moca-featured__controls{margin-top:20px}
.moca-black-friday .moca-featured__progress{height:4px;overflow:hidden;border-radius:10px}
.moca-black-friday .moca-featured__progress>span{display:block;height:100%;will-change:transform}
.moca-black-friday .moca-featured__arrow{z-index:6}

/* Fundo recortado em diagonal: a seção não deixa um retângulo preto aparente além das fitas. */
.moca-black-friday::before{content:"";position:absolute;z-index:0;inset:22px 0 24px;background:#090b12;clip-path:polygon(0 22px,100% 0,100% calc(100% - 22px),0 100%);pointer-events:none}
.moca-black-friday__inner,.moca-black-friday__tapes{position:relative;z-index:1}
.moca-black-friday__inner{padding-bottom:50px}
/* A animação desloca exatamente metade da sequência duplicada. */
.moca-black-friday__tape span{flex:none;width:max-content;min-width:0;white-space:nowrap}
.moca-black-friday__tape{overflow:hidden}
/* Controles equivalentes aos da vitrine Novidades. */
.moca-black-friday .moca-news-arrow{position:absolute;top:46%;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#09264b;border:1px solid #dbe5ee;box-shadow:0 4px 12px #0003;cursor:pointer}
.moca-black-friday .moca-news-arrow[hidden]{display:none}
.moca-black-friday .moca-news-arrow--prev{left:-18px}
.moca-black-friday .moca-news-arrow--next{right:-18px}
.moca-black-friday .moca-news-arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.moca-black-friday .moca-news-controls{margin-top:20px}
.moca-black-friday .moca-news-controls .moca-featured__progress{height:3px}
.moca-black-friday .moca-news-controls .moca-featured__progress>span{transition:width .18s ease,transform .18s ease}
@media(max-width:767px){.moca-black-friday .moca-news-arrow--prev{left:-9px}.moca-black-friday .moca-news-arrow--next{right:-9px}}

/* Ajustes finais: relógio mais compacto e link com seta. */
.moca-black-friday__center h2{font-size:clamp(16px,1.65vw,21px);margin-bottom:10px}
.moca-black-friday__clock{gap:7px}
.moca-black-friday__clock>div{min-width:clamp(51px,5.2vw,75px)}
.moca-black-friday__clock strong{font-size:clamp(22px,2.45vw,33px);border-radius:10px;padding:5px 7px}
.moca-black-friday__clock div span{font-size:clamp(9px,.8vw,12px);padding:3px 10px}
.moca-black-friday__clock>b{font-size:clamp(20px,2vw,28px)}
.moca-black-friday__clock-icon{width:25px;height:25px}
.moca-black-friday__burst{width:27px;height:49px}
.moca-black-friday__all{display:inline-flex;align-items:center;gap:5px}
.moca-black-friday__link-arrow{font-size:20px;line-height:1;transition:transform .2s ease}
.moca-black-friday__all:hover .moca-black-friday__link-arrow{transform:translateX(3px)}
@media(max-width:767px){.moca-black-friday__clock strong{font-size:clamp(20px,6vw,28px);padding:5px 2px}.moca-black-friday__clock div span{font-size:9px;padding:3px 5px}.moca-black-friday__burst{width:15px;height:33px}}
