article.card.product-card{background:var(--surface);box-shadow:var(--card-lift);-webkit-tap-highlight-color:transparent;transition:opacity .65s var(--ease) var(--reveal-delay,0s), transform .75s var(--ease) var(--reveal-delay,0s), translate .3s var(--ease), scale .16s var(--ease), box-shadow .3s var(--ease);border:0;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}article.card.product-card:not([data-reveal]){transform:none}article.card.product-card:active{scale:.985}article.product-card .card-photo{background:#fff;border-radius:12px;margin:6px 6px 0;padding:10px;display:block;position:relative;overflow:hidden}article.card.product-card .card-photo img{aspect-ratio:1;object-fit:contain;width:100%;transition:transform .6s var(--ease);transform:none}article.product-card .card-badge{background:var(--green);color:#fff;font-size:var(--fs-micro,12px);border-radius:999px;align-items:center;gap:4px;padding:4px 8px 4px 6px;font-weight:700;line-height:16px;display:inline-flex;top:12px;left:12px}article.product-card .card-wish{color:#5d655f;width:34px;height:34px;top:12px;right:12px;transform:none}article.product-card .card-wish:after{content:"";position:absolute;inset:-6px}article.product-card .card-wish.on{color:var(--red)}article.product-card .card-body{flex-direction:column;flex:1;padding:10px 12px 12px;display:flex}article.product-card .card-tags{flex-wrap:nowrap;order:-1;gap:5px;min-height:24px;margin:0 0 8px;display:flex;overflow:hidden}article.product-card .card-tags span{background:var(--soft);min-width:0;color:var(--tag);font-size:var(--fs-micro,12px);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:0 auto;padding:3px 8px;font-weight:600;line-height:18px;overflow:hidden}article.product-card .card-title{-webkit-line-clamp:2;min-height:2.6em;color:var(--ink);letter-spacing:-.01em;text-wrap:pretty;-webkit-box-orient:vertical;margin:0;font-size:clamp(14px,10px + 1.05vw,16px);font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}@media (width<=480px){html[lang=ru] article.product-card .card-title{-webkit-line-clamp:4;min-height:3.9em}}article.product-card .card-foot{justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:10px;display:flex}article.product-card .card-price{color:var(--accent);font-size:var(--fs-small,13px);white-space:nowrap;align-items:center;gap:5px;font-weight:800;display:inline-flex}article.product-card .card-add{--size:clamp(36px, 10.2vw, 40px);width:var(--size);height:var(--size);background:var(--contrast);color:var(--on-contrast);transition:background .2s, color .2s, transform .2s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid;transform:none}article.product-card .card-add:active{transform:scale(.9)}article.product-card .card-add .icon{transition:opacity .2s, transform .3s var(--ease);grid-area:1/1}article.product-card .card-add .card-add-check{opacity:0;transform:scale(.4)rotate(-25deg)}article.product-card .card-add.on{background:var(--green);color:#fff}article.product-card .card-add.on .card-add-cart{opacity:0;transform:translateY(-9px)scale(.6)}article.product-card .card-add.on .card-add-check{opacity:1;transform:none}@media (hover:hover){article.product-card .card-photo:after{content:"";opacity:0;pointer-events:none;transition:opacity .35s var(--ease);background:radial-gradient(62% 56% at 50% 44%,#ffd68c70,#ffd68c00 74%);position:absolute;inset:0}article.card.product-card:hover{box-shadow:var(--card-lift), var(--shadow);translate:0 -5px}article.card.product-card:hover .card-photo:after{opacity:1}article.card.product-card:hover .card-photo img{transform:scale(1.05)}article.product-card .card-title:hover{color:var(--accent)}article.product-card .card-price:hover{gap:9px}article.product-card .card-wish:hover{color:var(--red);transform:scale(1.1)}article.product-card .card-add:hover{background:var(--green);color:#fff;transform:scale(1.08)}}@media (width>=881px){article.product-card .card-photo{margin:8px 8px 0;padding:14px}article.product-card .card-body{padding:14px 16px 16px}}@media (width<=420px){article.product-card .card-price .icon{display:none}}@media (width<=460px){article.product-card .card-badge-more{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.pg-catalog{--cv-night:#0b110e;--pill:var(--surface);--pill-lift:var(--card-lift);background:var(--soft)}.pg-catalog .page-body{padding:0 0 56px}.pg-catalog .cv-head{isolation:isolate;background:var(--cv-night);color:#fff;min-height:clamp(328px,88vw,460px);display:flex;position:relative;overflow:hidden}.pg-catalog .cv-head:before{content:"";z-index:-1;background:linear-gradient(180deg, #0b110e99, #0b110e00 24%), linear-gradient(0deg, var(--cv-night) 22%, #0b110ebd 40%, #0b110e00 66%);position:absolute;inset:0}.pg-catalog .cv-head:after{content:"";z-index:-1;opacity:0;pointer-events:none;background:#050806;animation:1.5s ease-out .1s both cv-strike;position:absolute;inset:0}.pg-catalog .cv-slides{z-index:-2;height:78%;position:absolute;inset:0 0 auto}.pg-catalog .cv-slide{position:absolute;inset:0}.pg-catalog .cv-slide img{object-fit:cover;object-position:50% var(--crop,40%);width:100%;height:100%;position:absolute;inset:0}.pg-catalog .cv-slide .cv-glow{filter:brightness(1.35)saturate(1.1);opacity:0;will-change:opacity;animation:5.5s ease-in-out 1.7s infinite alternate cv-breathe}.pg-catalog .cv-slides-all .cv-slide{opacity:0;animation:cv-turn 40s linear calc(var(--i) * 5s) infinite both}.pg-catalog .cv-slides-all .cv-slide:first-child{opacity:1}.pg-catalog .cv-head-in{flex-direction:column;justify-content:space-between;gap:28px;padding:16px 0 24px;display:flex}.pg-catalog .cv-head .crumbs{color:#ffffffbd;animation:fadein .6s var(--ease) both;margin:0}.pg-catalog .cv-head .crumbs a{color:inherit;transition:color .15s}.pg-catalog .cv-head .crumbs span{color:#fff}.pg-catalog .cv-head h1{color:#fff;letter-spacing:-.035em;text-wrap:balance;font-size:clamp(32px,8.8vw,44px);font-weight:800;line-height:1.08}.pg-catalog .cv-w{vertical-align:top;margin:-.08em -.03em -.12em;padding:.08em .03em .12em;display:inline-block;overflow:hidden}.pg-catalog .cv-w>span{animation:cv-word .8s var(--ease) both;animation-delay:calc(.12s + var(--n) * 80ms);display:inline-block}.pg-catalog .cv-head p{color:#ffffffd6;max-width:38ch;font-size:var(--fs-lead,clamp(16px, 1.3vw, 18px));text-wrap:pretty;animation:rise .7s var(--ease) .28s both;margin:10px 0 0;line-height:1.5}.pg-catalog .cv-stats{animation:rise .7s var(--ease) .38s both;gap:clamp(20px,6vw,44px);margin:16px 0 0;padding:0;list-style:none;display:flex}.pg-catalog .cv-stats li{grid-template-rows:28px auto;align-items:end;display:grid}.pg-catalog .cv-stats b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(24px,6.4vw,30px);font-weight:800;line-height:1}.pg-catalog .cv-stats span{color:#ffffffc2;font-size:var(--fs-micro,12px);white-space:nowrap;margin-top:4px;line-height:1.35}.pg-catalog .cv-panel{display:contents}.pg-catalog :is(.cv-rail,.cv-quick){overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin:0 -16px;padding:12px 16px 20px;scroll-padding-inline:16px;display:flex;position:relative;overflow:auto hidden}.pg-catalog :is(.cv-rail,.cv-quick)::-webkit-scrollbar{display:none}.pg-catalog .cv-rail{scroll-snap-type:x proximity}.pg-catalog .cv-quick{padding-top:6px}.pg-catalog .cv-rail .chip{background:var(--pill);min-height:44px;box-shadow:var(--pill-lift);color:var(--ink);font-size:var(--fs-small,13px);white-space:nowrap;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;transition:background .2s, color .2s, translate .2s var(--ease);animation:rise .55s var(--ease) both;animation-delay:calc(.2s + var(--n) * 40ms);border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;padding:6px 16px 6px 6px;font-weight:700;display:inline-flex}.pg-catalog .cv-rail .chip img,.pg-catalog .cv-chip-all{object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px}.pg-catalog .cv-chip-all{background:var(--tint);color:var(--accent);place-items:center;display:grid}.pg-catalog .tools-row.cv-dock{z-index:30;background:var(--soft);background:color-mix(in srgb, var(--soft) 92%, transparent);backdrop-filter:blur(12px);flex-wrap:nowrap;align-items:center;gap:8px;margin:0 -16px;padding:8px 16px;display:flex;position:sticky;top:62px}.pg-catalog .tools-row.cv-dock:last-child{margin-bottom:12px}.pg-catalog .cv-dock:after{content:"";z-index:-1;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.pg-catalog .cv-dock.is-stuck:after{opacity:1}.pg-catalog .catalog-search{background:var(--pill);min-width:0;height:48px;box-shadow:var(--pill-lift);color:var(--muted);border:0;border-radius:14px;flex:auto;align-items:center;gap:10px;padding:0 14px;display:flex}.pg-catalog .catalog-search:focus-within{box-shadow:0 0 0 2px var(--green-2), var(--pill-lift)}.pg-catalog .catalog-search input{flex:1 1 0;min-width:0;height:44px;font-size:16px}.pg-catalog .count{color:var(--muted);font-size:var(--fs-small,13px);white-space:nowrap;flex:none;font-weight:600}.pg-catalog .cv-type{background:var(--pill);min-width:48px;height:48px;box-shadow:var(--pill-lift);color:var(--ink);font-size:var(--fs-small,13px);white-space:nowrap;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:700;transition:background .2s,color .2s;display:inline-flex;position:relative}.pg-catalog .cv-type-text,.pg-catalog .cv-type-chev{display:none}.pg-catalog .cv-type select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.pg-catalog .cv-type:focus-within{outline:2px solid var(--green-2);outline-offset:2px}.pg-catalog .cv-type.on{background:var(--green);color:#fff}.pg-catalog .cv-pill{background:var(--pill);height:40px;box-shadow:var(--pill-lift);color:var(--ink);font-size:var(--fs-small,13px);white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .2s, color .2s, opacity .2s, transform .16s var(--ease);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex}.pg-catalog .cv-pill:active{transform:scale(.95)}.pg-catalog .cv-pill .icon{color:var(--accent)}.pg-catalog .cv-pill small{color:var(--muted);font-size:var(--fs-micro,12px);font-variant-numeric:tabular-nums;font-weight:700}.pg-catalog .cv-pill[aria-pressed=true]{background:var(--green);color:#fff}.pg-catalog .cv-pill[aria-pressed=true] :is(.icon,small){color:#fff}.pg-catalog .cv-pill:disabled{opacity:.45;cursor:default}.pg-catalog .cv-reset{background:var(--tint);color:var(--accent);box-shadow:none;animation:rise .25s var(--ease) both}.pg-catalog .cv-rail .chip.on{background:var(--green);color:#fff;box-shadow:0 10px 20px -12px #006e36d9}.pg-catalog .grid-products{gap:12px;scroll-margin-top:72px}.pg-catalog .grid-products>:nth-child(2n){--reveal-delay:70ms}.pg-catalog .is-filtered [data-extra]{display:none}.pg-catalog .cv-band{isolation:isolate;background:var(--cv-night);color:#fff;min-height:200px;box-shadow:var(--card-lift);border-radius:20px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:flex-start;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.pg-catalog .cv-band>img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pg-catalog .cv-band:before{content:"";z-index:-1;position:absolute;inset:0}.pg-catalog .cv-band-solar>img{object-position:50% 85%}.pg-catalog .cv-band-solar:before{background:linear-gradient(90deg,#08100be0 34%,#08100b1a)}.pg-catalog .cv-band-steps:before{background:#002814a8}.pg-catalog :is(.cv-band,.cv-cta) h2{color:#fff;max-width:16em;font-size:var(--fs-h2,clamp(27px, 3.4vw, 42px));letter-spacing:-.025em;text-wrap:balance;font-weight:800;line-height:1.14}.pg-catalog .cv-kicker{color:#ffffffd6;font-size:var(--fs-micro,12px);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:-8px;font-weight:700;display:inline-flex}.pg-catalog .cv-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:0;padding:0;list-style:none;display:grid}.pg-catalog .cv-steps li{align-content:start;justify-items:start;gap:8px;display:grid}.pg-catalog .cv-steps b{width:30px;height:30px;font-size:var(--fs-small,13px);background:#ffffff29;border-radius:50%;place-items:center;font-weight:800;display:grid}.pg-catalog .cv-steps span{font-size:var(--fs-small,13px);text-wrap:balance;font-weight:600;line-height:1.35}.js .pg-catalog :is(.cv-band,.cv-cta)>img{opacity:.35;transition:opacity 1.3s var(--ease) .2s}.js .pg-catalog :is(.cv-band,.cv-cta).in>img{opacity:1}.pg-catalog .cv-fill{isolation:isolate;background:var(--cv-night);color:#fff;box-shadow:var(--card-lift);-webkit-tap-highlight-color:transparent;border-radius:16px;justify-content:space-between;align-items:flex-end;gap:8px;padding:14px;display:flex;position:relative;overflow:hidden}.pg-catalog .cv-fill img{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease);position:absolute;inset:0}.pg-catalog .cv-fill:before{content:"";z-index:-1;background:linear-gradient(#080c0a00 38%,#080c0adb);position:absolute;inset:0}.pg-catalog .cv-fill b{font-size:var(--fs-body,15px);text-wrap:balance;font-weight:700;line-height:1.25;display:block}.pg-catalog .cv-fill small{color:#ffffffc7;font-size:var(--fs-micro,12px);margin-top:2px;display:block}.pg-catalog .cv-fill-wide{display:none}.pg-catalog .cv-empty{background:var(--surface);box-shadow:var(--card-lift);text-align:center;border-radius:20px;justify-items:center;gap:16px;padding:56px 20px;display:grid}.pg-catalog .cv-empty h2{font-size:var(--fs-h3,clamp(17px, 1.5vw, 20px));margin:0;line-height:1.28}.pg-catalog .cv-empty-icon{background:var(--tint);width:64px;height:64px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.pg-catalog .cv-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pg-catalog .cv-empty .btn-ghost{background:var(--soft);border:0}.pg-catalog .cv-cta{isolation:isolate;background:var(--cv-night);color:#fff;min-height:280px;box-shadow:var(--card-lift);border-radius:20px;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;margin-top:44px;padding:28px 24px;display:flex;position:relative;overflow:hidden}.pg-catalog .cv-cta>img{z-index:-2;object-fit:cover;object-position:50% 78%;width:100%;height:100%;position:absolute;inset:0}.pg-catalog .cv-cta:before{content:"";z-index:-1;background:linear-gradient(90deg,#08100bd1 14%,#08100b00 80%);position:absolute;inset:0}.pg-catalog .cv-cta-actions{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.pg-catalog .cv-cta .btn-outline-white{background:#ffffff24;border:0}@media (hover:hover){.pg-catalog .cv-head .crumbs a:hover{color:#fff}.pg-catalog .cv-rail .chip:hover{color:var(--accent);translate:0 -2px}.pg-catalog .cv-rail .chip.on:hover{color:#fff}.pg-catalog .cv-pill:hover:not(:disabled,[aria-pressed=true]){color:var(--accent)}.pg-catalog .cv-fill:hover img{transform:scale(1.06)}}@media (width>=881px){.pg-catalog .page-body{padding-bottom:72px}.pg-catalog .cv-head{--pic:min(64%, 1100px);min-height:470px}.pg-catalog .cv-head:before{background:linear-gradient(90deg, var(--cv-night) calc(100% - var(--pic)), #0b110e9e calc(100% - var(--pic) + 12%), #0b110e00 calc(100% - var(--pic) + 30%)), linear-gradient(0deg, #0b110e80, #0b110e00 40%)}.pg-catalog .cv-slides{width:var(--pic);height:100%;inset:0 0 0 auto}.pg-catalog .cv-head-in{padding:24px 0 76px}.pg-catalog .cv-head-copy{max-width:560px}.pg-catalog .cv-head h1{font-size:clamp(46px,4.4vw,60px)}.pg-catalog .cv-stats li{grid-template-rows:34px auto}.pg-catalog .cv-stats b{font-size:34px}.pg-catalog .cv-panel{--pill:var(--soft);--pill-lift:0 0 #0000;z-index:5;background:var(--surface);box-shadow:var(--card-lift), var(--shadow);animation:rise .7s var(--ease) .25s both;border-radius:20px;grid-template-columns:minmax(280px,1fr) minmax(0,max-content);align-items:center;gap:12px 16px;margin:-44px 0 24px;padding:14px;display:grid;position:relative}html:not([lang=uz]) .pg-catalog .cv-panel{grid-template-columns:minmax(400px,1fr) minmax(0,max-content)}.pg-catalog :is(.cv-rail,.cv-quick){margin:0;padding:0;scroll-padding-inline:0}.pg-catalog .cv-rail{grid-column:1/-1}.pg-catalog .cv-rail .chip{flex:1 0 auto}html[lang=ru] .pg-catalog .cv-rail{gap:6px}html[lang=ru] .pg-catalog .cv-rail .chip{padding-right:12px}.pg-catalog .cv-quick:before{content:"";margin-left:auto}.pg-catalog .tools-row.cv-dock{backdrop-filter:none;background:0 0;margin:0;padding:0;position:static}.pg-catalog .tools-row.cv-dock:last-child{grid-column:1/-1;margin-bottom:0}.pg-catalog .cv-dock:after{display:none}.pg-catalog .cv-type-text,.pg-catalog .cv-type-chev{display:inline-block}.pg-catalog .grid-products{gap:20px;scroll-margin-top:16px}.pg-catalog .grid-products>:nth-child(4n+1){--reveal-delay:0s}.pg-catalog .grid-products>:nth-child(4n+2){--reveal-delay:70ms}.pg-catalog .grid-products>:nth-child(4n+3){--reveal-delay:.14s}.pg-catalog .grid-products>:nth-child(4n){--reveal-delay:.21s}.pg-catalog .cv-fill-wide{display:flex}.pg-catalog .cv-band{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:16px 44px;min-height:240px;padding:44px 56px}.pg-catalog .cv-band-solar{flex-direction:column;justify-content:center;align-items:flex-start;gap:16px}.pg-catalog .cv-band-solar>img{object-position:50% 70%;width:56%;inset:0 0 0 auto}.pg-catalog .cv-band-solar:before{background:linear-gradient(90deg, var(--cv-night) 44%, #0b110e00 78%)}.pg-catalog .cv-band-steps{justify-content:space-between}.pg-catalog .cv-band-steps h2{flex:280px}.pg-catalog .cv-steps{flex:2 420px;width:auto}.pg-catalog .cv-steps span{font-size:var(--fs-body,15px)}.pg-catalog .cv-cta{min-height:300px;margin-top:56px;padding:44px 56px}.pg-catalog .cv-cta>img{width:46%;inset:0 0 0 auto}.pg-catalog .cv-cta:before{background:linear-gradient(90deg, var(--cv-night) 54%, #0b110e00 84%)}.pg-catalog .cv-cta-actions{flex-direction:row;gap:12px}}@supports (animation-timeline:scroll()){.pg-catalog .cv-slides{animation-name:cv-drift;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 480px}}@keyframes cv-strike{0%{opacity:.96}to{opacity:0}}@keyframes cv-breathe{to{opacity:.85}}@keyframes cv-turn{0%{opacity:0;transform:scale(1.07)}3%,12.5%{opacity:1}15.5%,to{opacity:0;transform:scale(1)}}@keyframes cv-word{0%{transform:translateY(108%)}to{transform:none}}@keyframes cv-drift{to{transform:translateY(56px)}}
