.ys-col{--bg: #F7F4F0;--bg2: #EDE8E2;--card: #FFFFFF;--accent: #AAD5E3;--acdk: #6BAFC2;--ink: #2A2320;--mid: #6E6460;--stone: #B8B0A8;--border: #DDD8D2;--dark: #352E28;--warm: #D4A896}.ys-col-banner{position:relative;height:300px;overflow:hidden;background:var(--bg2)}.ys-col-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.ys-col-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#2a2320b8,#2a23207a 45%,#2a23201a)}.ys-col-banner__content{position:absolute;top:0;right:0;bottom:0;left:50%;transform:translate(-50%);max-width:1280px;width:100%;padding:0 32px;display:flex;flex-direction:column;justify-content:center}.ys-col-banner__no-img .ys-col-banner__content{position:static;transform:none;left:auto}.ys-col-banner__bc{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#f7f4f0c7;display:flex;align-items:center;gap:6px;margin-bottom:14px}.ys-col-banner__bc a{color:inherit;text-decoration:none}.ys-col-banner__bc a:hover{color:#f7f4f0f2}.ys-col-banner__overline{font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.ys-col-banner__title{font-family:Space Grotesk,DM Sans,sans-serif;font-size:52px;font-weight:300;color:#fff;letter-spacing:-.03em;line-height:1;margin:0 0 12px}.ys-col-banner__desc{font-size:13px;font-weight:300;color:#f7f4f08c;letter-spacing:.04em}.ys-col-banner--plain{background:var(--bg2);height:auto;padding:48px 0 40px}.ys-col-banner--plain .ys-col-banner__content{position:static;transform:none;max-width:1280px;margin:0 auto}.ys-col-banner--plain .ys-col-banner__bc,.ys-col-banner--plain .ys-col-banner__bc a{color:var(--stone)}.ys-col-banner--plain .ys-col-banner__title{color:var(--ink)}.ys-col-banner--plain .ys-col-banner__desc{color:var(--mid)}.ys-col-gap{height:28px;background:var(--bg)}.ys-col-mobile-bar{display:none}.ys-col-fb{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:90}.ys-col-fb__inner{max-width:1280px;margin:0 auto;padding:0 32px;height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ys-col-fb__left{display:flex;align-items:center;gap:6px;flex:1;flex-wrap:nowrap;overflow:visible}.ys-col-fb__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.ys-col-sep{width:1px;height:22px;background:var(--border)}.ys-col-fd{position:relative}.ys-col-fd__btn,.ys-col-sort__btn{display:flex;align-items:center;gap:5px;padding:0 13px;height:34px;border:1px solid var(--border);border-radius:7px;background:transparent;font-family:inherit;font-size:12px;font-weight:400;color:var(--ink);cursor:pointer;white-space:nowrap;transition:border-color .13s;letter-spacing:.01em}.ys-col-fd__btn:hover,.ys-col-sort__btn:hover{border-color:var(--ink)}.ys-col-fd__btn.ys-active{background:var(--ink);border-color:var(--ink);color:#fff}.ys-col-arrow{font-size:9px;opacity:.55;transition:transform .15s}.ys-col-fd__btn.ys-open .ys-col-arrow,.ys-col-sort__btn.ys-open .ys-col-arrow{transform:rotate(180deg);opacity:1}.ys-sort-icon{flex-shrink:0;color:var(--stone);transition:color .13s}.ys-col-sort__btn:hover .ys-sort-icon,.ys-col-sort__btn.ys-open .ys-sort-icon{color:var(--ink)}.ys-col-badge{background:var(--accent);color:var(--ink);font-size:9px;font-weight:600;min-width:16px;height:16px;padding:0 3px;border-radius:50px;display:flex;align-items:center;justify-content:center}.ys-col-panel,.ys-col-sort__panel{position:absolute;top:calc(100% + 6px);left:0;min-width:210px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 36px #2a23201c;z-index:300;display:none;overflow:hidden}.ys-col-panel.ys-open,.ys-col-sort__panel.ys-open{display:block}.ys-col-sort__panel{right:0;left:auto;min-width:190px;padding:6px 0}.ys-col-panel__hd{padding:12px 16px 8px;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);border-bottom:1px solid var(--border)}.ys-col-panel__opts{max-height:240px;overflow-y:auto;padding:6px 0}.ys-col-opt{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:300;color:var(--ink);cursor:pointer;transition:background .1s;text-decoration:none}.ys-col-opt:hover{background:var(--bg)}.ys-col-opt.ys-checked{font-weight:400}.ys-col-chk{width:15px;height:15px;border:1.5px solid var(--border);border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .12s}.ys-col-opt.ys-checked .ys-col-chk,.ys-col-drawer__opt.ys-checked .ys-col-chk{background:var(--ink);border-color:var(--ink)}.ys-col-opt.ys-checked .ys-col-chk:after,.ys-col-drawer__opt.ys-checked .ys-col-chk:after{content:"\2713";color:#fff;font-size:9px;font-weight:700}.ys-col-opt__cnt{margin-left:auto;font-size:11px;color:var(--stone)}.ys-col-panel__ft{padding:8px 16px 12px;border-top:1px solid var(--border)}.ys-col-clear{font-size:11px;color:var(--stone);cursor:pointer;text-decoration:underline;background:none;border:none;font-family:inherit;padding:0}.ys-col-clear:hover{color:var(--ink)}.ys-col-price-wrap{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.ys-col-price-inputs{display:flex;align-items:center;gap:8px}.ys-col-price-inp{flex:1;padding:7px 10px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:12px;color:var(--ink);background:var(--bg);outline:none}.ys-col-price-inp:focus{border-color:var(--ink)}.ys-col-price-sep{font-size:12px;color:var(--stone)}.ys-col-sort-opt{width:100%;padding:9px 16px;font-size:13px;font-weight:300;color:var(--ink);cursor:pointer;transition:background .1s;display:flex;align-items:center;justify-content:space-between;text-decoration:none}.ys-col-sort-opt:hover{background:var(--bg)}.ys-col-sort-opt.ys-active{font-weight:500}.ys-col-sort-opt.ys-active:after{content:"\2713";font-size:11px;color:var(--acdk)}.ys-col-tags{max-width:1280px;margin:0 auto;padding:10px 32px 0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ys-col-tags:empty{padding:0}.ys-col-tag{display:flex;align-items:center;gap:5px;font-size:11px;padding:4px 10px 4px 12px;border-radius:50px;background:var(--ink);color:#fff;text-decoration:none}.ys-col-tag__x{font-size:14px;color:#ffffff8c;line-height:1}.ys-col-tag:hover .ys-col-tag__x{color:#fff}.ys-col-tags__clear{font-size:11px;color:var(--stone);text-decoration:underline;cursor:pointer;border:none;background:none;font-family:inherit}.ys-col-tags__clear:hover{color:var(--ink)}.ys-col-body{max-width:1280px;margin:0 auto;padding:28px 32px 64px}.ys-col-empty{text-align:center;padding:80px 32px;color:var(--mid);font-size:14px}.ys-col-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ys-col .ys-badge-fave{background:#352e28;color:#fff}.ys-col-more{text-align:center;padding:0 32px 64px}.ys-col-more__inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.ys-col-more__txt{font-size:12px;color:var(--stone);letter-spacing:.04em}.ys-col-more__bar{width:100%;max-width:320px;height:2px;background:var(--border);border-radius:50px;overflow:hidden}.ys-col-more__fill{height:100%;background:var(--ink);border-radius:50px;transition:width .3s}.ys-col-more__btn{font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:12px 32px;border-radius:50px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;text-decoration:none;display:inline-block;transition:all .15s}.ys-col-more__btn:hover{background:var(--ink);color:#fff}@media(max-width:900px){.ys-col-grid{grid-template-columns:repeat(2,1fr)}.ys-col-banner__title{font-size:36px}.ys-col-fb__inner{padding:0 16px}.ys-col-body{padding:20px 16px 48px}.ys-col-tags{padding:8px 16px 0}}@media(max-width:768px){.ys-col-fb{display:none}.ys-col-mobile-bar{display:flex;align-items:center;justify-content:flex-start;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:90;padding:0 16px;height:52px}}@media(max-width:560px){.ys-col-grid{grid-template-columns:1fr 1fr;gap:12px}.ys-col-body{padding:16px 12px 40px}.ys-col-banner{height:220px}.ys-col-banner__title{font-size:28px}.ys-col-banner__content{padding:0 16px}.ys-col-tags{padding:8px 12px 0}}.ys-col-mobile-filter-btn{display:flex;align-items:center;gap:8px;padding:0 18px;height:44px;border:1px solid var(--border);border-radius:22px;background:transparent;font-family:inherit;font-size:13px;font-weight:400;color:var(--ink);cursor:pointer;letter-spacing:.01em;transition:border-color .13s,background .13s}.ys-col-mobile-filter-btn:hover{border-color:var(--ink)}.ys-col-mobile-badge{background:var(--ink);color:#fff;font-size:10px;font-weight:600;min-width:18px;height:18px;padding:0 5px;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.ys-col-drawer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:500}.ys-col-drawer.ys-open{display:block}.ys-col-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2a232080;animation:ys-backdrop-in .2s ease both}@keyframes ys-backdrop-in{0%{opacity:0}to{opacity:1}}.ys-col-drawer__sheet{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:18px 18px 0 0;max-height:90vh;display:flex;flex-direction:column;animation:ys-sheet-in .28s cubic-bezier(.32,.72,0,1) both;overscroll-behavior:contain}@keyframes ys-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ys-col-drawer__sheet:before{content:"";display:block;width:36px;height:4px;background:var(--border);border-radius:2px;margin:10px auto 0;flex-shrink:0}.ys-col-drawer__hd{display:flex;align-items:center;padding:12px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.ys-col-drawer__title{font-family:Space Grotesk,DM Sans,sans-serif;font-size:15px;font-weight:500;color:var(--ink);flex:1}.ys-col-drawer__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg2);border-radius:50%;font-size:13px;color:var(--ink);cursor:pointer;transition:background .13s;flex-shrink:0}.ys-col-drawer__close:hover{background:var(--border)}.ys-col-drawer__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ys-col-drawer__sec{padding:16px 20px;border-bottom:1px solid var(--border)}.ys-col-drawer__sec-hd{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);margin-bottom:10px}.ys-col-drawer__sort-row{display:flex;align-items:center;gap:14px;padding:10px 0;font-size:14px;font-weight:300;color:var(--ink);text-decoration:none;min-height:44px;border-radius:4px;transition:color .1s}.ys-col-drawer__sort-row.ys-active{font-weight:500}.ys-col-drawer__radio{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .12s}.ys-col-drawer__sort-row.ys-active .ys-col-drawer__radio{border-color:var(--ink);background:var(--ink)}.ys-col-drawer__sort-row.ys-active .ys-col-drawer__radio:after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}.ys-col-drawer__opt{display:flex;align-items:center;gap:14px;padding:10px 0;font-size:14px;font-weight:300;color:var(--ink);text-decoration:none;min-height:44px}.ys-col-drawer__opt.ys-checked{font-weight:400}.ys-col-drawer__price-apply{margin-top:12px;width:100%;padding:13px;background:var(--ink);color:#fff;border:none;border-radius:50px;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s}.ys-col-drawer__price-apply:hover{background:var(--dark)}.ys-col-drawer__ft{display:flex;align-items:center;gap:12px;padding:14px 20px;padding-bottom:max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--border);flex-shrink:0}.ys-col-drawer__clear-btn{font-size:13px;color:var(--stone);text-decoration:underline;cursor:pointer;white-space:nowrap}.ys-col-drawer__clear-btn:hover{color:var(--ink)}.ys-col-drawer__view-btn{flex:1;padding:14px 20px;background:var(--ink);color:#fff;border:none;border-radius:50px;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s;min-height:48px}.ys-col-drawer__view-btn:hover{background:var(--dark)}.ys-col-drawer__sec .ys-col-price-wrap{padding:0}.ys-col-drawer__opt.ys-hidden,.ys-col-mobile-badge.ys-hidden,.ys-col-drawer__clear-btn.ys-hidden{display:none}.ys-col-drawer__show-more{display:flex;align-items:center;gap:4px;padding:8px 0 4px;font-size:13px;font-weight:400;color:var(--acdk);background:none;border:none;font-family:inherit;cursor:pointer;letter-spacing:.01em;text-decoration:underline;text-underline-offset:2px}.ys-col-drawer__show-more:hover{color:var(--ink)}.ys-col .ys-card-qb-form{margin-top:auto;padding:0;display:block}.ys-col .ys-card-qb{display:block;width:100%;padding:13px 20px;background:var(--ink);color:#fff;font-family:var(--ys-sans,"DM Sans",sans-serif);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-align:center;border:1.5px solid var(--ink);border-radius:50px;cursor:pointer;-webkit-appearance:none;appearance:none;box-sizing:border-box;overflow:hidden;position:relative}.ys-col .ys-card-qb:before,.ys-col .ys-card-qb:after{content:none!important;display:none!important;animation:none!important}.ys-col .ys-card-qb:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}.ys-col .ys-card-qb--soldout{background:#2a23204d;border-color:transparent;color:#fff;opacity:.6;cursor:not-allowed;margin-top:auto}.ys-col .ys-card-qb--link{text-decoration:none}.ys-col .ys-product-card__name-link{text-decoration:none;color:inherit}.ys-col .ys-product-card__image{display:block;text-decoration:none;position:relative;aspect-ratio:1/1;background:var(--bg2);overflow:hidden}.ys-col .ys-product-card__image img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ys-col .ys-product-card__image img:nth-child(2){opacity:0;z-index:1;transition:opacity .4s ease,transform .5s ease}.ys-col .ys-product-card:hover .ys-product-card__image img{transform:scale(1.03)}.ys-col .ys-product-card:hover .ys-product-card__image img:nth-child(2){opacity:1}.ys-col .ys-product-card--soldout .ys-product-card__image{opacity:.72}.ys-col .ys-product-card__no-image{width:100%;aspect-ratio:1;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--stone)}.ys-col .ys-product-card{background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .28s ease,box-shadow .28s ease}.ys-col .ys-product-card:hover{box-shadow:0 12px 36px #2a232024;transform:translateY(-3px)}.ys-col .ys-product-card__body{padding:14px 16px 18px;display:flex;flex-direction:column;flex:1}.ys-col .ys-product-card__brand{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--acdk);margin-bottom:5px}.ys-col .ys-product-card__name{font-family:Space Grotesk,DM Sans,sans-serif;font-size:14px;font-weight:400;color:var(--ink);line-height:1.35;margin-bottom:6px;flex:1}.ys-col .ys-product-card__price-wrap{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}.ys-col .ys-product-card__price{font-size:14px;font-weight:500;color:var(--ink)}.ys-col .ys-product-card__price--sale{color:var(--warm)}.ys-col .ys-product-card__price--original{font-size:12px;color:var(--stone);text-decoration:line-through}.ys-col .ys-product-card--soldout .ys-product-card__price{color:var(--stone)}.ys-col .ys-product-card__stars .jdgm-preview-badge{margin-bottom:8px}.ys-col .ys-product-card__stars .jdgm-preview-badge .jdgm-star{color:var(--accent)!important}@keyframes ys-card-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.ys-card-enter{animation:ys-card-enter .4s cubic-bezier(.22,1,.36,1) both}
/*# sourceMappingURL=/cdn/shop/t/68/assets/yaoskin-collection.css.map */