.csc{overflow-x:clip;--blue:#1c61e7;--ink:#333;--text:#767676;--line:#e5e9f2;--tint:#f6f8fc;color:var(--text);padding:24px 0 64px}.csc__in{max-width:var(--page-width,1400px);margin:0 auto;padding:0 var(--page-margin,20px)}.csc__crumbs{display:flex;gap:8px;font-size:13px;margin-bottom:16px;flex-wrap:wrap}.csc__crumbs a{color:var(--text)!important;text-decoration:none}.csc__crumbs a:hover{color:var(--blue)!important}.csc__crumbs span:last-child{color:var(--ink)}.csc__head h1{color:var(--ink)!important;font-size:clamp(26px,3vw,36px);font-weight:600;margin:0 0 8px}.csc__desc{max-width:760px;line-height:1.6;font-size:15px}.csc__bar{display:flex;align-items:center;gap:16px;margin:24px 0 16px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.csc__count{margin:0;font-size:14px}.csc__sort{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)}.csc__sort select{font:inherit;padding:8px 32px 8px 10px;border:1px solid #d9dee8;border-radius:5px;background:#fff;color:var(--ink)}.csc__open{display:none;align-items:center;gap:8px;font:600 14px/1 var(--font-body--family);padding:10px 14px;border:1px solid #d9dee8;border-radius:5px;background:#fff;color:var(--ink);cursor:pointer}.csc__badge[hidden]{display:none!important}.csc__badge{background:var(--blue);color:#fff;border-radius:999px;font-size:11px;min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 5px}.csc__main{min-width:0}.csc__layout{min-width:0;display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}.csc__facets{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;padding-right:6px}.csc__facets-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.csc__facets-head strong{color:var(--ink);font-size:16px}.csc__clear,.csc__empty button{all:unset;cursor:pointer;color:var(--blue);font-size:13px;font-weight:600}.csc__close,.csc__apply{display:none}.csc__group{border-bottom:1px solid var(--line)}.csc__group summary{list-style:none;cursor:pointer;padding:14px 24px 14px 0;font-weight:600;color:var(--ink);font-size:15px;position:relative}.csc__group summary::-webkit-details-marker{display:none}.csc__group summary:after{content:"";position:absolute;right:4px;top:19px;width:7px;height:7px;border-right:1.6px solid var(--text);border-bottom:1.6px solid var(--text);transform:rotate(45deg);transition:transform .2s}.csc__group[open] summary:after{transform:rotate(225deg)}.csc__n{display:inline-grid;place-items:center;background:var(--blue);color:#fff;border-radius:999px;font-size:11px;min-width:18px;height:18px;margin-left:6px}.csc__group ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:2px}.csc__opt{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:4px;cursor:pointer;font-size:14px;color:var(--ink)}.csc__opt:hover{background:var(--tint)}.csc__opt input{position:absolute;opacity:0;width:1px;height:1px}.csc__box{width:18px;height:18px;border:1.5px solid #c3cad8;border-radius:4px;flex:none;display:grid;place-items:center;background:#fff;transition:background .15s,border-color .15s}.csc__opt input:checked+.csc__box{background:var(--blue);border-color:var(--blue)}.csc__opt input:checked+.csc__box:after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.csc__opt input:focus-visible+.csc__box{outline:2px solid var(--blue);outline-offset:2px}.csc__lbl{flex:1}.csc__cnt{font-size:12px;color:var(--text);font-variant-numeric:tabular-nums}.csc__opt.is-zero{opacity:.45;cursor:default}.csc__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.csc__chips:empty{display:none}.csc__chip{display:inline-flex;align-items:center;gap:6px;font:500 13px/1 var(--font-body--family);padding:8px 10px;border:1px solid var(--blue);border-radius:999px;background:#e6effd;color:var(--blue);cursor:pointer}.csc__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:20px;width:100%}.csc__item,.csc__card,.csc__img,.csc__body{min-width:0;max-width:100%}.csc__item[hidden]{display:none}.csc__card{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 2px #1018280a;transition:box-shadow .2s ease,border-color .2s ease}.csc__card:hover{box-shadow:0 12px 30px #1018281a;border-color:#c9d6f2}.csc__img{display:block;position:relative;aspect-ratio:1/1;padding:24px;background:radial-gradient(120% 90% at 50% 40%,#fff 0%,var(--tint) 70%)}.csc__img img{display:block;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain;mix-blend-mode:multiply;transform:none!important;transition:transform .35s ease}.csc__card:hover .csc__img img{transform:scale(1.04)!important}.csc__energy{position:absolute;top:12px;left:12px;z-index:2;line-height:0}.csc__energy .cs-energy{height:26px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.12))}.csc__body{display:flex;flex-direction:column;gap:10px;padding:16px;flex:1;border-top:1px solid var(--line)}.csc__type{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--blue)}.csc__title{color:var(--ink)!important;text-decoration:none;font-weight:600;font-size:14.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.csc__title:hover{color:var(--blue)!important}.csc__specs[hidden]{display:none}.cs-bullets{list-style:none;margin:0;padding:10px 12px;background:var(--tint);border-radius:8px;display:grid;gap:6px;font-size:13px;line-height:1.35;color:#3d4556}.cs-bullets li{position:relative;padding-left:24px}.cs-bullets li:before{content:"";position:absolute;left:0;top:0;width:16px;height:16px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23e6effd'/%3E%3Cpath d='M4.6 8.3l2.1 2.1 4.7-4.8' fill='none' stroke='%231c61e7' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/16px 16px;border-radius:50%}.csc__foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-top:4px}.csc__pricebox{display:flex;flex-direction:column;line-height:1.15}.csc__from{font-size:11px;color:var(--text);text-transform:uppercase;letter-spacing:.05em}.csc__from[hidden]{display:none}.csc__price{font-size:21px;font-weight:700;letter-spacing:-.01em}.csc__price .price{color:var(--ink)!important;font-weight:700}.csc__vat{font-size:11.5px;color:var(--text);margin-top:3px}.cs-vat-ex{display:none}html.cs-exvat .cs-vat-ex{display:inline}html.cs-exvat .cs-vat-in{display:none}.csc__ship{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#2f7a2f;background:#eaf6e4;border-radius:999px;padding:4px 9px;white-space:nowrap}.csc__buy{display:grid;gap:8px;position:relative;z-index:2}.csc__variant{width:100%;font:500 13.5px/1.3 var(--font-body--family);color:var(--ink);padding:9px 30px 9px 10px;border:1px solid #d6ddea;border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23767676' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 10px center/11px 8px;appearance:none;-webkit-appearance:none}.csc__variant:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #1c61e726}.csc__row{display:flex;gap:8px}.csc__qty{display:flex;align-items:stretch;border:1px solid #d6ddea;border-radius:8px;overflow:hidden;flex:none;background:#fff}.csc__qty button{all:unset;cursor:pointer;width:32px;display:grid;place-items:center;font-size:17px;color:var(--ink)}.csc__qty button:hover{background:var(--tint)}.csc__qty button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.csc__qty input{width:38px;border:0;text-align:center;font:600 14px/1 var(--font-body--family);color:var(--ink);background:transparent;-moz-appearance:textfield;padding:0}.csc__qty input::-webkit-outer-spin-button,.csc__qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.csc__qty input:focus{outline:none;background:var(--tint)}.csc__add{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:0;border-radius:8px;background:var(--blue);color:#fff;font:600 14px/1 var(--font-body--family);cursor:pointer;transition:background .15s ease,transform .1s ease;padding:0 12px;white-space:nowrap}.csc__add:hover{background:#1650c2}.csc__add:active{transform:scale(.98)}.csc__add:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.csc__add[disabled]{background:#c3cad8;cursor:not-allowed}.csc__add.is-added{background:#2f8f3a}.csc__add.is-loading{opacity:.75;cursor:progress}.csc [hidden]{display:none!important}.csc__toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);width:max-content;min-width:min(340px,calc(100vw - 32px));justify-content:space-between;z-index:60;background:#0b1a36;color:#fff;border-radius:10px;padding:12px 14px 12px 16px;display:flex;align-items:center;gap:14px;font-size:14px;box-shadow:0 12px 32px #00000040;max-width:calc(100vw - 32px)}.csc__toast[hidden]{display:none}.csc__toast a{color:#8fb3ff!important;font-weight:600;white-space:nowrap}.csc__toast.is-error{background:#b42318}.cs-energy{display:inline-block;line-height:0}.cs-energy svg{display:block;height:100%;width:auto}.cs-energy--sm{height:22px}.cs-energy--md{height:26px}.csc__empty{padding:40px 0;text-align:center}.csc__pag{margin-top:24px;text-align:center}.csc__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;z-index:40}@media(max-width:990px){.csc__layout{grid-template-columns:1fr}.csc__open{display:inline-flex}.csc__facets{position:fixed;inset:0 auto 0 0;width:min(360px,88vw);max-height:none;height:100%;background:#fff;z-index:50;padding:16px 16px 88px;transform:translate(-102%);transition:transform .25s ease;box-shadow:0 0 40px #0003}.csc__facets.is-open{transform:none}.csc__close{all:unset;display:inline-grid;cursor:pointer;padding:6px;color:var(--ink)}.csc__apply{display:block;position:absolute;left:16px;right:16px;bottom:16px;width:auto}.csc__sort{font-size:0;gap:0}.csc__sort select{font-size:16px!important}.csc__count{display:none}.csc__head h1{font-size:24px}.csc__bar{margin:16px 0 12px;gap:10px}.csc__in{padding:0 14px}.csc__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.csc__card{border-radius:12px}.csc__img{padding:12px}.csc__energy{top:7px;left:7px}.csc__energy .cs-energy{height:20px}.csc__body{padding:10px;gap:8px}.csc__type{font-size:9.5px}.csc__title{font-size:12.5px;-webkit-line-clamp:4}.cs-bullets{font-size:11px;gap:4px;padding:7px 8px}.cs-bullets li{padding-left:18px}.cs-bullets li:before{width:13px;height:13px;background-size:13px 13px}.csc__foot{flex-direction:column;align-items:flex-start;gap:6px}.csc__price{font-size:17px}.csc__ship{font-size:10.5px;padding:3px 7px}.csc__variant{font-size:16px;padding:7px 26px 7px 8px}.csc__row{flex-direction:column;gap:6px}.csc__qty{justify-content:space-between}.csc__qty button{width:36px;min-height:36px}.csc__qty input{flex:1;font-size:16px}.csc__add{min-height:40px;font-size:13px}}@media(prefers-reduced-motion:reduce){.csc__facets,.csc__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/cs-collection.css.map */
