.cdcyf{--cdcyf-per-view: 3;--cdcyf-gap: 8px;--cdcyf-accent: #e0531f;--cdcyf-card-border: #e5e0d5;--clearance-panel-border: var(--cdcyf-card-border);display:flex;flex-direction:column;gap:8px;padding:14px 18px 16px;border-top:1px solid var(--clearance-panel-border)}.cdcyf[hidden]{display:none}.cdcyf__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.cdcyf__heading{display:flex;align-items:center;gap:8px}.cdcyf__title{display:flex;align-items:center;margin:0;font-size:16px;font-weight:700;line-height:1.1;color:#0c0a09}.cdcyf__badge{padding:2px 7px;border-radius:4px;background:var(--cdcyf-accent);color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1.4;text-transform:uppercase}.cdcyf__arrows{display:flex;flex:0 0 auto;justify-content:flex-end;gap:8px}.cdcyf__arrows[hidden]{display:none}.cdcyf__arrow{display:flex;align-items:center;justify-content:center;width:60px;height:25px;min-height:25px;margin:0;padding:0;appearance:none;-webkit-appearance:none;border:1px solid #dbdbdb;border-radius:6px;background-color:#fff9;color:#0c0a09;cursor:pointer}.cdcyf__arrow svg{width:11px;height:11px;fill:currentColor}.cdcyf__arrow:hover:not(.cdcyf__arrow--disabled){border-color:#0c0a09}.cdcyf__arrow--prev svg{transform:rotate(180deg)}.cdcyf__arrow--disabled{opacity:.35;cursor:auto;pointer-events:none}.cdcyf__list{display:flex;gap:var(--cdcyf-gap);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cdcyf__list::-webkit-scrollbar{display:none}.cdcyf__item{display:flex;flex-direction:column;box-sizing:border-box;flex:0 0 calc((100% - (var(--cdcyf-per-view) - 1) * var(--cdcyf-gap)) / var(--cdcyf-per-view));min-width:0;scroll-snap-align:start;background:#fff;border:1px solid var(--cdcyf-card-border);border-radius:10px;overflow:hidden}.cdcyf__card-trigger{display:flex;flex:1;flex-direction:column;min-width:0;cursor:pointer}.cdcyf__media-wrapper{position:relative;display:flex;width:100%;aspect-ratio:4 / 5;background-color:#ededeb;overflow:hidden}.cdcyf__media{display:flex;width:100%;height:100%}.cdcyf__media img{width:100%;height:100%;object-fit:cover}.cdcyf__quick-add{position:absolute;display:flex;align-items:center;justify-content:center;bottom:4px;right:4px;height:36px;width:36px;padding:4px;cursor:pointer;z-index:1;transform:translateZ(0)}.cdcyf__quick-add .addButton{position:relative;display:flex;align-items:center;justify-content:center;color:#fff!important;background:var(--brand-black-light)!important;opacity:.75;border:solid 2px transparent;border-radius:27px;height:28px;width:28px;transition:border-color .3s ease,opacity .3s ease}.cdcyf__quick-add .addButton:before{height:9px;width:9px;left:11px;top:4px}.cdcyf__quick-add .addButton:after{height:9px;width:9px;left:4px;top:11px}.cdcyf__quick-add:hover .addButton{opacity:.85;border-color:#878787}.cdcyf__item h4{margin:0;padding:8px 8px 0;font-size:12px;font-weight:700;line-height:1.25;color:#0c0a09;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2.5em + 8px)}.cdcyf__item h4 span{color:inherit}.cdcyf__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;padding:2px 8px 8px;font-size:12px;line-height:1.2;color:var(--link-color)}.cdcyf__price s{font-weight:400}.cdcyf__price-final{font-weight:600}.cdcyf__price-discount{width:100%;color:var(--brand-red);font-weight:600;font-size:12px;white-space:nowrap}.cdcyf__item--skeleton{padding-bottom:8px}.cdcyf__skeleton{position:relative;overflow:hidden;background:#f0f0f0}.cdcyf__skeleton:after{content:"";position:absolute;inset:0 auto 0 0;width:45%;background:linear-gradient(105deg,#fff0,#ffffffa6,#fff0);animation:cdcyf-skeleton-shimmer 1.4s ease-in-out infinite}.cdcyf__skeleton--media{width:100%;aspect-ratio:4 / 5}.cdcyf__skeleton--line{height:12px;margin:8px 8px 0;border-radius:50rem}.cdcyf__skeleton--line-short{width:55%;margin-top:4px}.cdcyf__skeleton--price{width:45%;height:14px;margin:6px 8px 0;border-radius:50rem}@keyframes cdcyf-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media(prefers-reduced-motion:reduce){.cdcyf__skeleton:after{animation:none}}body:has(cart-drawer.drawer.active) .quick-modal{z-index:9999999999999}
/*# sourceMappingURL=/cdn/shop/t/645/assets/component-cart-drawer-complete-your-fit.css.map */