.h4-article{--bg:#F3F6F8;--wash:#E9EFF3;--ink:#24313B;--ink2:#34424D;--mute:#5D6B76;--line:#D6DFE5;--line2:#B9C6D0;--blue:#2F6BDB;--blue-h:#2459BF;--blue-t:#E3EBF8;--temp:#4DA3D9;--temp-d:#8FD0F5;--dark:#15202A;--card:#FAFBFC;--fh:"Karantina","Rubik",system-ui,sans-serif;--fb:"Rubik","Heebo",system-ui,sans-serif;--fm:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;--gap:clamp(88px,11cqi,152px);container:h4r / inline-size;position:relative;background:var(--bg);color:var(--ink);font-family:var(--fb)!important;font-weight:400;font-size:16.5px;line-height:1.62;direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;overflow-x:clip}.h4-article *,.h4-article *:before,.h4-article *:after{box-sizing:border-box}.h4-article h1,.h4-article h2,.h4-article h3,.h4-article p,.h4-article ul,.h4-article ol,.h4-article li,.h4-article figure,.h4-article blockquote,.h4-article dl,.h4-article dt,.h4-article dd{margin:0;padding:0}.h4-article ul,.h4-article ol{list-style:none}.h4-article img{display:block;max-width:100%;height:auto}.h4-article a{color:inherit;text-decoration:none}.h4-article a:focus-visible,.h4-article summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:6px}.h4-article bdi{unicode-bidi:isolate}.h4-article .wrap{max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,5cqi,64px)}.h4-article .n{font-family:var(--fm)!important;font-variant-numeric:tabular-nums;letter-spacing:0}.h4-article .t{color:var(--temp)}.h4-article .eye{font-family:var(--fm)!important;font-weight:500;font-size:12px;line-height:1.4;letter-spacing:.06em;color:var(--mute)}.h4-article .eye i{font-style:normal;color:var(--temp);margin-inline-end:10px}.h4-article .dsp{font-family:var(--fh)!important;font-weight:700;letter-spacing:-.01em;text-wrap:balance;color:var(--ink)}.h4-article .h-l{font-size:clamp(58px,7.6cqi,104px);line-height:.9}.h4-article .h-q{font-size:clamp(44px,5.2cqi,72px);line-height:.95}.h4-article .h-m{font-size:clamp(34px,3.3cqi,42px);line-height:1}.h4-article .lede{font-size:clamp(19px,1.9cqi,23px);line-height:1.55;color:var(--ink2);text-wrap:pretty}.h4-article .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 26px;background:var(--blue);color:#fff;font-family:var(--fb)!important;font-weight:500;font-size:16px;line-height:1.1;border:0;border-radius:13px;cursor:pointer;text-align:center}.h4-article .btn:hover{background:var(--blue-h)}.h4-article .btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}.h4-article .btn-ghost:hover{background:var(--card);box-shadow:inset 0 0 0 1px var(--ink)}.h4-article .btn.btn-sm{min-height:40px;padding:8px 20px;font-size:14.5px;border-radius:10px}.h4-article .lnk{display:inline-flex;gap:8px;align-items:center;color:var(--ink);border-bottom:1px solid var(--line2);padding-bottom:2px}.h4-article .lnk:hover{border-bottom-color:var(--blue);color:var(--blue)}.h4-article p .lnk{display:inline;padding-bottom:0}.h4-article .ar{font-family:var(--fm)!important;font-weight:400}.h4-article .glass{background:#fafbfcbd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(214,223,229,.95);border-radius:16px;box-shadow:0 1px #ffffffd9 inset,0 30px 60px -44px #24313b52}@media(prefers-reduced-motion:no-preference){.h4-article .btn,.h4-article .lnk,.h4-article .pc,.h4-article .pc .ph img{transition:background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease,transform .5s ease}}.h4-article .sec{padding-bottom:var(--gap)}.h4-article .sec-h{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:10px;text-align:center;margin-bottom:clamp(36px,4.6cqi,64px)}.h4-article .sec-h .sub{max-width:52ch;margin-top:8px;font-size:clamp(17px,1.7cqi,19px);line-height:1.6;color:var(--ink2);text-align:right;text-wrap:pretty}.h4-article .nav{position:relative;z-index:20}.h4-article .nav .wrap{display:flex;align-items:center;gap:36px;min-height:76px}.h4-article .nav .logo img{width:104px;filter:brightness(0);opacity:.78}.h4-article .nav ul{display:flex;gap:28px;margin-inline-start:auto;font-size:15px;color:var(--ink2)}.h4-article .nav ul a:hover{color:var(--blue)}.h4-article .nav ul a[aria-current]{color:var(--ink);box-shadow:0 1px 0 var(--temp)}.h4-article .nav .btn{min-height:40px;padding:8px 20px;font-size:14.5px;border-radius:10px}.h4-article .menu{display:none;position:relative}.h4-article .menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:10px;font-size:14.5px;box-shadow:inset 0 0 0 1px var(--line2)}.h4-article .menu summary::-webkit-details-marker{display:none}.h4-article .menu ul{position:absolute;inset-inline-end:0;top:calc(100% + 8px);display:grid;gap:2px;min-width:210px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 48px -28px #24313b59;margin:0}.h4-article .menu ul a{display:block;padding:10px 12px;border-radius:8px}.h4-article .menu ul a:hover{background:var(--wash)}.h4-article .crumbs{font-family:var(--fm)!important;font-size:12px;color:var(--mute)}.h4-article .crumbs ol{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.h4-article .crumbs li+li:before{content:"/";margin-inline-end:10px;color:var(--line2)}.h4-article .crumbs a{display:inline-block;padding-block:6px;border-bottom:1px solid transparent}.h4-article .crumbs a:hover{color:var(--blue)}.h4-article .tag{display:inline-flex;align-items:center;min-height:30px;padding:4px 12px;border-radius:10px;background:var(--blue-t);color:#1f4fa8;font-size:13px;font-weight:500;line-height:1.2}.h4-article a.tag:hover{background:#d5e1f5}.h4-article .pc{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:16px;overflow:clip;background:var(--card);border:1px solid var(--line);box-shadow:0 30px 60px -48px #24313b66}.h4-article .pc:hover{border-color:var(--line2);box-shadow:0 34px 60px -40px #24313b80}.h4-article .pc .ph{display:block;aspect-ratio:1200/628;overflow:clip;background:#dde5eb}.h4-article .pc .ph img{width:100%;height:100%;object-fit:cover}.h4-article .pc:hover .ph img{transform:scale(1.025)}.h4-article .pc .bd{display:flex;flex-direction:column;gap:10px;flex:1;padding:18px 20px 20px}.h4-article .pc .cat{font-family:var(--fm)!important;font-weight:500;font-size:11.5px;letter-spacing:.05em;color:#2c7fb5}.h4-article .pc h3{font-family:var(--fh)!important;font-weight:700;font-size:clamp(28px,2.7cqi,33px);line-height:1;letter-spacing:-.005em;text-wrap:balance;color:var(--ink)}.h4-article .pc h3 a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.h4-article .pc h3 a:focus-visible{outline:0}.h4-article .pc:has(h3 a:focus-visible){outline:2px solid var(--blue);outline-offset:3px}.h4-article .pc:hover h3{color:var(--blue)}.h4-article .pc .ex{font-size:15.5px;line-height:1.6;color:var(--ink2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.h4-article .pc .mt{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--fm)!important;font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums}.h4-article .buy .wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;text-align:center}.h4-article .buy p{font-size:15.5px;line-height:1.5;color:var(--ink2);max-width:60ch}.h4-article .buy .tr{flex-basis:100%;max-width:none;font-size:13px;color:var(--mute)}.h4-article .dusk{height:clamp(220px,26cqi,340px);background:linear-gradient(180deg,var(--bg) 0%,#E7EDF1 16%,#C3CED7 36%,#7C8C99 58%,#33424F 82%,var(--dark) 100%)}.h4-article footer.foot{position:relative;display:block;margin-top:0;border-top:0;background:var(--dark);color:#c4cfd8;padding-block:clamp(24px,4cqi,48px) 40px;overflow:clip;text-align:center}.h4-article .foot:before{content:"";position:absolute;inset-inline-start:-10%;top:-40%;width:60%;height:120%;background:radial-gradient(closest-side,#8fd0f51f,#8fd0f500);pointer-events:none}.h4-article .foot .wrap{position:relative}.h4-article .foot .sign{font-family:var(--fh)!important;font-weight:700;font-size:clamp(60px,8.4cqi,116px);line-height:.88;letter-spacing:-.01em;color:#eef3f6;max-width:14ch;margin-inline:auto;text-wrap:balance}.h4-article .foot .sign span{display:block;color:var(--temp-d)}.h4-article .foot .row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 40px;margin-top:clamp(56px,7cqi,96px);padding-top:24px;border-top:1px solid rgba(196,207,216,.16)}.h4-article .foot .row img{width:88px;opacity:.92}.h4-article .foot ul{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:14.5px}.h4-article .foot ul a:hover{color:#fff}.h4-article .foot .by{margin-inline-start:auto;font-size:12.5px;color:#8d9ba6;font-family:var(--fm)!important}.h4-article .foot .by time{display:inline-block;white-space:nowrap}.h4-article .foot a:focus-visible{outline-color:var(--temp-d)}.h4-article .hero{padding:8px 16px 0}.h4-article .hero .card{position:relative;max-width:1400px;margin-inline:auto;border-radius:12px;overflow:clip;padding:clamp(28px,4cqi,56px) clamp(20px,5.5cqi,88px) clamp(32px,4.4cqi,64px);background:radial-gradient(60% 70% at 24% 30%,#f1f5f8,#f1f5f800 70%),linear-gradient(180deg,#D5DFE8 0%,#DFE7EE 48%,#EAF0F4 80%,var(--bg) 100%)}.h4-article .hero .card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(36,49,59,.05) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(0deg,rgba(36,49,59,.05) 1px,transparent 1px) 0 0/64px 64px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%);pointer-events:none}.h4-article .hero .in{position:relative;z-index:2;max-width:1002px;margin-inline:auto}.h4-article .hero .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(18px,2.6cqi,36px)}.h4-article .hero h1{margin-block:16px 22px;font-size:clamp(52px,6.4cqi,88px);line-height:.92;max-width:20ch}.h4-article .meta{display:flex;flex-wrap:wrap;gap:6px 0;font-size:14.5px;color:var(--ink2)}.h4-article .meta li+li:before{content:"\b7";margin-inline:12px;color:var(--line2)}.h4-article .meta .n{font-size:13.5px}.h4-article .meta a{position:relative;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--line2)}.h4-article .meta a:hover{color:var(--blue);text-decoration-color:currentColor}.h4-article .hfig{position:relative;z-index:2;max-width:1002px;margin:clamp(24px,3.4cqi,44px) auto 0}.h4-article .hfig img{width:100%;border-radius:12px;box-shadow:0 0 0 1px #24313b14,0 34px 60px -40px #24313b8c}.h4-article figcaption{margin-top:10px;font-size:14px;line-height:1.55;color:var(--mute)}.h4-article .lay{max-width:1130px;margin-inline:auto;padding-inline:clamp(16px,5cqi,64px);padding-top:clamp(36px,5cqi,64px);display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:clamp(32px,5cqi,72px);justify-content:space-between;align-items:start}.h4-article .lay>.main{min-width:0;max-width:660px}.h4-article .toc{position:sticky;top:24px;padding:18px 18px 12px;border-radius:14px;max-height:calc(100vh - 48px);overflow:auto}.h4-article .toc .eye{display:block;margin-bottom:8px}.h4-article .toc ol,.h4-article .toc-m ol{counter-reset:t}.h4-article .toc li,.h4-article .toc-m li{counter-increment:t;border-top:1px solid var(--line)}.h4-article .toc a,.h4-article .toc-m a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;padding:9px 0;font-size:14.5px;line-height:1.4;color:var(--ink2)}.h4-article .toc a:before,.h4-article .toc-m a:before{content:counter(t,decimal-leading-zero);font-family:var(--fm)!important;font-size:11px;color:var(--temp);padding-top:3px}.h4-article .toc a:hover,.h4-article .toc-m a:hover{color:var(--blue)}.h4-article .toc-m{display:none;margin-top:22px;border:1px solid var(--line);border-radius:14px;background:var(--card);padding-inline:16px}.h4-article .toc-m summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:52px;font-weight:500}.h4-article .toc-m summary::-webkit-details-marker{display:none}.h4-article .toc-m summary:after{content:"+";font-family:var(--fm)!important;font-size:20px;color:var(--blue)}.h4-article .toc-m[open] summary:after{content:"\2212"}.h4-article .toc-m a{padding:13px 0;font-size:15.5px}.h4-article .ans{padding:clamp(20px,2.8cqi,30px);border-radius:16px;background:linear-gradient(180deg,#fff,#fafbfccc);border:1px solid #C9D6E0;border-inline-start:3px solid var(--blue);box-shadow:0 30px 60px -48px #24313b66}.h4-article .ans .eye{display:block;margin-bottom:10px;color:var(--blue)}.h4-article .ans p{font-size:19px;line-height:1.7;color:var(--ink)}.h4-article .ans strong{font-weight:500}.h4-article .body{font-size:18px;line-height:1.7;color:var(--ink2);overflow-wrap:break-word}.h4-article .body>*+*{margin-top:1.05em}.h4-article .body h2{font-family:var(--fh)!important;font-weight:700;font-size:clamp(38px,3.9cqi,48px);line-height:1;letter-spacing:-.005em;color:var(--ink);text-wrap:balance;margin-top:1.5em;padding-top:.5em;border-top:1px solid var(--line);scroll-margin-top:20px}.h4-article .body h3{font-family:var(--fh)!important;font-weight:700;font-size:clamp(30px,3cqi,36px);line-height:1.02;color:var(--ink);margin-top:1.3em;scroll-margin-top:20px}.h4-article .body h2+*,.h4-article .body h3+*{margin-top:.7em}.h4-article .body strong{font-weight:500;color:var(--ink)}.h4-article .body a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:#2f6bdb73}.h4-article .body a:hover{color:var(--blue-h);text-decoration-color:currentColor}.h4-article .body ul,.h4-article .body ol{display:grid;gap:.6em}.h4-article .body ul>li{position:relative;padding-inline-start:26px}.h4-article .body ul>li:before{content:"";position:absolute;inset-inline-start:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--temp);box-shadow:0 0 0 4px #4da3d929}.h4-article .body ol{counter-reset:o}.h4-article .body ol>li{position:relative;padding-inline-start:38px;counter-increment:o}.h4-article .body ol>li:before{content:counter(o,decimal-leading-zero);position:absolute;inset-inline-start:0;top:.32em;font-family:var(--fm)!important;font-size:13px;font-weight:500;color:var(--blue)}.h4-article .body ul.check>li{padding:12px 14px;padding-inline-start:44px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.h4-article .body ul.check{gap:8px}.h4-article .body ul.check>li:before{inset-inline-start:14px;top:1em;width:16px;height:16px;border-radius:5px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--line2)}.h4-article .body .srcl{font-family:var(--fm)!important;font-size:13px;line-height:1.6;color:var(--mute)}.h4-article .body hr{border:0;border-top:1px solid var(--line);margin-block:2em}.h4-article .body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:16px;line-height:1.5;border:1px solid var(--line);border-radius:12px;background:var(--card)}.h4-article .body th,.h4-article .body td{padding:12px 14px;text-align:start;vertical-align:top;border-bottom:1px solid var(--line);min-width:120px}.h4-article .body th{font-weight:500;color:var(--ink);background:var(--wash)}.h4-article .body tr:last-child td{border-bottom:0}.h4-article .body caption{caption-side:top;text-align:start;padding:0 0 8px;font-size:14px;color:var(--mute)}.h4-article .body blockquote,.h4-article .body .pull{margin-block:1.6em;padding-inline-start:24px;border-inline-start:2px solid var(--temp);font-size:clamp(21px,2.3cqi,26px);line-height:1.55;color:var(--ink);text-wrap:pretty}.h4-article .body figure img{width:100%;border-radius:12px}.h4-article .note{margin-block:1.5em;padding:18px 20px;border-radius:14px;background:var(--card);border:1px solid var(--line);border-inline-start:3px solid var(--temp)}.h4-article .note .eye{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#2c7fb5}.h4-article .note .eye:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.h4-article .note p{font-size:17px;line-height:1.7}.h4-article .note.warn{background:var(--wash);border-color:var(--line2);border-inline-start-color:var(--ink)}.h4-article .note.warn .eye{color:var(--ink)}.h4-article .note.warn .eye:before{border-radius:2px;transform:rotate(45deg)}.h4-article .note.know{background:#edf2fb;border-color:#cbd9f2;border-inline-start-color:var(--blue)}.h4-article .note.know .eye{color:#1f4fa8}.h4-article .note.know .eye:before{border-radius:2px}.h4-article .qs{border-top:1px solid var(--line2)}.h4-article .qs details{border-bottom:1px solid var(--line)}.h4-article .qs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:18px 0;font-size:18px;font-weight:500;line-height:1.45;color:var(--ink)}.h4-article .qs summary::-webkit-details-marker{display:none}.h4-article .qs summary:after{content:"+";flex:none;font-family:var(--fm)!important;font-weight:400;font-size:20px;line-height:1;color:var(--blue)}.h4-article .qs details[open] summary:after{content:"\2212"}.h4-article .qs summary:hover{color:var(--blue)}.h4-article .qs details p{padding:0 0 22px;font-size:17px;line-height:1.7}.h4-article .prod{margin-block:1.6em;display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 22px;align-items:center;padding:20px 22px}.h4-article .prod .pi{grid-row:1/3;display:block;aspect-ratio:1/1}.h4-article .prod .pi img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(36,49,59,.18))}.h4-article .prod p{font-size:16.5px;line-height:1.65}.h4-article .prod .ctas{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.h4-article .body .prod a.btn{color:#fff;text-decoration:none}.h4-article .prod .ctas .rate{flex-basis:100%;font-size:14.5px;line-height:1.5}.h4-article .prod .ctas>a:not(.btn){order:2}.h4-article .body .prod .rate a{color:var(--ink)}.h4-article .srcbox{margin-top:2.4em;padding:22px 22px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);scroll-margin-top:20px}.h4-article .srcbox h2{border:0;padding:0;margin:0;font-size:clamp(32px,3.2cqi,38px)}.h4-article .srcbox ol{margin-top:12px;gap:0}.h4-article .srcbox ol>li{padding-block:12px;border-top:1px solid var(--line);font-size:16px;line-height:1.55}.h4-article .srcbox ol>li:before{top:1.05em}.h4-article .srcbox .wh{display:block;font-size:13.5px;color:var(--mute)}.h4-article .disc{margin-top:1.4em;padding:20px 22px;border-radius:14px;background:var(--wash);border:1px solid var(--line2)}.h4-article .disc .eye{display:block;margin-bottom:8px;color:var(--ink)}.h4-article .disc p{font-size:14.5px;line-height:1.7;color:var(--ink2)}.h4-article .disc p+p{margin-top:10px}.h4-article .disc strong{font-weight:500;color:var(--ink)}.h4-article .back{margin-top:1.8em;font-size:16px}.h4-article .rel{padding-top:var(--gap);padding-bottom:calc(var(--gap) * .5)}.h4-article .rel .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2cqi,24px)}.h4-article .buy{padding-bottom:clamp(48px,6cqi,88px)}@container h4r (max-width:980px){.h4-article .nav ul{display:none}.h4-article .nav .btn{margin-inline-start:auto}.h4-article .menu{display:block}.h4-article .menu ul{display:grid}.h4-article .lay{grid-template-columns:minmax(0,1fr)}.h4-article .lay>.main{margin-inline:auto;width:100%}.h4-article .lay>.toc{display:none}.h4-article .toc-m{display:block}.h4-article .rel .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container h4r (max-width:820px){.h4-article>*{--gap:64px}.h4-article .nav .wrap{gap:12px}.h4-article .btn.btn-sm,.h4-article .nav .btn,.h4-article .menu summary{min-height:44px}.h4-article .lnk{position:relative}.h4-article .lnk:after{content:"";position:absolute;top:-9px;right:-4px;bottom:-9px;left:-4px}.h4-article .crumbs a{padding-block:12px}.h4-article .meta a:after{content:"";position:absolute;top:-11px;right:-8px;bottom:-11px;left:-8px}.h4-article .nav .logo{display:inline-flex;align-items:center;min-height:44px}.h4-article .h-l{font-size:clamp(44px,12cqi,58px)}.h4-article .h-q{font-size:clamp(38px,10.6cqi,48px)}.h4-article .buy p{font-size:14.5px}.h4-article .foot ul{gap:0 22px;justify-content:center}.h4-article .foot ul a{display:inline-block;padding-block:12px}.h4-article .foot .by{margin-inline-start:0;width:100%}.h4-article .hero{padding:4px 8px 0}.h4-article .hero .card{padding:16px 16px 28px}.h4-article .hero h1{font-size:clamp(44px,12.4cqi,58px);margin-block:14px 18px}.h4-article .hero .tags .tag{min-height:44px}.h4-article .lay{padding-top:28px}.h4-article .body h2{font-size:clamp(36px,10cqi,42px)}.h4-article .body a{padding-block:6px}.h4-article .body .srcl a,.h4-article .srcbox a{display:inline-block;padding-block:13px}.h4-article .qs summary{min-height:56px}.h4-article .prod{grid-template-columns:96px minmax(0,1fr);padding:16px}.h4-article .prod .pi{grid-row:auto;align-self:start}.h4-article .prod .ctas{grid-column:1/-1}.h4-article .prod .ctas .btn{width:100%;min-height:52px}.h4-article .back .lnk{display:inline-flex;min-height:44px}}@container h4r (max-width:760px){.h4-article>article{display:flex;flex-direction:column}.h4-article .hero,.h4-article .hero .card,.h4-article .lay,.h4-article .lay>.main{display:contents}.h4-article .hero .card:before{content:none}.h4-article .hero .in{order:1;max-width:none;margin:4px 8px 0;padding:16px 16px 28px;border-radius:12px;overflow:clip;background:radial-gradient(60% 70% at 24% 30%,#f1f5f8,#f1f5f800 70%),linear-gradient(180deg,#D5DFE8 0%,#DFE7EE 48%,#EAF0F4 80%,var(--bg) 100%)}.h4-article .hero .in:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(36,49,59,.05) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(0deg,rgba(36,49,59,.05) 1px,transparent 1px) 0 0/64px 64px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%);pointer-events:none}.h4-article .lay>.main>*{order:4;margin-inline:max(clamp(16px,5cqi,64px),calc(50% - 330px))}.h4-article .lay>.main>.ans{order:2;margin-top:4px}.h4-article .hfig{order:3;max-width:none;margin:22px max(clamp(16px,5cqi,64px),calc(50% - 330px)) 0}}@container h4r (max-width:620px){.h4-article .rel .grid{grid-template-columns:minmax(0,1fr)}.h4-article .pc h3{font-size:30px}}@keyframes h4r-rise{0%{opacity:0;transform:translateY(24px)}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.h4-article :is(.prod,.srcbox,.disc,.sec-h,.rel .pc,.buy .wrap,.foot .sign){animation:h4r-rise linear backwards;animation-timeline:view();animation-range:entry 0% entry 200px}@container h4r (max-width:820px){.h4-article :is(.prod,.srcbox,.disc,.sec-h,.rel .pc,.buy .wrap,.foot .sign){animation-range:entry 0% entry 150px}}}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/h4-article.css.map */