.ob-section{background:#fff;overflow:hidden}.ob-desktop{display:flex;flex-direction:row;align-items:stretch;gap:var(--ob-desk-gap, 12px);padding:var(--ob-desk-padding-top, 16px) var(--ob-desk-padding-right, 16px) var(--ob-desk-padding-bottom, 16px) var(--ob-desk-padding-left, 16px)}.ob-desk-card{display:block;flex:1;min-width:0;border-radius:var(--ob-desk-radius, 12px);overflow:hidden;text-decoration:none;aspect-ratio:var(--ob-desk-ratio, 16/5);position:relative;transition:transform .22s ease,box-shadow .22s ease}.ob-desk-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000001f}.ob-desk-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.ob-desk-card:hover .ob-desk-img{transform:scale(1.02)}.ob-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f5f5f5,#ebebeb);display:flex;align-items:center;justify-content:center;font-size:14px;color:#999;font-style:italic}.ob-mobile{display:none}.ob-dots{display:flex;justify-content:center;align-items:center;gap:6px;padding-top:10px;padding-bottom:4px}.ob-dot{width:20px;height:3px;border-radius:99px;background:#0000001a;position:relative;overflow:hidden;cursor:pointer;transition:width .25s ease;flex-shrink:0}.ob-dot:not(.active):not(.done){width:14px;background:#0000001f}.ob-dot.done{background:var(--ob-dot-color, #ff3f6c);width:14px}.ob-dot.active{width:28px;background:#0000001a}.ob-dot-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--ob-dot-color, #ff3f6c);border-radius:99px}@keyframes ob-fill{0%{width:0%}to{width:100%}}@media(max-width:768px){.ob-desktop{display:none}.ob-mobile{display:block}.ob-mobile{padding-top:var(--ob-mob-padding-top, 10px);padding-bottom:0;background:#fff}.ob-mob-outer{overflow-x:auto;overflow-y:visible;scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-left:var(--ob-mob-padding-left, 12px);padding-right:var(--ob-mob-padding-right, 12px);padding-bottom:var(--ob-mob-padding-bottom, 10px);scroll-padding-left:var(--ob-mob-padding-left, 12px)}.ob-mob-outer::-webkit-scrollbar{display:none}.ob-mob-track{display:flex;flex-direction:row;gap:var(--ob-mob-gap, 10px);width:max-content;align-items:stretch}.ob-mob-card{flex-shrink:0;width:var(--ob-mob-card-width, 84vw);border-radius:var(--ob-mob-radius, 10px);overflow:hidden;display:block;text-decoration:none;scroll-snap-align:start;aspect-ratio:var(--ob-mob-ratio, 16/9);position:relative;transition:transform .15s ease}.ob-mob-img{width:100%;height:100%;object-fit:cover;display:block}.ob-dots{padding-top:10px;padding-bottom:2px}}@media(max-width:380px){.ob-mob-card{width:calc(var(--ob-mob-card-width, 84vw) + 4vw)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-offer-banners.css.map */