/* 4Q 123 banner trio, compact carousel; append after R3, scoped by exact aria-label. */
#home #promo-carousel.promo-strip{min-height:120px}
#home #promo-carousel .promo-item[aria-label="4Q, 이제 시작합니다."],
#home #promo-carousel .promo-item[aria-label="좋은 후기만으로 결정하지 마세요."],
#home #promo-carousel .promo-item[aria-label="결정하기 전, 한 번 더 확인하세요."]{
  min-height:120px;max-height:148px;padding:16px 25px;position:relative;isolation:isolate;box-sizing:border-box;
}
#home #promo-carousel .promo-item[aria-label="4Q, 이제 시작합니다."]{background:linear-gradient(105deg,#fffdfa,#faedf2 65%,#f5dfe8)}
#home #promo-carousel .promo-item[aria-label="좋은 후기만으로 결정하지 마세요."]{background:linear-gradient(105deg,#fffdf9,#f9f3e9 68%,#f0e8dc)}
#home #promo-carousel .promo-item[aria-label="결정하기 전, 한 번 더 확인하세요."]{background:linear-gradient(105deg,#fbfdfb,#edf4ee 68%,#e2ece4)}
#home #promo-carousel .promo-item:is([aria-label="4Q, 이제 시작합니다."],[aria-label="좋은 후기만으로 결정하지 마세요."],[aria-label="결정하기 전, 한 번 더 확인하세요."]) .promo-copy{
  position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;padding:0;inset:auto;
}
#home #promo-carousel .promo-item:is([aria-label="4Q, 이제 시작합니다."],[aria-label="좋은 후기만으로 결정하지 마세요."],[aria-label="결정하기 전, 한 번 더 확인하세요."]) .promo-copy>div{width:min(100%,560px);max-width:min(68%,560px);min-width:0}
#home #promo-carousel .promo-item:is([aria-label="4Q, 이제 시작합니다."],[aria-label="좋은 후기만으로 결정하지 마세요."],[aria-label="결정하기 전, 한 번 더 확인하세요."]) .promo-copy>div::before{display:block;font:800 9px/1.2 "DM Sans",sans-serif;letter-spacing:.15em;color:#a65374;margin-bottom:5px}
#home #promo-carousel .promo-item[aria-label="4Q, 이제 시작합니다."] .promo-copy>div::before{content:"4Q OFFICIAL OPEN"}
#home #promo-carousel .promo-item[aria-label="좋은 후기만으로 결정하지 마세요."] .promo-copy>div::before{content:"WHY 4Q"}
#home #promo-carousel .promo-item[aria-label="결정하기 전, 한 번 더 확인하세요."] .promo-copy>div::before{content:"BEFORE YOUR CHOICE"}
#home #promo-carousel .promo-item:is([aria-label="4Q, 이제 시작합니다."],[aria-label="좋은 후기만으로 결정하지 마세요."],[aria-label="결정하기 전, 한 번 더 확인하세요."]) .promo-title{font-size:clamp(19px,1.9vw,23px);line-height:1.24;margin:0 0 5px;letter-spacing:-.05em;color:#38252f}
#home #promo-carousel .promo-item:is([aria-label="4Q, 이제 시작합니다."],[aria-label="좋은 후기만으로 결정하지 마세요."],[aria-label="결정하기 전, 한 번 더 확인하세요."]) p{max-width:520px;font-size:11.5px;line-height:1.48;color:#65545e;word-break:keep-all}
/* No extra CTA chip or fake button: the entire slide remains the existing keyboard-accessible link. */
#home #promo-carousel .promo-item:is([aria-label="4Q, 이제 시작합니다."],[aria-label="좋은 후기만으로 결정하지 마세요."],[aria-label="결정하기 전, 한 번 더 확인하세요."]) .promo-copy>div::after{content:none!important;display:none!important}
#home #promo-carousel .promo-item:is([aria-label="4Q, 이제 시작합니다."],[aria-label="좋은 후기만으로 결정하지 마세요."],[aria-label="결정하기 전, 한 번 더 확인하세요."]) .promo-action{display:none!important}
#home #promo-carousel .promo-item[aria-label="4Q, 이제 시작합니다."]::after{content:"";position:absolute;right:7%;top:9%;bottom:9%;width:23%;background:url('/assets/brand-q-ribbon.webp') no-repeat center / contain;opacity:.15;pointer-events:none;z-index:0}
#home #promo-carousel .promo-item[aria-label="좋은 후기만으로 결정하지 마세요."]::after{content:"Q?";position:absolute;right:10%;top:50%;transform:translateY(-50%);font:800 clamp(54px,8vw,100px)/1 Georgia,serif;color:rgba(116,79,73,.13);pointer-events:none}
#home #promo-carousel .promo-item[aria-label="결정하기 전, 한 번 더 확인하세요."]::after{content:"✓  ✓  ✓";position:absolute;right:7%;top:50%;transform:translateY(-50%);font:700 clamp(25px,4vw,52px)/1.2 sans-serif;letter-spacing:.12em;color:rgba(65,98,77,.22);pointer-events:none}
#home #promo-carousel .promo-item:focus-visible{outline:3px solid #823c5b;outline-offset:-3px}
@media(max-width:750px){
 #home #promo-carousel.promo-strip{min-height:140px}
 #home #promo-carousel .promo-item:is([aria-label="4Q, 이제 시작합니다."],[aria-label="좋은 후기만으로 결정하지 마세요."],[aria-label="결정하기 전, 한 번 더 확인하세요."]){min-height:140px;max-height:none;padding:15px 17px 27px}
 #home #promo-carousel .promo-item:is([aria-label="4Q, 이제 시작합니다."],[aria-label="좋은 후기만으로 결정하지 마세요."],[aria-label="결정하기 전, 한 번 더 확인하세요."]) .promo-copy>div{max-width:85%;width:85%}
 #home #promo-carousel .promo-item:is([aria-label="4Q, 이제 시작합니다."],[aria-label="좋은 후기만으로 결정하지 마세요."],[aria-label="결정하기 전, 한 번 더 확인하세요."]) .promo-title{font-size:18px}
 #home #promo-carousel .promo-item:is([aria-label="4Q, 이제 시작합니다."],[aria-label="좋은 후기만으로 결정하지 마세요."],[aria-label="결정하기 전, 한 번 더 확인하세요."]) p{font-size:10.5px;line-height:1.45;max-width:100%}
 #home #promo-carousel .promo-item[aria-label="4Q, 이제 시작합니다."]::after{right:1%;width:30%;opacity:.12}
 #home #promo-carousel .promo-item[aria-label="좋은 후기만으로 결정하지 마세요."]::after{right:3%;opacity:.55}
 #home #promo-carousel .promo-item[aria-label="결정하기 전, 한 번 더 확인하세요."]::after{right:2%;opacity:.65;font-size:24px;letter-spacing:0}
}
@media(max-width:390px){
 #home #promo-carousel.promo-strip{min-height:154px}
 #home #promo-carousel .promo-item:is([aria-label="4Q, 이제 시작합니다."],[aria-label="좋은 후기만으로 결정하지 마세요."],[aria-label="결정하기 전, 한 번 더 확인하세요."]){min-height:154px;padding:14px 16px 30px}
 #home #promo-carousel .promo-item:is([aria-label="4Q, 이제 시작합니다."],[aria-label="좋은 후기만으로 결정하지 마세요."],[aria-label="결정하기 전, 한 번 더 확인하세요."]) .promo-copy>div{max-width:91%;width:91%}
 #home #promo-carousel .promo-item:is([aria-label="4Q, 이제 시작합니다."],[aria-label="좋은 후기만으로 결정하지 마세요."],[aria-label="결정하기 전, 한 번 더 확인하세요."]) .promo-title{font-size:17px}
}