.outfit-idea{display:block;font-family:Plus Jakarta Sans,sans-serif;background-color:var(--color-background, #ffffff);color:var(--color-text, #111111);overflow:hidden}.outfit-idea .section__header{margin-bottom:3.5rem}@media screen and (max-width:768px){.outfit-idea .section__header{margin-bottom:2rem}}.outfit-idea .section__header-heading{font-size:clamp(1.8rem,4vw,2.35rem)!important;font-weight:700!important;color:var(--color-heading, #111111)!important;margin:0 0 .65rem!important;letter-spacing:-.025em!important;line-height:1.25!important}@media screen and (max-width:768px){.outfit-idea .section__header-heading{font-size:1.8rem!important}}.outfit-idea .section__header-des{font-size:1rem!important;color:var(--color-text, #6b7280)!important;margin:0!important;line-height:1.5!important;font-weight:500!important;opacity:1!important}@media screen and (max-width:768px){.outfit-idea .section__header-des{font-size:.88rem!important}}.outfit-idea .text-left{text-align:left}.outfit-idea .text-center{text-align:center}.outfit-idea .text-right{text-align:right}.outfit-idea__grid{display:grid;gap:var(--col-gap, 30px);grid-template-columns:1fr}@media screen and (min-width:768px){.outfit-idea__grid--2col,.outfit-idea__grid--3col,.outfit-idea__grid--4col{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:992px){.outfit-idea__grid--3col{grid-template-columns:repeat(3,1fr)}.outfit-idea__grid--4col{grid-template-columns:repeat(4,1fr)}}.outfit-idea__card{position:relative;border-radius:var(--card-border-radius, 16px);overflow:hidden;display:flex;flex-direction:column;height:100%;border:none!important;outline:none!important;box-shadow:none!important;background-color:var(--color-background, #f3f4f6);color:var(--color-text, #111111)}.outfit-idea__card--adapt{aspect-ratio:auto;min-height:400px}.outfit-idea__card--square{aspect-ratio:1 / 1}.outfit-idea__card--portrait{aspect-ratio:3 / 4}.outfit-idea__card--landscape{aspect-ratio:16 / 9}.outfit-idea__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:none!important}.outfit-idea__image{width:100%;height:100%;object-fit:cover;object-position:center;border:none!important}.outfit-idea__trigger-btn{position:absolute;bottom:20px;left:20px;z-index:5;background-color:var(--color-background, #ffffff);color:var(--color-text, #111111);border:none!important;outline:none!important;border-radius:var(--button-border-radius, 9999px);padding:12px 24px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #00000014!important;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .2s ease}.outfit-idea__trigger-btn:hover{background-color:var(--color-btn-hover-bg, #f3f4f6);color:var(--color-btn-hover-color, #111111);transform:scale(1.03)}.outfit-idea__trigger-btn svg{width:16px;height:16px;flex-shrink:0}.outfit-idea__popover{position:absolute;bottom:12px;left:12px;right:12px;width:calc(100% - 24px);background-color:var(--color-background, #ffffff);color:var(--color-text, #111111);border-radius:var(--card-border-radius, 12px)!important;border:none!important;box-shadow:0 4px 20px #00000026!important;z-index:10;transform:translateY(calc(100% + 16px));transition:transform .4s cubic-bezier(.16,1,.3,1);padding:20px;max-height:80%;display:flex;flex-direction:column}.outfit-idea__popover.is-active{transform:translateY(0)}.outfit-idea__popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .05));flex-shrink:0;border-top:none!important;border-left:none!important;border-right:none!important}.outfit-idea__popover-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-heading, #111111);margin:0}.outfit-idea__popover-close{background:none;border:none!important;outline:none!important;color:var(--color-text, #9ca3af);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}.outfit-idea__popover-close:hover{color:var(--color-heading, #111111);background-color:var(--color-border, rgba(0, 0, 0, .05))}.outfit-idea__popover-close svg{width:16px;height:16px}.outfit-idea__products-list{overflow-y:auto;flex-grow:1;scrollbar-width:thin}.outfit-idea__product-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .03));text-decoration:none;transition:background-color .2s;border-top:none!important;border-left:none!important;border-right:none!important}.outfit-idea__product-item:hover{background-color:var(--color-border, rgba(0, 0, 0, .02))}.outfit-idea__product-item:last-child{border-bottom:none!important}.outfit-idea__product-img-wrapper{width:50px;height:50px;border-radius:var(--card-border-radius, 8px);overflow:hidden;background-color:var(--color-border, #f3f4f6);margin-right:12px;flex-shrink:0;position:relative;border:none!important}.outfit-idea__product-img{width:100%;height:100%;object-fit:cover;border:none!important}.outfit-idea__product-info{flex-grow:1;display:flex;flex-direction:column}.outfit-idea__product-title{font-size:13px;font-weight:600;color:var(--color-heading, #111111);margin:0 0 2px;line-height:1.3}.outfit-idea__product-price-row{display:flex;align-items:center;gap:6px}.outfit-idea__product-price--sale{font-size:12px;font-weight:700;color:var(--color-text, #111111)}.outfit-idea__product-price--regular{font-size:11px;color:#9ca3af;text-decoration:line-through}.outfit-idea__card--countdown{min-height:400px;background:var(--gradient-background, var(--color-background, #6b6b6b));color:var(--color-text, #ffffff);padding:0!important;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:none!important}.outfit-idea__card--countdown .sec__content{flex-grow:1;height:100%}.outfit-idea__card--countdown.has-bg{position:relative;background-color:transparent}.outfit-idea__countdown-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:none!important}.outfit-idea__countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:#000;border:none!important}.outfit-idea__card--countdown motion-element{width:100%;display:block}.outfit-idea .outfit-idea__image-wrapper picture img,.outfit-idea .outfit-idea__countdown-bg picture img,.outfit-idea .outfit-idea__image-wrapper img,.outfit-idea .outfit-idea__countdown-bg img,.outfit-idea .outfit-idea__image-wrapper svg,.outfit-idea .outfit-idea__countdown-bg svg{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.outfit-idea .outfit-idea__image-wrapper picture,.outfit-idea .outfit-idea__countdown-bg picture{width:100%!important;height:100%!important;display:block!important}.outfit-idea__card--countdown .sec__content-subheading{font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:inherit!important;margin-bottom:var(--space-bottom, 8px)!important;opacity:.85}.outfit-idea__card--countdown h2.heading-color,.outfit-idea__card--countdown .sec__content-heading{font-size:1.85rem!important;font-weight:800!important;line-height:1.2!important;color:inherit!important;margin-top:0!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:var(--space-bottom, 10px)!important;letter-spacing:-.01em!important}.outfit-idea__card--countdown .rich__text-m0,.outfit-idea__card--countdown .sec__content-des{font-size:13px!important;color:inherit!important;opacity:.9;max-width:280px;margin-top:0!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:var(--space-bottom, 24px)!important;line-height:1.4!important}.outfit-idea__card--countdown .btn-primary,.outfit-idea__card--countdown .btn-secondary,.outfit-idea__card--countdown .btn-outline{display:inline-flex!important;align-items:center!important;justify-content:center!important;background-color:var(--color-btn-bg, #ffffff)!important;color:var(--color-btn-color, #111111)!important;border-radius:var(--button-border-radius, 9999px)!important;padding:12px 32px!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;text-transform:uppercase!important;letter-spacing:.05em!important;width:80%!important;max-width:240px!important;border:none!important;outline:none!important;margin:0 auto!important;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .2s ease!important}.outfit-idea__card--countdown .btn-primary:hover,.outfit-idea__card--countdown .btn-secondary:hover{background-color:var(--color-btn-hover-bg, #f3f4f6)!important;color:var(--color-btn-hover-color, #111111)!important;transform:scale(1.03)!important}.outfit-idea__timer-grid{display:flex;gap:8px;margin-bottom:28px;justify-content:center;width:100%;max-width:320px}.outfit-idea__timer-box{flex:1;background-color:#ffffff1f;border:1px solid rgba(255,255,255,.2)!important;border-radius:var(--card-border-radius, 8px);padding:12px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px}.outfit-idea__timer-num{font-size:20px;font-weight:700;line-height:1.1;color:#fff;margin-bottom:2px}.outfit-idea__timer-label{font-size:9px;font-weight:600;text-transform:uppercase;color:#ffffffb3;letter-spacing:.05em}@media screen and (max-width:767px){.outfit-idea__grid--mobile-slider{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth;gap:1rem!important;scrollbar-width:none;padding:0 1.5rem;margin:0 -1.5rem}.outfit-idea__grid--mobile-slider::-webkit-scrollbar{display:none}.outfit-idea__grid--mobile-slider>*{flex:0 0 100%!important;width:100%!important;scroll-snap-align:center!important}.outfit-idea__dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:1.5rem}.outfit-idea__dot{width:24px;height:4px;border-radius:2px;border:none!important;outline:none!important;padding:0;background-color:#cbd5e1;cursor:pointer;transition:background-color .3s ease,width .3s ease}.outfit-idea__dot.is-active{background-color:#111}.outfit-idea__trigger-btn{left:50%!important;transform:translate(-50%)!important;bottom:20px}.outfit-idea__trigger-btn:hover{transform:translate(-50%) scale(1.03)!important}}@media screen and (min-width:768px){.outfit-idea__dots{display:none!important}}.outfit-idea .placeholder-svg,.outfit-idea svg,.outfit-idea picture,.outfit-idea img{border:none!important;outline:none!important;box-shadow:none!important}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-outfit-idea.css.map */