.pshow-more svg{width:15px;height:15px;transition:transform .18s cubic-bezier(.4,0,.2,1)}.pshow:hover .pshow-more svg{transform:translate(4px)}.pv{top:50%;left:0;right:2px;transform:translateY(-50%)}.pv-win{border:1px solid var(--br);border-radius:13px;box-shadow:0 18px 38px -14px rgba(var(--p-rgb),.28)}.pv-bar{padding:8px 10px}.pv-bar i{width:6px;height:6px;border-radius:50%;background:#dfe5ee}.pv-bar i:first-child{background:#ffbdb0}.pv-bar i:nth-child(2){background:#ffe0a8}.pv-bar i:nth-child(3){background:#b9e6c9}.pv-bar span{margin-left:6px}.pv-float{border:1px solid var(--br);border-radius:12px;box-shadow:0 20px 40px -12px rgba(var(--p-rgb),.3);padding:10px 12px}.pv-dash .pv-win{top:12px;right:-22px;bottom:66px;left:0}.pv-side{background:linear-gradient(180deg,var(--p),var(--p-2));padding:9px 7px}.pv-side b{display:flex;font-size:8px;font-weight:800;color:#fff}.pv-side u.on{background:rgba(var(--a-rgb),.85)}.pv-main{padding:10px}.pv-tile{padding:7px 8px;border:1px solid var(--br-2);border-radius:8px}.pv-tile em{font-size:7.5px;font-weight:700;letter-spacing:.05em}.pv-tile strong{margin:2px 0 1px;font-size:11px;font-weight:800;color:var(--p)}.pv-tile s{color:var(--ok)}.pv-chart{border:1px solid var(--br-2);border-radius:8px;padding:7px 8px 4px}.pv-chart em{margin-bottom:4px;font-size:7.5px;font-weight:700;letter-spacing:.05em}.pv-chart svg{width:100%;height:84px}.pv-donut i{flex:none;width:44px;height:44px;border-radius:50%;background:conic-gradient(var(--a) 0 58%,var(--p-2) 58% 84%,#f0b429 84% 100%);-webkit-mask:radial-gradient(circle,transparent 52%,#000 53%);mask:radial-gradient(circle,transparent 52%,#000 53%)}.pv-legend span{display:flex;gap:5px}.pv-legend span:before{content:""}.pv-legend span:nth-child(2):before{background:var(--p-2)}.pv-legend span:nth-child(3):before{background:#f0b429}.pv-phone{padding:6px;background:linear-gradient(160deg,#16233f,var(--p));box-shadow:0 24px 44px -14px rgba(var(--p-rgb),.45)}.pv-scr:before{background:var(--p)}.pv-app{padding:17px 9px 7px}.pv-trk{padding:10px 9px 8px}.pv-trk em{font-size:8px;font-weight:600}.pv-trk strong{margin:2px 0 4px;font-size:13px;font-weight:800;letter-spacing:-.02em;color:var(--ok)}.pv-trk p{margin:0 0 9px;font-size:7.5px;line-height:1.45;color:var(--m)}.pv-steps:before{background:var(--br)}.pv-steps:after{background:var(--ok)}.pv-steps i{width:7px;height:7px;border-radius:50%;background:#fff;border:2px solid var(--br)}.pv-steps i.on{border-color:var(--ok);background:var(--ok)}.pv-pin{box-shadow:0 4px 10px rgba(var(--a-rgb),.5)}.pv-lift .pv-win{top:0;left:0;right:0;height:146px}.pv-rows{padding:9px 10px}.pv-row .pv-sq{width:26px;height:26px}.pv-row div{flex:1;display:grid;gap:4px}.pv-row b{font-size:9px;font-weight:800;color:var(--p)}.pv-tot em{font-size:8.5px;font-weight:700}.pv-ico{background:rgba(var(--a-rgb),.12)}.pv-ico svg{width:12px;height:12px}.pv-spark i{flex:1;border-radius:2px 2px 0 0;background:rgba(var(--a-rgb),.22)}.pv-spark i:last-child{background:linear-gradient(180deg,var(--a),var(--a-2))}.pv-wish .pv-win{top:0;left:0;right:0;height:218px}.pv-tiles4{padding:10px}.pv-item{padding:7px;border:1px solid var(--br-2);border-radius:8px}.pv-item .pv-sq{height:40px}.pv-item b{font-size:8.5px;font-weight:800;color:var(--p)}.pv-heart{box-shadow:0 1px 4px rgba(var(--p-rgb),.16)}.pv-heart svg{width:8px;height:8px}.pv-drop{padding:2px 6px;background:var(--ok)}.pv-var .pv-win{top:2px;left:0;right:0;height:224px}.pv-opt{padding:10px}.pv-opt em{margin:0 0 6px;font-size:7.5px;font-weight:800;letter-spacing:.07em}.pv-sw i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(var(--p-rgb),.08)}.pv-sw i:nth-child(1){background:var(--p)}.pv-sw i:nth-child(2){background:var(--a)}.pv-sw i:nth-child(3){background:#cfd8e6}.pv-sw i:nth-child(4){background:var(--ok)}.pv-sw i:nth-child(5){background:#b08968}.pv-chips b{padding:4px 9px;border:1px solid var(--br);border-radius:6px;font-size:8.5px;font-weight:700;color:var(--p)}.pv-chips b.on{background:rgba(var(--a-rgb),.08);color:var(--a-dark)}.pv-field{padding:7px 9px;border:1px solid var(--br);border-radius:7px}.pv-btn{padding:8px 10px;box-shadow:0 6px 16px rgba(var(--a-rgb),.32)}.pv-rule s{color:var(--a)}.pv-ck .pv-win{top:0;left:0;right:0;height:236px}.pv-up{padding:8px;border:1px dashed rgba(var(--a-rgb),.5);border-radius:8px;background:rgba(var(--a-rgb),.05)}.pv-up .pv-sq{width:24px;height:24px}.pv-up div{flex:1}.pv-up b{display:block;font-size:8.5px;font-weight:800;color:var(--p)}.pv-up span{font-size:7.5px;color:var(--m)}.pv-pay{padding:9px}.pv-mini{padding:6px 8px;border:1px solid var(--br);border-radius:6px}.pv-mini svg{width:10px;height:10px;color:var(--mm)}@media(max-width:640px){.pshow{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.pshow-body{padding:26px 26px 6px}.pshow-art{height:300px}.pv{top:6px;left:26px;right:14px;transform:none}}@media(max-width:420px){.pshow-art{height:286px}.pv{left:18px}}@media(prefers-reduced-motion:reduce){.pshow,.pshow-more svg{transition:none}.pshow:hover{transform:none}.pshow:hover .pshow-more svg{transform:none}}.pm-section .demo-note{margin-top:clamp(26px,3vw,38px)}.lt-section .demo-note{margin-top:clamp(28px,3.4vw,44px)}.lt-section .demo-note code{color:#fff;padding:1px 6px}.tp-section .demo-note{margin:0 0 22px}#pr-track .pshow-body{padding:26px 2px 26px 26px}@media(max-width:1000px){#pr-track .pshow-body,[dir=rtl] #pr-track .pshow-body{padding:24px 24px 6px}}[dir=rtl] .btn svg,[dir=rtl] .hv-go svg,[dir=rtl] .sh-submit svg,[dir=rtl] .slider-btn{transform:scaleX(-1)}[dir=rtl] .pshow-body{padding:30px 30px 30px 2px}[dir=rtl] .pshow:hover .pshow-more svg{transform:translate(-4px)}[dir=rtl] .pv{right:0;left:2px}[dir=rtl] .pv-bar span{margin-right:6px;margin-left:0}[dir=rtl] .pv-dash .pv-win{top:12px;right:0;bottom:66px;left:-22px}[dir=rtl] .pv-pin{margin:-14px -7px 0 0}[dir=rtl] .pv-lift .pv-win,[dir=rtl] .pv-wish .pv-win,[dir=rtl] .pv-var .pv-win,[dir=rtl] .pv-ck .pv-win{right:0;left:0}@media(max-width:640px){[dir=rtl] .pv{right:26px;left:14px}}@media(max-width:420px){[dir=rtl] .pv{right:18px;left:auto}}[dir=rtl] #pr-track .pshow-body{padding:26px 26px 26px 2px}[dir=rtl] [dir=rtl] #pr-track .pshow-body{padding:26px 2px 26px 26px}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-products-grid.css.map */