/* ww-skin.css WW_SKIN_V2 v=20261011a by build/skin/make-skin.py */

:root{
--paper:#FEF0E4;--sheet:#FFFCF8;--sheet2:#FFF6EC;--wool:#F1DFCB;--wool2:#E4CDB3;
--ink:#1E1612;--ink2:#3B2F28;--mute:#6A5B50;--line:#EBD8C4;--line2:#D8BFA5;
--ember:#93200F;--ember2:#761708;--amber:#E9A860;--amber2:#F8DDB8;
--tag:#F8DDB8;--plate:#FFFAF2;
--night:#2A1B12;--onnight:#FBEBDA;--onnight2:#D8C2AB;
--disp:Fraunces,Fraunces FB,Georgia,serif;
--text:Literata,Literata FB,Literata FBL,Georgia,serif;
--ui:Open Sans,Open Sans FB,Open Sans FBL,Arial,sans-serif;
--lbl:500 var(--f2)/1.25 var(--disp);
--f1:14px;--f2:16px;--f3:18px;--f4:20px;--f5:24px;--f6:30px;--f7:34px;--f8:46px;--f9:62px;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;
--wrap:1128px;--gut:24px;--r:4px;
--sg:linear-gradient(var(--sheet),var(--sheet2));--kg:linear-gradient(#A32712,var(--ember));--wk:url(/img/ww/wool-512.webp) 0 0/256px auto;--ng:linear-gradient(var(--wool),#F7E8D6);--ks:inset 0 1px 0 rgba(255,255,255,.22),0 8px 16px -8px rgba(118,23,8,.75);
--lift:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(74,40,16,.1),0 18px 38px -18px rgba(74,40,16,.36);
--lift2:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(74,40,16,.09),0 10px 22px -12px rgba(74,40,16,.28);
}
@media (max-width:599px){
:root{--f5:22px;--f6:26px;--f7:28px;--f8:36px;--f9:34px;--gut:16px}
}
@font-face{font-family:Fraunces;font-weight:400 700;font-display:swap;src:url(/fonts/ww/ww-fraunces-71787e2e33.woff2);unicode-range:U+20-17F,U+218-21B,U+2C6-2DC,U+2010-2044,U+20AC,U+2122,U+2212-2215}
@font-face{font-family:Fraunces;font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/ww/ww-fraunces-italic-642fa6a263.woff2);unicode-range:U+20-17F,U+218-21B,U+2C6-2DC,U+2010-2044,U+20AC,U+2122,U+2212-2215}
@font-face{font-family:Literata;font-weight:400 700;font-display:swap;src:url(/fonts/ww/ww-literata-05b9b72ceb.woff2);unicode-range:U+20-17F,U+218-21B,U+2C6-2DC,U+2010-2044,U+20AC,U+2122,U+2212-2215}
@font-face{font-family:Literata;font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/ww/ww-literata-italic-6177a0a7b2.woff2);unicode-range:U+20-17F,U+218-21B,U+2C6-2DC,U+2010-2044,U+20AC,U+2122,U+2212-2215}
@font-face{font-family:Literata;font-weight:400 700;font-display:swap;src:url(/fonts/ww/ww-literata-cyr-2f54087f45.woff2);unicode-range:U+400-45F,U+490-491,U+2116}
@font-face{font-family:Literata;font-weight:400 700;font-display:swap;src:url(/fonts/ww/ww-literata-grk-bfa9e9041f.woff2);unicode-range:U+37E,U+384-38A,U+38C,U+38E-3A1,U+3A3-3CE}
@font-face{font-family:Open Sans;font-weight:400 700;font-display:swap;src:url(/fonts/ww/ww-opensans-1d59d26cfb.woff2);unicode-range:U+20-17F,U+218-21B,U+2C6-2DC,U+2010-2044,U+20AC,U+2122,U+2212-2215}
@font-face{font-family:Open Sans;font-weight:400 700;font-display:swap;src:url(/fonts/ww/ww-opensans-cyr-c0be3a6a05.woff2);unicode-range:U+400-45F,U+490-491,U+2116}
@font-face{font-family:Open Sans;font-weight:400 700;font-display:swap;src:url(/fonts/ww/ww-opensans-grk-f4f7aa4ef3.woff2);unicode-range:U+37E,U+384-38A,U+38C,U+38E-3A1,U+3A3-3CE}
@font-face{font-family:Open Sans;font-weight:400 700;font-display:swap;src:url(/fonts/ww/ww-opensans-heb-58592ce639.woff2);unicode-range:U+5B0-5C7,U+5D0-5EA,U+5F0-5F4,U+20AA,U+FB1D-FB4F}
@font-face{font-family:Frank Ruhl Libre;font-weight:400 700;font-display:swap;src:url(/fonts/ww/ww-frankruhl-heb-f4da4b536a.woff2);unicode-range:U+20-7E,U+5B0-5C7,U+5D0-5EA,U+5F0-5F4,U+20AA,U+FB1D-FB4F}
@font-face{font-family:Fraunces FB;font-weight:400 500;src:local(Arial),local(Liberation Sans);size-adjust:104.7%;ascent-override:93.5%;descent-override:24.4%}
@font-face{font-family:Fraunces FB;font-style:italic;font-weight:400 500;src:local(Arial Italic),local(Liberation Sans Italic);size-adjust:101.2%;ascent-override:96.7%;descent-override:25.2%}
@font-face{font-family:Literata FB;font-weight:400 500;src:local(Arial);size-adjust:105.9%;ascent-override:111.1%;descent-override:29.1%}
@font-face{font-family:Literata FBL;font-weight:400 500;src:local(Liberation Sans);size-adjust:109.9%;ascent-override:107.1%;descent-override:28%}
@font-face{font-family:Literata FB;font-weight:600 700;src:local(Arial Bold);size-adjust:105%;ascent-override:112.1%;descent-override:29.3%}
@font-face{font-family:Literata FBL;font-weight:600 700;src:local(Liberation Sans Bold);size-adjust:109.8%;ascent-override:107.2%;descent-override:28.1%}
@font-face{font-family:Literata FB;font-style:italic;font-weight:400 500;src:local(Arial Italic),local(Liberation Sans Italic);size-adjust:99.9%;ascent-override:117.8%;descent-override:30.8%}
@font-face{font-family:Literata FB;font-weight:400 500;src:local(Arial);unicode-range:U+400-45F,U+490-491,U+2116;size-adjust:106.4%;ascent-override:110.6%;descent-override:28.9%}
@font-face{font-family:Literata FBL;font-weight:400 500;src:local(Liberation Sans);unicode-range:U+400-45F,U+490-491,U+2116;size-adjust:107.6%;ascent-override:109.4%;descent-override:28.6%}
@font-face{font-family:Literata FB;font-weight:600 700;src:local(Arial Bold);unicode-range:U+400-45F,U+490-491,U+2116;size-adjust:103.4%;ascent-override:113.8%;descent-override:29.8%}
@font-face{font-family:Literata FBL;font-weight:600 700;src:local(Liberation Sans Bold);unicode-range:U+400-45F,U+490-491,U+2116;size-adjust:105.5%;ascent-override:111.6%;descent-override:29.2%}
@font-face{font-family:Literata FB;font-weight:400 500;src:local(Arial);unicode-range:U+37E,U+384-38A,U+38C,U+38E-3A1,U+3A3-3CE;size-adjust:104.2%;ascent-override:112.9%;descent-override:29.5%}
@font-face{font-family:Literata FBL;font-weight:400 500;src:local(Liberation Sans);unicode-range:U+37E,U+384-38A,U+38C,U+38E-3A1,U+3A3-3CE;size-adjust:103.7%;ascent-override:113.5%;descent-override:29.7%}
@font-face{font-family:Literata FB;font-weight:600 700;src:local(Arial Bold);unicode-range:U+37E,U+384-38A,U+38C,U+38E-3A1,U+3A3-3CE;size-adjust:101.5%;ascent-override:115.9%;descent-override:30.3%}
@font-face{font-family:Literata FBL;font-weight:600 700;src:local(Liberation Sans Bold);unicode-range:U+37E,U+384-38A,U+38C,U+38E-3A1,U+3A3-3CE;size-adjust:102.5%;ascent-override:114.8%;descent-override:30%}
@font-face{font-family:Open Sans FB;font-weight:400 500;src:local(Arial);size-adjust:104.3%;ascent-override:102.5%;descent-override:28.1%}
@font-face{font-family:Open Sans FBL;font-weight:400 500;src:local(Liberation Sans),local(Roboto),local(Roboto Regular),local(Roboto-Regular);size-adjust:103.8%;ascent-override:103%;descent-override:28.2%}
@font-face{font-family:Open Sans FB;font-weight:600 800;src:local(Arial Bold);size-adjust:104.4%;ascent-override:102.4%;descent-override:28.1%}
@font-face{font-family:Open Sans FBL;font-weight:600 800;src:local(Liberation Sans Bold),local(Roboto Bold),local(Roboto-Bold);size-adjust:103.9%;ascent-override:102.8%;descent-override:28.2%}
@font-face{font-family:Open Sans FB;font-weight:400 500;src:local(Arial);unicode-range:U+590-5FF,U+200C-2010,U+20AA,U+FB1D-FB4F;size-adjust:100.1%;ascent-override:106.8%;descent-override:29.3%}
@font-face{font-family:Open Sans FBL;font-weight:400 500;src:local(Liberation Sans),local(Noto Sans Hebrew),local(Noto Sans Hebrew Regular),local(NotoSansHebrew-Regular);unicode-range:U+590-5FF,U+200C-2010,U+20AA,U+FB1D-FB4F;size-adjust:92%;ascent-override:116.2%;descent-override:31.9%}
@font-face{font-family:Open Sans FB;font-weight:600 800;src:local(Arial Bold);unicode-range:U+590-5FF,U+200C-2010,U+20AA,U+FB1D-FB4F;size-adjust:104.4%;ascent-override:102.3%;descent-override:28%}
@font-face{font-family:Open Sans FBL;font-weight:600 800;src:local(Liberation Sans Bold),local(Noto Sans Hebrew Bold),local(NotoSansHebrew-Bold);unicode-range:U+590-5FF,U+200C-2010,U+20AA,U+FB1D-FB4F;size-adjust:96.6%;ascent-override:110.7%;descent-override:30.3%}
@font-face{font-family:Open Sans FB;font-weight:400 500;src:local(Arial);unicode-range:U+400-45F,U+490-491,U+2116;size-adjust:104.6%;ascent-override:102.2%;descent-override:28%}
@font-face{font-family:Open Sans FBL;font-weight:400 500;src:local(Liberation Sans);unicode-range:U+400-45F,U+490-491,U+2116;size-adjust:107.9%;ascent-override:99.1%;descent-override:27.2%}
@font-face{font-family:Open Sans FB;font-weight:600 800;src:local(Arial Bold);unicode-range:U+400-45F,U+490-491,U+2116;size-adjust:106.9%;ascent-override:100%;descent-override:27.4%}
@font-face{font-family:Open Sans FBL;font-weight:600 800;src:local(Liberation Sans Bold);unicode-range:U+400-45F,U+490-491,U+2116;size-adjust:112%;ascent-override:95.4%;descent-override:26.1%}
@font-face{font-family:Open Sans FB;font-weight:400 500;src:local(Arial);unicode-range:U+37E,U+384-38A,U+38C,U+38E-3A1,U+3A3-3CE;size-adjust:106.3%;ascent-override:100.5%;descent-override:27.6%}
@font-face{font-family:Open Sans FBL;font-weight:400 500;src:local(Liberation Sans);unicode-range:U+37E,U+384-38A,U+38C,U+38E-3A1,U+3A3-3CE;size-adjust:108.7%;ascent-override:98.3%;descent-override:26.9%}
@font-face{font-family:Open Sans FB;font-weight:600 800;src:local(Arial Bold);unicode-range:U+37E,U+384-38A,U+38C,U+38E-3A1,U+3A3-3CE;size-adjust:107.5%;ascent-override:99.4%;descent-override:27.3%}
@font-face{font-family:Open Sans FBL;font-weight:600 800;src:local(Liberation Sans Bold);unicode-range:U+37E,U+384-38A,U+38C,U+38E-3A1,U+3A3-3CE;size-adjust:111.2%;ascent-override:96.1%;descent-override:26.3%}
@font-face{font-family:Frank Ruhl FB;font-weight:400 500;src:local(Arial);size-adjust:95.1%;ascent-override:100.6%;descent-override:35.1%}
@font-face{font-family:Frank Ruhl FBL;font-weight:400 500;src:local(Liberation Sans);size-adjust:92.8%;ascent-override:103.1%;descent-override:36%}
@font-face{font-family:Frank Ruhl FB;font-weight:600 700;src:local(Arial Bold);size-adjust:96.2%;ascent-override:99.5%;descent-override:34.7%}
@font-face{font-family:Frank Ruhl FBL;font-weight:600 700;src:local(Liberation Sans Bold);size-adjust:97.5%;ascent-override:98.1%;descent-override:34.2%}
@font-face{font-family:Frank Ruhl FB;font-weight:400 500;src:local(Arial);unicode-range:U+590-5FF,U+200C-2010,U+20AA,U+FB1D-FB4F;size-adjust:92.7%;ascent-override:103.2%;descent-override:36%}
@font-face{font-family:Frank Ruhl FBL;font-weight:400 500;src:local(Liberation Sans),local(Noto Sans Hebrew),local(Noto Sans Hebrew Regular),local(NotoSansHebrew-Regular);unicode-range:U+590-5FF,U+200C-2010,U+20AA,U+FB1D-FB4F;size-adjust:84.8%;ascent-override:112.9%;descent-override:39.4%}
@font-face{font-family:Frank Ruhl FB;font-weight:600 700;src:local(Arial Bold);unicode-range:U+590-5FF,U+200C-2010,U+20AA,U+FB1D-FB4F;size-adjust:92.9%;ascent-override:103.1%;descent-override:36%}
@font-face{font-family:Frank Ruhl FBL;font-weight:600 700;src:local(Liberation Sans Bold),local(Noto Sans Hebrew Bold),local(NotoSansHebrew-Bold);unicode-range:U+590-5FF,U+200C-2010,U+20AA,U+FB1D-FB4F;size-adjust:84.5%;ascent-override:113.2%;descent-override:39.5%}
html:lang(he){--disp:Frank Ruhl Libre,Fraunces,Frank Ruhl FB,Frank Ruhl FBL,Arial,sans-serif;--text:Frank Ruhl Libre,Literata,Frank Ruhl FB,Frank Ruhl FBL,Arial,sans-serif}
html:is(:lang(bg),:lang(el)){--disp:Literata,Literata FB,Literata FBL,Georgia,serif;--lbl:600 var(--f2)/1.25 var(--text)}
html:is(:lang(bg),:lang(el)) :is(h1,h2,h3,.price-now,.score-num,.o-name,.r-name,.bname,.bnow,.sc,.strip .sec a,span.badge){font-weight:600;font-style:normal}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;font-synthesis:none}
body{margin:0;color:var(--ink2);font:400 var(--f3)/1.6 var(--text);font-optical-sizing:auto;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
background:radial-gradient(1200px 560px at 12% -180px,#FFFAF3 0,rgba(255,250,243,0) 72%) no-repeat var(--paper);overflow-wrap:break-word}
[dir=rtl] body{background-position:100% 0}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
b,strong{font-weight:700;color:var(--ink)}
bdi{unicode-bidi:isolate}
.wrap{max-width:calc(var(--wrap) + 2 * var(--gut));margin-inline:auto;padding-inline:var(--gut)}
svg.sym{position:absolute;width:0;height:0;overflow:hidden}   
.sr,#main .lists h4.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}   
.skip{position:absolute;inset-inline-start:8px;top:-80px;z-index:100;background:var(--ink);color:var(--sheet);min-height:44px;display:inline-flex;align-items:center;padding:0 16px;font:700 var(--f2)/1 var(--ui);border-radius:var(--r)}
.skip:focus{top:8px}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:2px}
@media (prefers-reduced-motion:reduce){html:not(#rm):not(#rmx),html:not(#rm):not(#rmx) *,html:not(#rm):not(#rmx) *::before,html:not(#rm):not(#rmx) *::after{transition:none;animation:none;scroll-behavior:auto}}
p a,:is(.lg,.a,.doc,.presale-body) li a,:is(h1,h2,h3,h4) a{padding-block:12px;margin-block:-12px}
:root{
--tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.5 10.5l4.5 4.5 8.5-9' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 5.5l9 9M14.5 5.5l-9 9' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
svg.ic{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
svg.ic-tick{width:16px;height:16px;stroke-width:2.4}
.brand{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;direction:ltr}
.brand img.lockup{display:block;width:auto;height:34px;max-width:none}
@media (max-width:599px){.brand img.lockup{height:28px}}
.nb{white-space:nowrap}
#main h2{margin:0;font:500 var(--f6)/1.14 var(--disp);letter-spacing:-.014em;color:var(--ink);text-wrap:balance}
html:lang(he) #main h2{letter-spacing:0;line-height:1.22}
#main h2::before{content:"";display:block;width:28px;height:3px;margin-bottom:8px;border-radius:2px;background:var(--amber)}
#main :is(ul.ticks,ul.crosses){list-style:none;margin:0;padding:0}
#main :is(ul.ticks,ul.crosses)>li{position:relative;display:block;margin:0;padding-block:5px;padding-inline-start:28px;font:400 var(--f2)/1.45 var(--ui);color:var(--ink2);break-inside:avoid}
#main :is(ul.ticks,ul.crosses)>li::before{content:"";position:absolute;inset-inline-start:0;top:7px;width:18px;height:18px;background:var(--ink);-webkit-mask:var(--tick) center/contain no-repeat;mask:var(--tick) center/contain no-repeat}
#main ul.crosses>li{color:var(--mute)}
#main ul.crosses>li::before{background:var(--mute);-webkit-mask-image:var(--cross);mask-image:var(--cross)}
#main :is(ul.ticks,ul.crosses)>li b{font-weight:700;color:var(--ink)}
#main .listing-rank{display:grid;place-items:end center;flex:none;width:34px;height:38px;padding:0 0 3px;border-radius:17px 17px 3px 3px;background:var(--ink);color:var(--sheet);font:500 var(--f4)/1 var(--disp);font-variant-numeric:lining-nums}
#main li.row .listing-rank{background:none;color:var(--ink);border:2.5px solid var(--ink);border-bottom:0;border-radius:17px 17px 0 0;padding-bottom:1px}
span.badge{padding:0;font:500 var(--f3)/1.2 var(--disp);font-style:italic;color:var(--ink)}
html:lang(he) span.badge{font-style:normal}
span.badge.line{color:var(--mute);font-size:var(--f2);overflow-wrap:anywhere}
@media (max-width:374px){span.badge.line{hyphens:auto;hyphenate-limit-chars:14 6 4}}
@media (max-width:413px){.w-top .badge{overflow-wrap:anywhere;hyphens:auto;hyphenate-limit-chars:14 6 4} #main .featured .w-top{margin-inline-end:-10px} .w-top .pos{flex-basis:100%}}
@media (max-width:374px){.w-top .badge{hyphenate-limit-chars:12 5 3}}
span.pos{font:700 var(--f1)/1.2 var(--ui);color:var(--mute);font-variant-numeric:tabular-nums;white-space:nowrap}
.meter{--mw:72px;--mh:68px;--mt:6px;display:block;flex:none;width:var(--mw);height:var(--mh);
background:conic-gradient(from 270deg at 50% 100%,var(--amber) calc(var(--v,0) * 180deg),var(--line2) 0 180deg,#0000 0);
-webkit-mask:radial-gradient(circle at 50% 100%,#0000 calc(var(--mw)/2 - var(--mt) - .5px),#000 calc(var(--mw)/2 - var(--mt)),#000 calc(var(--mw)/2 - .5px),#0000 calc(var(--mw)/2)) 0 0/100% calc(var(--mw)/2) no-repeat,linear-gradient(#000,#000) 0 100%/var(--mt) calc(100% - var(--mw)/2) no-repeat,linear-gradient(#000,#000) 100% 100%/var(--mt) calc(100% - var(--mw)/2) no-repeat;
mask:radial-gradient(circle at 50% 100%,#0000 calc(var(--mw)/2 - var(--mt) - .5px),#000 calc(var(--mw)/2 - var(--mt)),#000 calc(var(--mw)/2 - .5px),#0000 calc(var(--mw)/2)) 0 0/100% calc(var(--mw)/2) no-repeat,linear-gradient(#000,#000) 0 100%/var(--mt) calc(100% - var(--mw)/2) no-repeat,linear-gradient(#000,#000) 100% 100%/var(--mt) calc(100% - var(--mw)/2) no-repeat}
.meter svg{display:none}
div.score{display:grid;justify-items:center;align-items:end;grid-template-columns:auto}
div.score>.meter,div.score>.n{grid-area:1/1}
div.score>.n,.r-rating .rr .n{display:grid;justify-items:center;padding-bottom:2px;line-height:1}
.score-num,.r-rating .rr .n b{font:500 var(--f7)/1 var(--disp);color:var(--ink);font-variant-numeric:lining-nums tabular-nums}
.sc-of,.r-rating .rr .of{font:700 var(--f1)/1.15 var(--ui);color:var(--mute)}
.s-lbl,.rr-l,aside.rail .r-rating>.rr,.spec1 .label{font:var(--lbl);font-style:italic;color:var(--mute);white-space:nowrap}
html:is(:lang(he),:lang(bg),:lang(el)) :is(.s-lbl,.rr-l,.p-lbl,aside.rail .r-rating>.rr,.spec1 .label){font-style:normal}
.score-word{margin-top:6px;font:700 var(--f1)/1.2 var(--ui);color:var(--ink)}
div.score.sm .meter,:is(.p-offer,.p-pick) .r-rating .meter{--mw:60px;--mh:58px;--mt:5px}
div.score.sm .score-num,:is(.p-offer,.p-pick) .r-rating .rr .n b{font-size:var(--f5)}
aside.rail div.score.sm .meter{--mw:72px;--mh:68px;--mt:6px}
aside.rail div.score.sm .score-num{font-size:var(--f7)}
.well span.ph{display:grid;place-items:center;width:100%;height:100%;min-height:72px;padding:12px;font:500 var(--f2)/1.3 var(--disp);font-style:italic;color:var(--mute);text-align:center}
html:is(:lang(he),:lang(bg),:lang(el)) .well span.ph{font-style:normal}
.well.sq,.pick1 .well,.final-card .well,.c-well{display:grid;place-items:center;aspect-ratio:1/1.08;border-radius:999px 999px var(--r) var(--r);background:var(--ng);overflow:hidden}
.well.sq img,.pick1 .well img,.final-card .well img,.c-well img{width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply;margin:10% 0 0;border:0;border-radius:0;box-shadow:none}
:is(.well,.c-well) img:is([src*="/cut-moistrol-"],[src*="/cut-heattread-"]){mix-blend-mode:normal}
:is(.featured h3,.final-card h2,.pick1 h3,.r-name,.o-name){overflow-wrap:normal}
a.cta.btn,[data-cr-dr] #main a.btn[data-presale-cta],[data-cr-dr] aside.rail a.btn[data-presale-cta],aside.bar a.key{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;max-width:none;margin:0;padding:6px 24px;border:0;border-radius:var(--r);background:var(--kg);color:#fff;font:700 var(--f3)/1.15 var(--ui);letter-spacing:0;text-align:center;text-decoration:none;text-transform:none;text-wrap:balance;box-shadow:var(--ks);transition:background-color .15s ease}
a.cta.btn:hover,[data-cr-dr] #main a.btn[data-presale-cta]:hover:hover,[data-cr-dr] aside.rail a.btn[data-presale-cta]:hover,aside.bar a.key:hover{background:var(--ember2);color:#fff;transform:none}
a.cta.btn:active,[data-cr-dr] #main a.btn[data-presale-cta]:active,[data-cr-dr] aside.rail a.btn[data-presale-cta]:active,aside.bar a.key:active{background:var(--ember2);box-shadow:inset 0 2px 4px rgba(0,0,0,.25)}
a.cta.btn.big,[data-cr-dr] #main a.btn.big[data-presale-cta]{min-height:56px}
a.cta.btn.wide,a.cta.cta-block.btn,[data-cr-dr] #main a.btn.wide[data-presale-cta],[data-cr-dr] aside.rail a.btn.wide[data-presale-cta]{display:flex;width:100%}
a.cta.btn.sm{min-height:44px;padding-inline:16px;font-size:var(--f2)}
a.cta.btn svg.ic,[data-cr-dr] #main a.btn[data-presale-cta] svg.ic,[data-cr-dr] aside.rail a.btn[data-presale-cta] svg.ic,aside.bar a.key svg.ic{display:inline-block;width:14px;height:14px;max-width:none;max-height:none;stroke-width:2.4}
a.tlink,a.tkey,a.exit,a.cta.ghost,[data-cr-dr] #main a[data-presale-cta]:not(.btn){display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;background:none;border-radius:0;color:var(--ink);font:700 var(--f2)/1.2 var(--ui);text-align:start;text-decoration:underline;text-decoration-color:var(--amber);text-decoration-thickness:2px;text-underline-offset:5px}
a.tlink:hover,a.tkey:hover,[data-cr-dr] #main a[data-presale-cta]:not(.btn):hover{color:var(--ember);background:none;transform:none}
a.exit,a.cta.ghost{width:auto;color:var(--ink2);font-weight:600;text-decoration-color:var(--line2)}
a.exit:hover,a.cta.ghost:hover{color:var(--ink);text-decoration-color:var(--ink)}
.p-lbl,[data-cr-dr] #main .p-offer p.p-lbl,[data-cr-dr] aside.rail p.p-lbl{display:block;margin:0 0 5px;font:var(--lbl);font-style:italic;color:var(--mute)}
div.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:0}
:is(.buy,.fc-deal,.r-price,.p-offer,.p-pick) div.price{position:relative;isolation:isolate;display:inline-flex;justify-self:start;max-width:100%;padding-block:6px 7px;padding-inline:34px 16px;background:var(--ink);
clip-path:polygon(15px 0,100% 0,100% 100%,15px 100%,0 calc(100% - 15px),0 15px)}
:is(.buy,.fc-deal,.r-price,.p-offer,.p-pick) div.price::before{content:"";position:absolute;inset:1.5px;z-index:-1;background:var(--tag);
clip-path:polygon(14.1px 0,100% 0,100% 100%,14.1px 100%,0 calc(100% - 14.1px),0 14.1px)}
:is(.buy,.fc-deal,.r-price,.p-offer,.p-pick) div.price::after{content:"";position:absolute;inset-inline-start:13px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--sheet);box-shadow:inset 0 0 0 1.5px var(--ink)}
[dir=rtl] :is(.buy,.fc-deal,.r-price,.p-offer,.p-pick) div.price{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%)}
[dir=rtl] :is(.buy,.fc-deal,.r-price,.p-offer,.p-pick) div.price::before{clip-path:polygon(0 0,calc(100% - 14.1px) 0,100% 14.1px,100% calc(100% - 14.1px),calc(100% - 14.1px) 100%,0 100%)}
html:lang(he) div.price{gap:0 10px}
.price .price-now,.price .price-now bdi{font:500 var(--f8)/1.05 var(--disp);letter-spacing:-.01em;color:var(--ink);font-variant-numeric:lining-nums;white-space:nowrap}
.price .was,[data-cr-dr] #main .price .was{font:400 var(--f2)/1.2 var(--ui);color:var(--ink2);white-space:nowrap}
.price .was s,[data-cr-dr] #main .price .was s{color:var(--ink2);text-decoration-color:var(--ink2)}
p.save,[data-cr-dr] #main p.save{margin:6px 0 0;font:400 var(--f2)/1.35 var(--ui);color:var(--ink2)}
p.save b{color:var(--ink);font-weight:700}
p.chk,[data-cr-dr] #main p.chk{margin:8px 0 0;font:400 var(--f1)/1.35 var(--ui);color:var(--mute)}
p.side-note,#main li.row .r-side p.vs{margin:2px 0 0;font:400 var(--f1)/1.35 var(--ui);color:var(--mute)}   
div.chips{display:grid;gap:6px;margin:12px 0 0}
div.chips .chip{display:flex;align-items:flex-start;gap:8px;font:700 var(--f1)/1.35 var(--ui);color:var(--ink2);white-space:normal;text-align:start}
div.chips .chip svg.ic{margin-top:1px;color:var(--ink);max-width:none;max-height:none}
header.sitebar{position:static;background:none;border:0}
header.sitebar .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:60px;padding-block:6px;border-bottom:1px solid var(--line);max-width:calc(var(--wrap) + 2 * var(--gut))}
header.sitebar .adv{font:700 var(--f1)/1.2 var(--ui);color:var(--mute);text-transform:none;letter-spacing:0;padding:6px 10px;border:1px solid var(--line2);border-radius:var(--r);text-align:center}
@media (max-width:359px){.sitebar img.lockup{height:24px} header.sitebar .adv{padding-inline:8px}}
.hp .top{position:relative;z-index:5}
.hp .top .wrap{display:flex;align-items:center;gap:var(--s5);min-height:72px;max-width:1288px}
.hp .strip{margin-inline-start:auto;min-width:0}
.hp .strip ul.tight a{padding-inline:10px}
.hp .strip ul.tighter a{padding-inline:6px}
.hp .strip ul.tighter .sec + .sec a::before{margin-inline-end:var(--s3)}
.hp .strip ul.noaux li.aux{display:none}
.hp .strip ul{display:flex;align-items:center;gap:var(--s2)}
.hp .strip a{display:flex;align-items:center;min-height:44px;margin-block:0;padding-block:0;padding-inline:var(--s3);text-decoration:none;white-space:nowrap}
.hp .strip .sec a{font:500 var(--f4)/1 var(--disp);font-style:italic;color:var(--ink)}
html:lang(he) .hp .strip .sec a{font-style:normal}
.hp .strip .sec + .sec a::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--amber);margin-inline-end:calc(var(--s3) + var(--s2))}
.hp .strip .aux a{font:700 var(--f1)/1 var(--ui);color:var(--mute)}
.hp .strip .sec + .aux{margin-inline-start:var(--s4)}
.hp .strip a:hover{color:var(--ember)}
.lang{position:relative;font:700 var(--f1)/1 var(--ui)}
.lang summary{display:flex;align-items:center;gap:8px;min-height:44px;padding-inline:14px;border:1px solid var(--line2);border-radius:var(--r);background:var(--sheet);color:var(--ink);cursor:pointer;list-style:none}
.lang summary::-webkit-details-marker{display:none}
.lang[open] summary svg,#main details.more-ticks[open]>summary svg,#main details.q[open]>summary svg{transform:rotate(180deg)}   
.lang ul{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:30;width:min(400px,calc(100vw - 32px));columns:2;column-gap:4px;padding:6px;background:var(--sheet);border-radius:var(--r);box-shadow:var(--lift)}
.lang li{break-inside:avoid}
.lang li a{display:flex;align-items:center;min-height:44px;padding-inline:12px;border-radius:3px;text-decoration:none;color:var(--ink2)}
.lang li a:hover,.lang li a[aria-current]{background:var(--paper);color:var(--ink)}
.hp .hero{position:relative;isolation:isolate;color:var(--ink2)}
.hp .hero .ph{position:absolute;inset-block:0;inset-inline-end:max(0px,calc((100vw - 1680px)/2));width:min(62vw,960px);z-index:-1;margin:0;overflow:hidden}
.hp .hero .ph img{width:100%;height:100%;object-fit:cover;object-position:100% 46%;
-webkit-mask-image:linear-gradient(90deg,#0000 0,rgba(0,0,0,.3) 12%,#000 38%),linear-gradient(0deg,#0000 0,#000 9%);-webkit-mask-composite:source-in;
mask-image:linear-gradient(90deg,#0000 0,rgba(0,0,0,.3) 12%,#000 38%),linear-gradient(0deg,#0000 0,#000 9%);mask-composite:intersect}
[dir=rtl] .hp .hero .ph img{object-position:0 46%;
-webkit-mask-image:linear-gradient(270deg,#0000 0,rgba(0,0,0,.3) 12%,#000 38%),linear-gradient(0deg,#0000 0,#000 9%);
mask-image:linear-gradient(270deg,#0000 0,rgba(0,0,0,.3) 12%,#000 38%),linear-gradient(0deg,#0000 0,#000 9%)}
.hp .hero .wrap{display:flex;align-items:center;min-height:min(38.9vw,602px);max-width:1288px}
.hp .say{max-width:560px;padding-block:28px 56px}
.hp .kicker{display:block;font:700 var(--f1)/1.3 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:var(--s3)}
html:lang(he) .hp .kicker{letter-spacing:0}
.hp h1{font:500 var(--f9)/1.02 var(--disp);letter-spacing:-.022em;color:var(--ink);text-wrap:balance}
html:lang(he) .hp h1{letter-spacing:0;line-height:1.12}
.hp .lede{margin-top:var(--s4);font-size:var(--f4);line-height:1.5;color:var(--ink2);max-width:27em;text-wrap:pretty}
.hp .stamp,.dp .doc .meta-doc{margin-top:var(--s2);font:400 var(--f1)/1.4 var(--ui);color:var(--mute)}   
.hp .ask{margin-top:var(--s5);display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s4)}
.hp .ask>p:first-child{flex-basis:100%;font:500 var(--f4)/1.2 var(--disp);font-style:italic;color:var(--ink)}
html:is(:lang(he),:lang(bg),:lang(el)) .hp .ask>p:first-child{font-style:normal}
.hp .chips{display:flex;flex-wrap:wrap;gap:var(--s2)}
.hp .chip{display:inline-flex;align-items:center;min-height:44px;padding-inline:18px;border-radius:22px 22px var(--r) var(--r);background:var(--sg);color:var(--ink);font:700 var(--f2)/1 var(--ui);text-decoration:none;box-shadow:var(--lift2)}
.hp .chip:hover{background:#fff}
.hp .chip[aria-pressed=true]{background:var(--ink);color:var(--sheet)}
.hp .status{flex-basis:100%;font:400 var(--f1)/1.4 var(--ui);color:var(--mute);text-wrap:balance}
.hp .status:empty{display:none}
.hp .board{position:relative;z-index:2;margin-top:-28px}
.hp .board .wrap{max-width:1288px}
.hp .tiles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s5)}
.hp .tile{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--sg);border-radius:var(--r);box-shadow:var(--lift)}
.hp .tile .well{order:2;position:relative;overflow:hidden;background:var(--wool2)}
.hp .tile .well.niche{background:var(--ng)}
.hp .tile .well.niche img{object-fit:contain;padding:6%;mix-blend-mode:multiply}
.hp .tile .well img{width:100%;height:100%;object-fit:cover;object-position:var(--fp,50% 50%);transition:transform .5s ease}
.hp .tile:hover .well img{transform:scale(1.03)}
.hp .tile .tx{order:1;display:flex;flex-direction:column;flex:1;padding:var(--s4) var(--s5) var(--s4);min-width:0}
.hp .tile h3{font:500 var(--f5)/1.14 var(--disp);letter-spacing:-.012em;color:var(--ink);text-wrap:balance}
html:lang(he) .hp .tile h3,html:lang(he) section.hero .board h1,html:lang(he) [data-cr-dr] #main h1{letter-spacing:0;line-height:1.2}   
.hp .tile .cat{margin-top:6px;font:700 var(--f1)/1.3 var(--ui);color:var(--mute)}
.hp .tile .why{margin-top:var(--s2);font-size:var(--f2);line-height:1.45;color:var(--ink2);text-wrap:pretty}   
.hp .tile .tk{order:3;position:relative;z-index:1;display:flex;align-items:stretch;margin:-22px var(--s4) var(--s4);background:var(--sg);border-radius:var(--r);box-shadow:var(--lift2)}
.hp .tile .pick{flex:1;min-width:0;padding:8px 14px 9px}
.hp .tile .pick .label{display:block;font:var(--lbl);font-style:italic;color:var(--mute)}
html:is(:lang(he),:lang(bg),:lang(el)) .hp .tile .pick .label{font-style:normal}
.hp .tile .pick .row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 var(--s3)}
.hp .tile .pick .name{font:700 var(--f3)/1.3 var(--ui);color:var(--ink)}
.hp .tile .pick .price{font:500 var(--f5)/1.1 var(--disp);color:var(--ink);font-variant-numeric:lining-nums;white-space:nowrap}
.hp .tile .go{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:44px;padding-inline:14px;border-inline-start:1px dashed var(--line2);font:700 var(--f2)/1 var(--ui);color:var(--ink);text-decoration:none;white-space:nowrap}
.hp .tile .go::after{content:"";position:absolute;inset:0}
.hp .tile:hover .go{color:var(--ember)}
.hp .tile:has(.go:focus-visible){outline:3px solid var(--ink);outline-offset:3px}
.hp .tile .go:focus-visible{outline:0}
.hp .tile.method{grid-column:1/-1;display:block;padding:var(--s6);background:var(--wk);box-shadow:none;isolation:isolate;overflow:hidden}
.hp .tile.method::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(254,240,228,.9)}
.hp .tile.method h2{font:500 var(--f6)/1.1 var(--disp);letter-spacing:-.012em;color:var(--ink)}
.hp .tile.method>p{margin-top:var(--s3);font-size:var(--f3);line-height:1.5;color:var(--ink2);text-wrap:pretty}
.hp .tile.method ol{margin-top:var(--s4);counter-reset:c}
.hp .tile.method li{display:flex;gap:var(--s3);align-items:baseline;min-height:44px;counter-increment:c;font:700 var(--f2)/1.35 var(--ui);color:var(--ink);padding-block:5px}
.hp .tile.method li::before{content:counter(c);flex:none;display:grid;place-items:end center;width:30px;height:34px;padding-bottom:1px;border:2.5px solid var(--ink);border-bottom:0;border-radius:15px 15px 0 0;font:500 var(--f2)/1 var(--disp)}
.hp .about{padding-block:var(--s7) 0}
.hp .about .wrap{max-width:1288px}
.hp .about p{max-width:46em;font-size:var(--f3)}
.hp .about a{display:inline-flex;align-items:center;min-height:44px;font:700 var(--f2)/1 var(--ui);color:var(--ink);text-decoration-color:var(--amber);text-decoration-thickness:2px;text-underline-offset:5px}
@media (min-width:900px){
.hp .tile:nth-child(1){grid-column:1/-1;display:grid;grid-template-columns:176px minmax(0,1.15fr) minmax(0,1fr) auto;grid-template-areas:"pic need pick go" "pic cat why go";column-gap:var(--s6);align-items:center;padding-inline-end:var(--s6)}
.hp .tile:nth-child(1) .well{grid-area:pic;align-self:stretch;min-height:128px;border-radius:var(--r) 0 0 var(--r)}
.hp .tile:nth-child(1) .well img{position:absolute;inset:0}
.hp .tile:nth-child(1) .well.niche img{padding:10px}
[dir=rtl] .hp .tile:nth-child(1) .well{border-radius:0 var(--r) var(--r) 0}
.hp .tile:nth-child(1) :is(.tx,.tk){display:contents}
.hp .tile:nth-child(1) h3{grid-area:need;align-self:end;padding-top:var(--s5);font-size:var(--f6)}
.hp .tile:nth-child(1) .cat{grid-area:cat;align-self:start;margin:4px 0 0;padding-bottom:var(--s5)}
.hp .tile:nth-child(1) .pick{grid-area:pick;align-self:end;padding:0;padding-inline-start:var(--s6);border-inline-start:1px solid var(--line)}
.hp .tile:nth-child(1) .pick .price{font-size:var(--f6)}
.hp .tile:nth-child(1) .why{grid-area:why;align-self:start;margin:0;padding:2px 0 var(--s4);padding-inline-start:var(--s6);border-inline-start:1px solid var(--line)}
.hp .tile:nth-child(1) .go{grid-area:go;align-self:center;justify-content:center;min-width:208px;min-height:56px;padding:0 var(--s6);border:0;border-radius:var(--r);background:var(--kg);color:#fff;font-size:var(--f3);box-shadow:var(--ks)}
.hp .tile:nth-child(1):hover .go{background:var(--ember2);color:#fff}
.hp .tile:nth-child(2),.hp .tile:nth-child(3){grid-column:span 6}
.hp .tile:nth-child(2) .well,.hp .tile:nth-child(3) .well{aspect-ratio:16/8.6}
.hp .tile:nth-child(2) h3,.hp .tile:nth-child(3) h3{font-size:var(--f6)}
.hp .tile:nth-child(2) .tk,.hp .tile:nth-child(3) .tk{margin-inline:var(--s5);margin-bottom:var(--s5)}
html:is(:lang(de),:lang(fi),:lang(hu),:lang(nl),:lang(el)) .hp .tile h3{font-size:22px}
html:is(:lang(de),:lang(fi),:lang(hu),:lang(nl),:lang(el)) .hp .tile:is(:nth-child(1),:nth-child(2),:nth-child(3),:nth-child(7)) h3{font-size:28px}
.hp .tile:nth-child(4),.hp .tile:nth-child(5),.hp .tile:nth-child(6){grid-column:span 4}
.hp .tile:nth-child(4) .well,.hp .tile:nth-child(5) .well,.hp .tile:nth-child(6) .well{aspect-ratio:4/3}
.hp .tile:nth-child(n+4) .tk{flex-direction:column;align-items:stretch}
.hp .tile:nth-child(n+4) .pick{padding:8px 14px 8px}
.hp .tile:nth-child(n+4) .pick .name{font-size:var(--f2)}
.hp .tile:nth-child(n+4) .pick .price{font-size:var(--f4)}
.hp .tile:nth-child(n+4) .go{justify-content:space-between;border-inline-start:0;border-top:1px dashed var(--line2);padding-inline:14px}
.hp .tile:nth-child(7){grid-column:span 7;display:grid;grid-template-columns:46% minmax(0,1fr);grid-template-rows:1fr auto}
.hp .tile:nth-child(7) .well{grid-area:1/1/span 2/2;border-radius:var(--r) 0 0 var(--r)}
[dir=rtl] .hp .tile:nth-child(7) .well{border-radius:0 var(--r) var(--r) 0}
.hp .tile:nth-child(7) .tx{grid-area:1/2;padding:var(--s6) var(--s6) var(--s4);justify-content:flex-end}
.hp .tile:nth-child(7) h3{font-size:var(--f6)}
.hp .tile:nth-child(7) .tk{grid-area:2/2;margin:0 var(--s6) var(--s6)}   
.hp .tile.method{grid-column:span 5}
}
@media (max-width:1023px){
.hp .top .wrap{flex-wrap:wrap;gap:0 var(--s4);min-height:0;padding-top:4px}
.hp .top .brand{margin-inline-end:auto}
.hp .strip{order:3;flex-basis:calc(100% + 2 * var(--gut));margin-inline:calc(-1 * var(--gut));padding-inline:var(--gut);border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.hp .strip::-webkit-scrollbar{display:none}
.hp .strip ul{gap:0}
.hp .strip .sec a{padding-inline:0;min-width:44px;font-size:var(--f3)}
.hp .strip .sec + .sec a::before{margin-inline:var(--s3)}
.hp .strip .aux{display:none}
}
@media (min-width:600px) and (max-width:899px){
.hp .tile:nth-child(n+2) .tk{flex-direction:column;align-items:stretch}
.hp .tile:nth-child(n+2) .pick{padding:8px 14px 8px}
.hp .tile:nth-child(n+2) .pick .name{font-size:var(--f2)}
.hp .tile:nth-child(n+2) .pick .price{font-size:var(--f4)}
.hp .tile:nth-child(n+2) .go{justify-content:space-between;border-inline-start:0;border-top:1px dashed var(--line2);padding-inline:14px}
}
@media (min-width:900px) and (max-width:1199px){
.hp h1{font-size:46px}
.hp .hero .ph{width:56vw}
.hp .hero .wrap{min-height:max(35vw,520px)}   
.hp .say{max-width:440px}
.hp .tile:nth-child(1){grid-template-columns:148px minmax(0,1.1fr) minmax(0,1fr) auto;column-gap:var(--s5);padding-inline-end:var(--s5)}
.hp .tile:nth-child(1) .go{min-width:168px;padding:0 var(--s5)}
.hp .tile:nth-child(7){grid-template-columns:40% minmax(0,1fr)}
.hp .tile:nth-child(7) .tx{padding-inline:var(--s5)}
.hp .tile:nth-child(7) .tk{margin-inline:var(--s5)}
.hp .tile .go{padding-inline:10px}
}
@media (max-width:899px){
.hp .hero .ph{position:relative;inset:auto;width:auto;z-index:0;aspect-ratio:16/9}
.hp .hero .ph img,[dir=rtl] .hp .hero .ph img{object-position:50% 50%;-webkit-mask-image:none;mask-image:none}
.hp .hero .wrap{display:block;min-height:0}
.hp .say{max-width:none;padding-block:var(--s4) 0}
.hp .kicker{margin-bottom:4px;letter-spacing:.06em}
.hp h1{font-size:46px;line-height:1.06}
.hp .lede{margin-top:var(--s3);font-size:var(--f3);line-height:1.45;max-width:none}
.hp .stamp{margin-top:6px}
.hp .ask{margin-top:var(--s3);gap:var(--s2) var(--s3)}
.hp .ask>p:first-child{font-size:var(--f3)}
.hp .board{margin-top:var(--s4)}
.hp .tile{grid-column:span 6}
.hp .tile .well{aspect-ratio:16/10}
.hp .tile:nth-child(1),.hp .tile:nth-child(7){grid-column:1/-1;display:grid;grid-template-columns:38% minmax(0,1fr)}
.hp .tile:nth-child(1) .well,.hp .tile:nth-child(7) .well{grid-area:1/1/span 2/2;aspect-ratio:auto;border-radius:var(--r) 0 0 var(--r)}
[dir=rtl] .hp .tile:nth-child(1) .well,[dir=rtl] .hp .tile:nth-child(7) .well{border-radius:0 var(--r) var(--r) 0}
.hp .tile:nth-child(1) .well img,.hp .tile:nth-child(7) .well img{position:absolute;inset:0}
.hp .tile:nth-child(1) .tx,.hp .tile:nth-child(7) .tx{grid-area:1/2;padding-bottom:var(--s3)}
.hp .tile:nth-child(1) .tk,.hp .tile:nth-child(7) .tk{grid-area:2/2;margin:0 var(--s4) var(--s4) calc(-1 * var(--s4))}
[dir=rtl] .hp .tile:nth-child(1) .tk,[dir=rtl] .hp .tile:nth-child(7) .tk{margin:0 calc(-1 * var(--s4)) var(--s4) var(--s4)}
.hp .tile:nth-child(1) .go{border:0;border-radius:0 var(--r) var(--r) 0;background:var(--kg);color:#fff;padding-inline:var(--s5)}
[dir=rtl] .hp .tile:nth-child(1) .go{border-radius:var(--r) 0 0 var(--r)}
.hp .tile:nth-child(1):hover .go{color:#fff;background:var(--ember2)}
}
@media (max-width:599px){
.hp .top .wrap{min-height:0}
.hp h1{font-size:var(--f9)}
.hp .say{padding-top:var(--s2)}
.hp .ask{margin-top:var(--s2);gap:6px var(--s3)}
.hp .lede{margin-top:var(--s2);font-size:var(--f2)}
.hp .stamp{margin-top:4px}
html:is(:lang(bg),:lang(de),:lang(el),:lang(fr)) .hp h1{font-size:30px}
.hp .chip{padding-inline:14px}
.hp .board{margin-top:var(--s2)}
.hp .tiles{gap:var(--s4)}
.hp .tile:nth-child(n){grid-column:1/-1;display:grid;grid-template-columns:36% minmax(0,1fr);grid-template-rows:1fr auto}
.hp .tile:nth-child(n) .well{grid-area:1/1;min-height:136px;aspect-ratio:auto;border-radius:var(--r) 0 0 0}
[dir=rtl] .hp .tile:nth-child(n) .well{border-radius:0 var(--r) 0 0}
.hp .tile:nth-child(n) .well img{position:absolute;inset:0}
.hp .tile:nth-child(n) .tx{grid-area:1/2;padding:10px 12px 20px}
.hp .tile:nth-child(n) h3{font-size:var(--f4)}
.hp .tile:nth-child(n) .cat{margin-top:4px}
.hp .tile:nth-child(n) .why{margin-top:6px}
.hp .tile:nth-child(n) .tk{grid-area:2/1/3/-1;flex-direction:column;align-items:stretch;margin:-14px 12px 12px}   
[dir=rtl] .hp .tile:nth-child(n) .tk{margin:-14px 12px 12px}
.hp .tile:nth-child(n) .pick{padding:6px 12px 7px}
.hp .tile:nth-child(n) .pick .name{font-size:var(--f2)}
.hp .tile:nth-child(n) .go{justify-content:space-between;padding-inline:12px;border-inline-start:0;border-top:1px dashed var(--line2)}
.hp .tile:nth-child(1) .go{justify-content:center;min-height:46px;padding-inline:var(--s4);border:0;border-radius:0 0 var(--r) var(--r);background:var(--kg);color:#fff}
.hp .tile:nth-child(1) .tk{margin:-14px 12px 12px}
.hp .tile:nth-child(3n + 3){display:flex}
.hp .tile:nth-child(3n + 3) .well{order:2;min-height:0;aspect-ratio:16/9;border-radius:0}
.hp .tile:nth-child(3n + 3) .well img{position:static}
.hp .tile:nth-child(3n + 3) .tx{order:1;padding:12px var(--s4) 12px}
.hp .tile:nth-child(3n + 3) h3{font-size:var(--f5)}
.hp .tile:nth-child(3n + 3) .tk{order:3;margin:-22px 12px 12px}
[dir=rtl] .hp .tile:nth-child(3n + 3) .tk{margin:-22px 12px 12px}
.hp .tile.method:nth-child(n){display:block;padding:var(--s5) var(--s4)}
.hp .about{padding-top:var(--s6)}
}
@media (max-width:399px){.hp .strip{padding-inline:var(--s3)} .hp .strip .sec + .sec a::before{margin-inline:var(--s2)}}
@media (max-width:599px){.hp .strip .sec a{font-size:var(--f2)}}      
@media (max-width:359px){
.hp .top .brand img.lockup{height:24px}
.hp .top .lang summary{padding-inline:10px}
}
@media (min-width:1681px){.hp .hero .ph{inset-inline-end:0;width:calc(960px + (100vw - 1680px)/2)}}
@media (min-width:600px) and (max-width:899px){
.hp .tile:nth-child(7){grid-column:span 6;display:flex}
.hp .tile:nth-child(7) .well,[dir=rtl] .hp .tile:nth-child(7) .well{aspect-ratio:16/10;border-radius:0}
.hp .tile:nth-child(7) .tk,[dir=rtl] .hp .tile:nth-child(7) .tk{margin:-22px var(--s4) var(--s4)}
}
footer.foot{margin-top:var(--s7);padding:0;border:0;background:var(--night);color:var(--onnight2);font:400 var(--f1)/1.6 var(--ui)}
footer.foot::before{content:"";display:block;height:22px;background:url(/img/ww/wool-512.webp) 0 46%/192px auto;box-shadow:inset 0 -8px 10px -6px rgba(30,16,8,.55)}
footer.foot .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s4) var(--s8);padding-block:var(--s7) var(--s6)}
.hp footer.foot .wrap{max-width:1288px}
footer.foot .brand{grid-column:1;color:#FFF7EE}
footer.foot .brand img.lockup{height:40px}
footer.foot p{grid-column:1;margin:0;max-width:46em}
footer.foot p a{color:var(--onnight);text-underline-offset:3px;padding:13px 4px;margin:-13px -4px}   
footer.foot .pub{color:var(--onnight);font-weight:600}
footer.foot .cols{grid-column:2;grid-row:1/span 3;display:flex;flex-wrap:wrap;gap:var(--s5) var(--s7)}
footer.foot .cols h2{font:500 var(--f4)/1.2 var(--disp);color:#FFF7EE;margin-bottom:var(--s2)}
footer.foot .cols a,footer.foot .langs a,footer.foot .copy a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin-inline:-4px;padding-inline:4px;color:var(--onnight);text-decoration:none}
footer.foot .cols a{justify-content:flex-start}
footer.foot .cols a:hover,footer.foot .langs a:hover,footer.foot .copy a:hover{color:var(--amber);text-decoration:underline}
footer.foot .langs{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--s5);padding-top:var(--s4);border-top:1px solid rgba(251,235,218,.16)}
footer.foot .langs .label{font:500 var(--f4)/44px var(--disp);color:#FFF7EE}
footer.foot .langs ul{display:flex;flex-wrap:wrap;gap:0 var(--s5)}
footer.foot .langs a[aria-current]{color:var(--amber)}
html[data-dr] footer.foot .langs{display:none}
footer.foot .copy{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s5);padding-top:var(--s3);border-top:1px solid rgba(251,235,218,.16)}
footer.foot .copy span{margin-inline-end:auto}
footer.foot a:focus-visible{outline-color:#FFF7EE}
footer.foot .wrap:has(.cols>div + div){grid-template-columns:minmax(0,1fr)}
footer.foot .wrap:has(.cols>div + div) .cols{grid-column:1;grid-row:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5);margin-top:var(--s4);padding-top:var(--s5);border-top:1px solid rgba(251,235,218,.16)}
@media (max-width:767px){
footer.foot .wrap:has(.cols>div + div) .cols{grid-template-columns:repeat(2,minmax(0,1fr))}   
footer.foot .wrap{display:block;padding-block:var(--s6) var(--s5)}
footer.foot .wrap>* + *{margin-top:var(--s3)}
footer.foot .cols{gap:var(--s4) var(--s6);margin-top:var(--s5)}
footer.foot .cols>div{flex:1 1 140px}
footer.foot .copy span{flex-basis:100%}   
}
section.hero.nohero .wrap{display:block;padding-inline:var(--gut)}   
section.hero .board{padding-top:8px}   
section.hero .plate{display:flex;flex-wrap:wrap;align-items:center;margin:0 0 4px;font:700 var(--f1)/1.3 var(--ui);color:var(--mute)}
section.hero .plate .cat{color:var(--ink)}
section.hero .plate .verify{margin:0;font-size:var(--f1);opacity:1}
section.hero .plate .verify::before,#main .featured .deal .d-src::before{content:"";display:inline-block;width:4px;height:4px;margin-inline:10px;border-radius:50%;background:var(--amber);vertical-align:middle}   
@media (max-width:479px){section.hero .plate .cat{flex-basis:100%} section.hero .plate .cat + .verify::before{content:none}}
section.hero .board h1{margin:0;max-width:none;font:500 var(--f7)/1.12 var(--disp);letter-spacing:-.018em;color:var(--ink);text-wrap:balance}
html:is(:lang(de),:lang(fi),:lang(hu),:lang(nl),:lang(el),:lang(bg)) section.hero .board h1{font-size:30px}
section.hero .opener{margin-top:8px}
section.hero .opener p,#main .final-card p.spot{margin:0 0 10px;font-size:var(--f2);line-height:1.5;color:var(--ink2)}   
section.hero .opener p.q{position:relative;margin:0;padding-inline-start:18px;font:500 var(--f3)/1.3 var(--disp);font-style:italic;color:var(--ink);break-inside:avoid}
html:is(:lang(he),:lang(bg),:lang(el)) section.hero .opener p.q{font-style:normal}
section.hero .opener p.q::before{content:"";position:absolute;inset-inline-start:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--amber)}
section.hero .opener .pains{display:grid;gap:6px}
section.hero .opener .lead{margin-top:8px}
@media (min-width:1024px){
section.hero .opener .pains{display:flex;gap:0 32px;padding-bottom:8px;border-bottom:1px solid var(--line2)}
section.hero .opener .pains p.q{flex:1 1 auto;font-size:var(--f2)}
section.hero .opener .lead{columns:2;column-gap:32px}   
section.hero .opener .lead p{margin-bottom:8px;line-height:1.4;break-inside:avoid}
section.hero .opener .lead p:last-child{margin-bottom:0}
html:is(:lang(de),:lang(fi),:lang(hu),:lang(nl),:lang(el),:lang(pl),:lang(bg)) section.hero .board h1{font-size:28px}   
}
@media (max-width:599px){section.hero .opener p{font-size:var(--f3);line-height:1.55} section.hero .board{padding-top:14px} html:is(:lang(de),:lang(fi),:lang(hu),:lang(nl),:lang(el),:lang(bg)) section.hero .board h1{font-size:26px}}
main.article{background:none}   
#main>.wrap{display:block}
#main h2.flow-h{margin:8px 0 12px}   
#main article.listing.featured{position:relative;background:var(--sg);border-radius:var(--r);box-shadow:var(--lift)}
#main .featured .w-pic .well{position:relative;height:100%;min-height:200px;background:var(--wool2);overflow:hidden;border-start-start-radius:var(--r)}
#main .featured .w-pic .well img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--fp,50% 100%)}
#main .featured .s-row{position:absolute;z-index:2;top:12px;left:12px;display:grid;justify-items:center;gap:3px;padding:8px 12px 9px;background:linear-gradient(#FFFDF9,var(--plate));border-radius:var(--r);box-shadow:var(--lift2)}
#main .featured:has(.well[data-ww-plate=right]) .s-row{left:auto;right:12px}
#main .featured .w-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
#main .featured .w-top .pos{margin-inline-start:auto}
#main .featured h3{margin:8px 0 0;font:500 var(--f7)/1.08 var(--disp);letter-spacing:-.018em;color:var(--ink)}
#main :is(.featured,li.row) .spec1{margin:6px 0 0;font:700 var(--f2)/1.35 var(--ui);color:var(--ink)}   
#main .featured .w-proof,#main .r-proof{margin:4px 0 0;font:400 var(--f1)/1.35 var(--ui);color:var(--mute)}
#main .featured .w-sum,#main section.tiles article p{margin:0;font-size:var(--f2);line-height:1.5;color:var(--ink2)}   
#main details.more-ticks>summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;font:700 var(--f2)/1.2 var(--ui);color:var(--ink);text-decoration:underline;text-decoration-color:var(--amber);text-decoration-thickness:2px;text-underline-offset:5px}
#main details.more-ticks>summary::-webkit-details-marker{display:none}
#main .featured .deal{display:block;background:rgba(241,223,203,.45);border-top:1px solid var(--line);border-radius:0 0 var(--r) var(--r);font:400 var(--f1)/1.5 var(--ui);color:var(--mute)}
#main .featured .deal p{margin:0}
#main .featured .deal :is(.d-disc,.d-src){display:inline}
#main .featured .deal .d-disc b{color:var(--ink);font-weight:700}
#main .featured .deal .d-urg{display:block;margin-top:2px}
#main .featured.nopic .s-row{position:static;display:inline-grid;margin:0 0 8px;padding:0;background:none;box-shadow:none}
aside.rail.nopic .r-head{grid-template-columns:minmax(0,1fr)}
@media (min-width:1024px){
#main h2.flow-h{margin:4px 0 8px}   
#main article.listing.featured{display:grid;grid-template-columns:300px minmax(0,1fr) 364px;grid-template-rows:auto 1fr auto auto;grid-template-areas:"pic head buy" "pic more buy" "lists lists lists" "deal deal deal"}
#main .featured .w-pic{grid-area:pic;max-height:480px}   
#main .featured:has(.well[data-ww-plate=right]) .s-row{right:calc(100% - 288px)}
[dir=rtl] #main .featured .s-row{left:calc(100% - 288px)}
[dir=rtl] #main .featured:has(.well[data-ww-plate=right]) .s-row{left:auto;right:12px}
#main .featured .w-head{grid-area:head;padding:16px 28px 0}
#main .featured .w-more{grid-area:more;padding:10px 28px 14px}
#main .featured .w-buy{grid-area:buy;align-self:start;display:block;padding:14px 20px 16px;background:linear-gradient(#FFF3E2,#FCE7CF);border-inline-start:1px solid var(--line);border-start-end-radius:var(--r)}
#main .featured .buy>a.cta{margin-top:8px}   
#main .featured .buy div.price{padding-block:5px;padding-inline-end:12px;gap:0 8px}
#main .featured .buy .price .was{line-height:1.1}
#main .featured .buy>.save{margin-top:4px}   
#main .featured .buy>.chips{margin-top:10px;gap:5px}
#main .featured .lists{grid-area:lists;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;gap:0 32px;padding:12px 28px 8px;border-top:1px solid var(--line)}
#main .featured .lists>div:first-child{grid-column:1/span 8;grid-row:1/span 2}
#main .featured .lists>div:first-child ul{columns:2;column-gap:32px}
#main .featured .lists>div:nth-child(2){grid-column:9/-1;grid-row:1}
#main .featured .lists>details{grid-column:9/-1;grid-row:2;align-self:end}
#main .featured .lists>details[open]{grid-column:1/-1;grid-row:3}
#main .featured .lists>details ul{columns:3;column-gap:32px;padding-bottom:10px}
#main .featured .deal{grid-area:deal;padding:7px 28px 8px}
#main article.listing.featured.nopic{grid-template-columns:minmax(0,1fr) 364px;grid-template-areas:"head buy" "more buy" "lists lists" "deal deal"}
}
@media (min-width:1024px) and (max-width:1179px){
#main .featured .w-pic{grid-row:1;min-height:400px}
#main .featured .w-more{grid-column:1/3}
}
@media (max-width:1023px){
#main article.listing.featured{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:0 16px 0}
#main .featured :is(.w-head,.w-buy,.buy){display:contents}
#main .featured>*,#main .featured .w-head>*,#main .featured .buy>*{grid-column:1/-1}
#main .featured .w-pic{order:1;margin-inline:-16px}
#main .featured .w-pic .well{height:auto;aspect-ratio:16/9;min-height:0;border-radius:var(--r) var(--r) 0 0}
#main .featured .w-pic .well img{object-position:var(--fpp,var(--fp,50% 70%))}   
#main .featured .w-top{order:2;margin-top:12px}   
#main .featured h3{order:3;margin-top:6px}
#main .featured .w-proof{order:4}
#main .featured .buy>.price-box{order:5;margin-top:8px}
#main .featured .buy>.save{order:6}
#main .featured .buy>a.cta{order:7;margin-top:12px}
#main .featured .buy>.chk{order:8}
#main .featured .buy>.side-note{order:9}
#main .featured .buy>.chips{order:10;margin-top:8px}
#main .featured p.spec1{order:11;margin-top:12px}   
#main .featured .w-more{order:12;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
#main .featured .lists{order:13;margin-top:0;padding-top:8px;border-top:1px solid var(--line)}
#main .featured .deal{order:14;margin:8px -16px 0;padding:8px 16px 10px}
}
@media (max-width:599px){
#main .featured .s-row{position:static;order:2;grid-column:2;grid-row:span 3;align-self:start;max-width:104px;margin-top:12px;padding:0;background:none;box-shadow:none}
#main .featured .s-row .s-lbl{white-space:normal;text-align:center;text-wrap:balance}
#main .featured .w-head>:is(.w-top,h3,.w-proof){grid-column:1}
#main .featured .w-top{align-self:start}
#main .featured .w-top .pos{margin-inline-start:0}
#main .featured .w-top .badge{flex:1 1 0;min-width:0}   
}
@media (min-width:414px) and (max-width:599px){#main .featured .w-top .badge{min-width:9em;overflow-wrap:anywhere;hyphens:auto;hyphenate-limit-chars:16 6 4}}
@media (max-width:389px){html:is(:lang(bg),:lang(el)) #main .featured h3{font-size:var(--f6)}}
@media (max-width:359px){#main .featured h3{font-size:var(--f5)} html:is(:lang(bg),:lang(el)) #main .featured h3{font-size:var(--f4)}}
@media (min-width:600px) and (max-width:1023px){
#main article.listing.featured{padding-inline:24px}
#main .featured .w-pic{margin-inline:-24px}
#main .featured .w-pic .well{aspect-ratio:16/10}   
#main .featured .deal{margin-inline:-24px;padding-inline:24px}
#main .featured .lists>div:first-child ul,#main .featured .lists>details ul{columns:2;column-gap:28px}
}
#main section.table{margin-top:var(--s7)}
#main .t-cap{margin:4px 0 12px;font:400 var(--f1)/1.4 var(--ui);color:var(--mute)}
#main table.tbl{width:100%;border-collapse:separate;border-spacing:0;background:var(--sheet);border-radius:var(--r);box-shadow:var(--lift2);font:400 var(--f2)/1.35 var(--ui);color:var(--ink2);overflow:hidden}
#main .tbl thead th{white-space:nowrap;padding:12px 16px;border-bottom:1px solid var(--line2);text-align:start;font:700 var(--f1)/1.3 var(--ui);color:var(--mute)}
#main .tbl tbody th,#main .tbl td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:start;vertical-align:middle;font-weight:400}
#main .tbl tbody tr:last-child>*{border-bottom:0}
#main .tbl tr.own>*{background:rgba(248,221,184,.3)}
#main .tbl tr.own>th{border-inline-start:3px solid var(--amber)}
#main .tbl tbody tr:not(.own)>th{border-inline-start:3px solid #0000}
#main .t-prod{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;font:700 var(--f3)/1.25 var(--ui);color:var(--ink)}
#main .t-prod .well{display:none}
#main .t-own{font:500 var(--f2)/1.2 var(--disp);font-style:italic;color:var(--mute)}
html:lang(he) #main .t-own{font-style:normal}
#main .tbl .sc{font:500 var(--f5)/1 var(--disp);color:var(--ink);font-variant-numeric:lining-nums}
#main .tbl td .meter{--mw:56px;--mh:4px;margin-top:6px;border-radius:2px;-webkit-mask:none;mask:none;background:linear-gradient(90deg,var(--amber) calc(var(--v,0) * 100%),var(--line2) 0)}
#main .tbl td>span>bdi{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
#main .tbl small.vs{display:block;font-size:var(--f1);color:var(--mute)}
#main .tbl .yes{display:block}
#main .tbl .yes svg{float:inline-start;margin-top:2px;margin-inline-end:8px;color:var(--ink)}
#main .tbl td.t-key{white-space:nowrap}
@media (min-width:1200px){
#main .tbl:has(th:nth-child(7)) :is(th,td){padding-inline:6px;white-space:normal}
#main .tbl:has(th:nth-child(7)) .t-prod .nb{white-space:normal}
#main .tbl:has(th:nth-child(7)) .t-prod{font-size:var(--f2)}
#main .tbl:has(th:nth-child(7)) td:is(:nth-of-type(3),:nth-of-type(4),:nth-of-type(5)){font-size:var(--f1)}
#main .tbl:has(th:nth-child(7)) a.cta.btn.sm{padding-inline:8px;gap:6px}
#main .t-key a{white-space:nowrap;gap:6px}
.tbl:has(th:nth-child(7)) th:is(:nth-child(2),:nth-child(7)){width:1px}
.tbl:has(th:nth-child(7)) th:nth-child(3){width:13%}
:lang(hu) .tbl:has(th:nth-child(7)) th:nth-child(5){width:13.5%}
:lang(hu) .tbl:has(th:nth-child(7)) th:nth-child(6){width:18.3%}
}
@media (max-width:1199px){
#main table.tbl,#main .tbl tbody,#main .tbl tbody th,#main .tbl td{display:block}
#main .tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#main .tbl thead tr,#main .tbl thead th{display:block;width:1px;height:1px;padding:0;overflow:hidden}
#main .tbl tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);border-inline-start:3px solid #0000}
#main .tbl tbody tr:not(.own)>th,#main .tbl tr.own>th{border-inline-start:0}   
#main .tbl tbody tr.own{border-inline-start-color:var(--amber);background:rgba(248,221,184,.3)}
#main .tbl tbody tr:last-child{border-bottom:0}
#main .tbl tbody th,#main .tbl td{padding:0;border:0;background:none}
#main .tbl tr.own>*,#main .tbl tbody tr>th{background:none;border:0}
#main .tbl tbody th{grid-column:1}
#main .tbl td:nth-of-type(1){grid-column:2;grid-row:1/span 2;justify-self:end;text-align:end}
#main .tbl td:nth-of-type(2){grid-column:1}
#main .tbl td:nth-of-type(2)::before{content:attr(data-th) ": ";font-size:var(--f1);font-weight:600;color:var(--mute)}
#main .tbl td:nth-of-type(n+3):not(.t-key){grid-column:1/-1;font-size:var(--f1);color:var(--mute)}
#main .tbl td:nth-of-type(n+3):not(.t-key)::before{content:attr(data-th) ": ";font-weight:600}
#main .tbl td:nth-of-type(n+3):not(.t-key) .yes{display:inline}
#main .tbl td:nth-of-type(n+3):not(.t-key) .yes svg{display:none}
#main .tbl td.t-key{grid-column:1/-1;white-space:normal}
#main .tbl td.t-key a.cta.btn.sm{display:flex;margin-top:6px}
}
#main ol.rows{margin:var(--s6) 0 0;padding:0;list-style:none}
#main li.listing.row{display:grid;grid-template-columns:34px 160px minmax(0,1fr) 292px;column-gap:24px;grid-template-rows:auto auto auto 1fr;grid-template-areas:"rank pic top side" "rank pic spec side" "rank pic sum side" "rank pic lists side";padding-block:28px;border-top:1px solid var(--line2)}
#main li.row>.listing-rank{grid-area:rank}
#main li.row>.r-pic{grid-area:pic}
#main li.row .r-top{grid-area:top;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
#main li.row .r-top h3{flex-basis:100%;margin:0;font:500 var(--f5)/1.15 var(--disp);letter-spacing:-.012em;color:var(--ink);text-wrap:balance}
#main li.row p.summary{grid-area:sum;margin:8px 0 0;font-size:var(--f2);line-height:1.5;color:var(--ink2)}
#main li.row .spec1{grid-area:spec}   
#main li.row .lists{grid-area:lists;margin-top:8px}
#main li.row .r-side{grid-area:side;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-content:start;align-items:center;padding-inline-start:24px;border-inline-start:1px solid var(--line)}
#main li.row .r-side>.score{grid-column:1}
#main li.row .r-side>.r-proof{grid-column:2;margin:0}
#main li.row .r-side>.buy>*,#main li.row .r-side>div:not(.score):not(.buy),#main li.row .r-side>a{grid-column:1/-1}
#main li.row .r-side .price-box,#main li.row .r-side>div:not(.score):not(.buy){margin-top:12px}
#main li.row .r-side .price .price-now{font-size:var(--f6)}
#main li.row .r-side a.cta.btn{margin-top:12px}
#main li.row .r-side a.cta.ghost{justify-self:start;margin-top:6px}
#main li.listing.row.nopic{grid-template-columns:34px minmax(0,1fr) 292px;grid-template-areas:"rank top side" "rank spec side" "rank sum side" "rank lists side"}
@media (max-width:1023px){
#main li.listing.row{grid-template-columns:30px 88px minmax(0,1fr);column-gap:12px;grid-template-rows:auto;grid-template-areas:"rank pic top" "spec spec spec" "sum sum sum" "side side side" "lists lists lists";padding-block:24px;position:relative}
#main li.row>.listing-rank{grid-area:rank;align-self:start;width:30px;height:34px;font-size:var(--f3)}
#main li.row .r-top{align-self:center}
#main li.row p.summary{margin-top:14px}
#main li.row .r-side{margin-top:14px;padding:14px 0 0;border:0;border-top:1px solid var(--line)}
#main li.row .lists{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
#main li.listing.row.nopic{grid-template-columns:30px minmax(0,1fr);grid-template-areas:"rank top" "spec spec" "sum sum" "side side" "lists lists"}
#main li.row .r-top h3 .nb{white-space:normal}
}   
@media (min-width:600px) and (max-width:1023px){#main :is(li.row .r-side a.cta.btn,.tbl td.t-key a.cta.btn.sm){max-width:360px}}
#main section.criteria{position:relative;isolation:isolate;margin-top:var(--s6);padding:var(--s6);border-radius:var(--r);background:var(--wk);overflow:hidden}
#main section.criteria::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgba(254,240,228,.9)}
#main ol.crit{margin:var(--s4) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s7)}
#main ol.crit>li{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:var(--s4);align-items:baseline;font:400 var(--f2)/1.5 var(--ui);color:var(--ink2)}
#main ol.crit>li::before{display:grid;place-items:end center;width:30px;height:34px;padding-bottom:1px;border:2.5px solid var(--ink);border-bottom:0;border-radius:15px 15px 0 0;font:500 var(--f2)/1 var(--disp);color:var(--ink)}
#main ol.crit>li b{color:var(--ink)}
@media (max-width:767px){#main ol.crit{grid-template-columns:minmax(0,1fr)} #main section.criteria{padding:var(--s5) var(--s4)}}
#main section.pick1{margin-top:var(--s7);background:var(--sg);border-radius:var(--r);box-shadow:var(--lift);overflow:hidden}
#main h2.winner-banner{padding:14px 28px;border-bottom:1px solid var(--line);font:500 var(--f5)/1.2 var(--disp);font-style:italic;white-space:nowrap}
html:lang(he) #main h2.winner-banner{font-style:normal}
#main .promo-strip{display:grid;grid-template-columns:184px minmax(0,1fr) 364px;column-gap:28px;align-items:start;padding:20px 28px 22px}
#main .pick1 .p1-head h3{margin:6px 0 8px;font:500 var(--f6)/1.1 var(--disp);letter-spacing:-.014em;color:var(--ink)}
#main .pick1 .p1-head .pos{margin-inline-start:12px}
#main .pick1 .buy{display:grid;grid-template-columns:minmax(min-content,1fr) minmax(0,auto);column-gap:12px;align-items:start}
#main .pick1 .buy>*{grid-column:1/-1}
#main .pick1 .buy>.price-box{grid-column:1;grid-row:1}
#main .pick1 .buy>.save{grid-column:1;grid-row:2}
#main .pick1 .buy>.s-row{grid-column:2;grid-row:1/span 2;display:grid;justify-items:center;gap:3px;min-width:0}
#main .pick1 .buy>.s-row :is(.s-lbl,.score-word){white-space:normal;text-align:center;overflow-wrap:anywhere}
#main .pick1 .buy>a.cta{margin-top:12px}
#main .pick1 .buy .price .price-now,#main .pick1 .buy .price .price-now bdi{font-size:var(--f6)}   
#main .pick1.nopic .promo-strip{grid-template-columns:minmax(0,1fr) 364px}
@media (max-width:1023px){
#main .promo-strip,#main .pick1.nopic .promo-strip{grid-template-columns:120px minmax(0,1fr);gap:16px 20px;padding:16px}
#main .pick1.nopic .promo-strip{grid-template-columns:minmax(0,1fr)}
#main .pick1 .buy{grid-column:1/-1}
#main h2.winner-banner{padding-inline:16px}
}
@media (min-width:390px) and (max-width:599px){#main .promo-strip{display:block} #main .pick1 .well{float:inline-start;width:112px;margin:0 0 12px;margin-inline-end:12px} #main .pick1 .p1-head .hb{display:inline} #main .pick1 .p1-head .badge{hyphens:auto;hyphenate-limit-chars:14 6 4} #main .pick1 .p1-head .pos{display:block;margin:4px 0 0} #main .pick1 ul.ticks{clear:both} #main .pick1 .buy{margin-top:16px}}
@media (max-width:389px){#main .promo-strip,#main .pick1 .buy{grid-template-columns:minmax(0,1fr)} #main .pick1 .well{width:120px} #main .pick1 .buy>.s-row{grid-column:1;grid-row:auto;justify-self:start}}   
#main section.tiles{margin-top:var(--s7)}
#main section.tiles .vt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5) var(--s6);margin-top:var(--s4)}
#main section.tiles article{padding-top:var(--s4);border-top:2px solid var(--ink)}
#main section.tiles article h3{margin:0 0 6px;font:700 var(--f1)/1.3 var(--ui);letter-spacing:.06em;color:var(--ink)}
html:lang(he) #main section.tiles article h3{letter-spacing:0;font-size:var(--f2)}
@media (max-width:767px){#main section.tiles .vt{grid-template-columns:minmax(0,1fr)}}
#main section.long-review{margin-top:var(--s7)}
#main .lgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s8);align-items:start}
#main .lg>p{margin:0 0 var(--s4);font-size:var(--f3);line-height:1.65;color:var(--ink2)}
#main .lg>h2{margin-bottom:var(--s4)}
#main .lg>h3{margin:var(--s6) 0 var(--s2);font:500 var(--f5)/1.2 var(--disp);letter-spacing:-.012em;color:var(--ink)}
#main :is(.lg,.final-card,.vt) a.brandlink{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--amber);text-decoration-thickness:2px;text-underline-offset:3px;padding-block:12px;margin-block:-12px}
#main .lg figure{margin:var(--s5) 0 var(--s6);border:0;border-radius:0;overflow:visible}
#main .lg figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);box-shadow:var(--lift2)}
#main figcaption{margin-top:10px;padding-inline-start:14px;border-inline-start:2px solid var(--amber);font:400 var(--f1)/1.4 var(--ui);color:var(--mute)}
aside.rail{display:none}
@media (min-width:1024px){
#main .lgrid{grid-template-columns:minmax(0,1fr) 280px}
aside.rail{display:block;position:sticky;top:16px;padding:18px 16px 20px;background:var(--sg);border-radius:var(--r);box-shadow:var(--lift)}
}
aside.rail .r-head{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:14px;align-items:center}
aside.rail .r-lbl{margin:0;font:700 var(--f1)/1.3 var(--ui);color:var(--mute)}
aside.rail .r-name{margin:2px 0 0;font:500 var(--f5)/1.1 var(--disp);letter-spacing:-.012em;color:var(--ink)}
html:is(:lang(bg),:lang(el)) aside.rail .r-name{font-size:var(--f4)}   
aside.rail .r-rating{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
aside.rail .r-rating .rr{margin:0}
aside.rail .r-price{margin-top:10px}
aside.rail .price .price-now{font-size:var(--f6)}
aside.rail a.cta.btn,[data-cr-dr] aside.rail a.btn[data-presale-cta]{display:flex;width:100%;margin-top:12px;padding-inline:8px;gap:8px}
html:is(:lang(bg),:lang(el),:lang(hu),:lang(nl)) aside.rail :is(a.cta.btn,a.btn){font-size:var(--f2)}
aside.rail dl.r-facts{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:8px}
aside.rail dl.r-facts dt{font:700 var(--f1)/1.3 var(--ui);color:var(--mute)}
aside.rail dl.r-facts dd{margin:0;font:700 var(--f1)/1.35 var(--ui);color:var(--ink)}
#main section.faq{margin-top:var(--s7)}
#main section.faq>h2{margin-bottom:var(--s3)}
#main details.q{border-top:1px solid var(--line2)}
#main details.q:last-of-type{border-bottom:1px solid var(--line2)}
#main details.q>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:56px;padding-block:10px;cursor:pointer;list-style:none;font:500 var(--f4)/1.25 var(--disp);color:var(--ink)}
#main details.q>summary::-webkit-details-marker{display:none}
#main details.q>summary :is(h3,h4,span){margin:0;font:inherit;color:inherit}
#main details.q>summary svg{width:16px;height:16px;max-width:none;max-height:none;color:var(--mute);transition:transform .2s ease}
#main details.q>.a{padding:0 0 var(--s4);max-width:46em}
#main details.q>.a p{margin:0 0 10px;font-size:var(--f3);line-height:1.6;color:var(--ink2)}
#main .important{margin-top:var(--s6);padding:var(--s4) var(--s5);border-inline-start:3px solid var(--amber);background:rgba(241,223,203,.4);border-start-end-radius:var(--r);border-end-end-radius:var(--r)}
#main .important b{display:block;margin-bottom:4px;font:700 var(--f2)/1.3 var(--ui);color:var(--ink)}
#main .important p{margin:0;font:400 var(--f2)/1.5 var(--ui);color:var(--ink2)}
#main section.final{position:relative;isolation:isolate;margin-top:var(--s7);padding:var(--s6);border-radius:var(--r);background:var(--wk)}
#main section.final::before,[data-cr-dr] #main .p-final::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgba(254,240,228,.72)}   
#main .final-card{display:grid;grid-template-columns:200px minmax(0,1fr) 340px;column-gap:32px;align-items:start;padding:28px;background:var(--sg);border-radius:var(--r);box-shadow:var(--lift)}
#main .fc-lbl{font:500 var(--f3)/1.2 var(--disp);font-style:italic;color:var(--mute)}
html:lang(he) #main .fc-lbl{font-style:normal}
#main .final-card h2{margin:2px 0 10px;font-size:var(--f7)}
#main .final-card h2::before{content:none}
#main .fc-deal a.cta{margin-top:12px}
#main section.final.nopic .final-card{grid-template-columns:minmax(0,1fr) 340px}
@media (max-width:1023px){
#main section.final{padding:var(--s4)}
#main .final-card{grid-template-columns:112px minmax(0,1fr);gap:16px 20px;padding:20px 16px}
#main section.final.nopic .final-card{grid-template-columns:minmax(0,1fr)}
#main .fc-deal{grid-column:1/-1}
}
@media (max-width:599px){
#main .final-card .fc-words{display:contents}
#main .final-card .well{grid-row:1/span 2}
#main .final-card .fc-lbl{grid-column:2;grid-row:1;align-self:end}
#main .final-card h2{grid-column:2;grid-row:2;align-self:start;margin:0}   
#main .final-card .fc-copy{grid-column:1/-1}
#main section.final.nopic .final-card :is(.fc-lbl,h2){grid-column:1}
}
@media (min-width:1024px) and (max-width:1199px){
#main .tbl tbody tr{grid-template-columns:minmax(0,1fr) 84px 13em 212px;column-gap:24px;row-gap:4px;padding:14px 18px}
#main .tbl td:nth-of-type(1){grid-area:1/2;justify-self:start;text-align:start}
#main .tbl td:nth-of-type(2){grid-area:1/3}
#main .tbl td.t-key{grid-area:1/4/span 3;align-self:center;justify-self:end}
#main .tbl td.t-key a.cta.btn.sm{display:inline-flex;margin-top:0}
#main .tbl td:nth-of-type(5):not(.t-key){grid-area:2/1/3/4}
#main .tbl td:nth-of-type(3):not(.t-key){grid-area:3/1}
#main .tbl td:nth-of-type(4):not(.t-key){grid-area:3/2/4/4}
#main .tbl td:not(.t-key){text-wrap:pretty}
#main .tbl small.vs{text-wrap:balance}
#main section.final:not(.nopic) .final-card{grid-template-columns:160px minmax(0,1fr) 300px;grid-template-rows:auto auto 1fr;column-gap:28px}
#main section.final:not(.nopic) .fc-words{display:contents}
#main section.final:not(.nopic) .final-card .well{grid-area:1/1/3/2}
#main section.final:not(.nopic) .fc-lbl{grid-area:1/2;align-self:end}
#main section.final:not(.nopic) .final-card h2{grid-area:2/2;align-self:start}
#main section.final:not(.nopic) .fc-copy{grid-area:3/1/4/3;margin-top:20px}
#main section.final:not(.nopic) .fc-deal{grid-area:1/3/4/4}
}
@media (max-width:599px){html:is(:lang(bg),:lang(el)) #main .final-card h2{font-size:var(--f6)}}
@media (max-width:389px){#main .final-card{grid-template-columns:88px minmax(0,1fr)} #main .final-card h2{font-size:var(--f6)} html:is(:lang(bg),:lang(el)) #main .final-card h2{font-size:var(--f5)}}
@media (max-width:359px){#main .final-card .well{grid-row:1} #main .final-card .fc-lbl{align-self:center} #main .final-card h2{grid-column:1/-1;grid-row:2}}
.rv-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s8);align-items:start;padding-top:22px}
@media (min-width:1024px){.rv-grid{grid-template-columns:minmax(0,1fr) 280px} [data-cr-dr] aside.rail{top:22px}}
[data-cr-dr] .presale-article{background:none;min-width:0}
[data-cr-dr] #main{max-width:none;margin:0;padding:0;color:var(--ink2)}
[data-cr-dr] #main p{margin:0 0 var(--s4);font-size:var(--f3);line-height:1.65;color:var(--ink2)}
[data-cr-dr] #main :is(b,strong){color:var(--ink)}
[data-cr-dr] #main .p-hl{padding:0;background:none;border-radius:0}
[data-cr-dr] #main p.p-eyebrow{margin:0 0 8px;font:700 var(--f1)/1.3 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
html:lang(he) [data-cr-dr] #main p.p-eyebrow{letter-spacing:0}
[data-cr-dr] #main h1{margin:0;font:500 var(--f7)/1.12 var(--disp);letter-spacing:-.018em;color:var(--ink);text-wrap:balance}
[data-cr-dr] #main p.p-dek{margin:12px 0 0;font:400 var(--f4)/1.45 var(--text);color:var(--ink2)}
[data-cr-dr] #main p.p-dek i{font-style:normal}
[data-cr-dr] #main .p-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:14px 0 0;padding:0;border:0}
[data-cr-dr] #main .p-meta::before{content:"";flex:none;width:24px;height:24px;background:url(/img/ww/mark.svg) center/contain no-repeat}
[data-cr-dr] #main .p-meta-col{display:flex;flex:1 1 0;flex-flow:row wrap;align-items:baseline;gap:2px 14px;line-height:1.35}
[data-cr-dr] #main .p-meta-name{font:700 var(--f1)/1.35 var(--ui);color:var(--ink)}
[data-cr-dr] #main .p-meta-sub{font:400 var(--f1)/1.35 var(--ui);color:var(--mute)}
[data-cr-dr] #main figure.p-fig{margin:var(--s5) 0 var(--s6)}
[data-cr-dr] #main figure.p-fig img{display:block;width:100%;height:auto;max-height:none;margin:0;aspect-ratio:var(--cr-ar,16/9);object-fit:cover;object-position:var(--cr-fp,50% 50%);border:0;border-radius:var(--r);box-shadow:var(--lift2)}
[data-cr-dr] #main figure.p-fig.portrait img{width:var(--cr-pw,62%);margin-inline:auto}
[data-cr-dr] #main figure.p-fig.cr-flow img{max-width:var(--cr-iw,100%);margin-inline:auto}   
[data-cr-dr] #main figure.p-fig.cr-well img{object-fit:contain;padding:6%;background:var(--ng);mix-blend-mode:multiply;box-shadow:none}
[data-cr-dr] #main figure.p-fig figcaption{margin:10px 0 0;padding-inline-start:14px;border-inline-start:2px solid var(--amber);font:400 var(--f1)/1.4 var(--ui);color:var(--mute)}
[data-cr-dr] #main figure.hero{margin-top:var(--s4)}
[data-cr-dr] #main figure.hero img{height:320px;aspect-ratio:auto;object-position:50% 24%}
@media (max-height:699px){[data-cr-dr] #main figure.hero img{height:260px}}
@media (max-width:599px){[data-cr-dr] #main p.p-dek{font-size:var(--f3);line-height:1.5} [data-cr-dr] #main .p-meta-sub{flex-basis:100%} [data-cr-dr] #main figure.hero img{height:200px}}   
[data-cr-dr] #main p.p-lede{font-size:var(--f4);line-height:1.5;color:var(--ink)}
[data-cr-dr] #main :is(h2,h3,h4,p):has(+ .p-offer){text-align:start}
[data-cr-dr] #main h2{margin:var(--s7) 0 var(--s4)}
[data-cr-dr] #main :is(h3,h4){margin:var(--s5) 0 var(--s2);font:500 var(--f5)/1.2 var(--disp);letter-spacing:-.012em;color:var(--ink)}
html:lang(he) [data-cr-dr] #main :is(h3,h4){letter-spacing:0}
[data-cr-dr] #main :is(p,li,b,strong,h2,h3,h4)>a[href*="techfibrr"]{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--ember);text-decoration-thickness:2px;text-underline-offset:4px;padding-block:12px;margin-block:-12px}
[data-cr-dr] #main a[href*="techfibrr"] b{color:inherit}   
[data-cr-dr] #main :is(ul,ol){margin:0 0 var(--s4);padding-inline-start:24px;list-style:revert}
[data-cr-dr] #main li{margin:0 0 6px;font-size:var(--f3);line-height:1.6;color:var(--ink2)}
[data-cr-dr] #main :is(blockquote.p-quote,div.cr-proof){margin:0 0 var(--s4);padding:4px 0;padding-inline-start:20px;border:0;border-inline-start:3px solid var(--amber);border-radius:0;background:none;box-shadow:none}
[data-cr-dr] #main :is(blockquote.p-quote,div.cr-proof) p{margin:0;font:400 var(--f4)/1.5 var(--disp);font-style:italic;color:var(--ink)}
[data-cr-dr] #main :is(blockquote.p-quote p.p-attrib,div.cr-proof p:not(.w9-t-quote)){margin-top:6px;font:700 var(--f1)/1.35 var(--ui);font-style:normal;color:var(--mute)}
[data-cr-dr] #main p.p-key{margin:var(--s5) 0}
[data-cr-dr] #main p.p-key a.btn{display:inline-flex;min-width:min(100%,360px);margin:0}
[data-cr-dr] #main p.p-cta7{margin:var(--s5) 0 10px;text-align:start;font:400 var(--f1)/1.4 var(--ui);color:var(--mute)}
[data-cr-dr] #main a[data-presale-cta]:not(.btn){max-width:none;margin:var(--s4) 0 var(--s5);letter-spacing:0;text-transform:none;box-shadow:none;transition:none}   
[data-cr-dr] #main :is(div.cr-steps,ul.p-ticks){margin:0 0 var(--s4);padding:0;list-style:none;border-bottom:1px solid var(--line2)}
[data-cr-dr] #main :is(div.cr-steps>p,ul.p-ticks>li){position:relative;margin:0;padding:7px 0;border-top:1px solid var(--line2);font-size:var(--f2);line-height:1.5;color:var(--ink2)}
[data-cr-dr] #main div.cr-steps>p{padding-inline-start:1.6em;text-indent:-1.6em}
[data-cr-dr] #main .w9-mk{display:none}   
[data-cr-dr] #main :is(ul.p-ticks>li,div.cr-steps>p:has(> .w9-mk)){padding-inline-start:32px;text-indent:0}
[data-cr-dr] #main :is(ul.p-ticks>li,div.cr-steps>p:has(> .w9-mk))::before{content:"";position:absolute;inset-inline-start:2px;top:9px;width:20px;height:20px;background:var(--ink);-webkit-mask:var(--tick) center/contain no-repeat;mask:var(--tick) center/contain no-repeat}
[data-cr-dr] #main ul.p-ticks>li:has(> b:only-child){padding-bottom:0}
[data-cr-dr] #main ul.p-ticks>li:has(> b:only-child) + li{padding-top:2px;border-top:0}
[data-cr-dr] #main ul.p-ticks>li:has(> b:only-child) + li::before{content:none}
[data-cr-dr] #main :is(.p-notes>div,div:not([class]):has(> :is(h3,h4):first-child)){position:relative;padding:var(--s4) 0 var(--s3);padding-inline-start:34px;border-top:1px solid var(--line2)}
[data-cr-dr] #main :is(.p-notes>div,div:not([class]):has(> :is(h3,h4):first-child))::before{content:"";position:absolute;inset-inline-start:2px;top:19px;width:20px;height:20px;background:var(--ink);-webkit-mask:var(--tick) center/contain no-repeat;mask:var(--tick) center/contain no-repeat}
[data-cr-dr] #main :is(.p-notes>div,div:not([class]):has(> :is(h3,h4):first-child))>:is(h3,h4){margin:0 0 6px;font:500 var(--f4)/1.25 var(--disp);letter-spacing:-.008em}
[data-cr-dr] #main :is(.p-notes>div,div:not([class]):has(> :is(h3,h4):first-child))>p{margin:0;font-size:var(--f2);line-height:1.55}
[data-cr-dr] #main .p-notes{margin:var(--s5) 0 var(--s4);border-bottom:1px solid var(--line2)}
[data-cr-dr] #main .p-notes>div{padding-bottom:var(--s4)}
@media (min-width:768px){
[data-cr-dr] #main .p-notes,[data-cr-dr] #main ul.spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s7)}   
}
[data-cr-dr] #main ul.spec{margin:var(--s4) 0 var(--s5);padding:0;list-style:none;border-bottom:1px solid var(--line2);--slw:160px}
[data-cr-dr] #main ul.spec>li{display:grid;grid-template-columns:minmax(var(--slw),30%) minmax(0,1fr);column-gap:var(--s5);margin:0;padding:10px 0;border-top:1px solid var(--line2);font:400 var(--f2)/1.45 var(--ui);color:var(--ink)}
[data-cr-dr] #main ul.spec .sl{font:var(--lbl);font-style:italic;color:var(--mute)}
html:is(:lang(he),:lang(bg),:lang(el)) [data-cr-dr] #main ul.spec .sl{font-style:normal}
@media (max-width:479px){[data-cr-dr] #main ul.spec>li{grid-template-columns:minmax(0,1fr)}}
@media (min-width:768px) and (max-width:799px),(min-width:1024px) and (max-width:1199px){[data-cr-dr] #main ul.spec{display:block}}
[data-cr-dr] #main .p-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);column-gap:var(--s6);align-items:start;max-width:none;margin:0 0 var(--s6);padding:22px 28px 24px;border:0;border-radius:var(--r);background:var(--sg);box-shadow:var(--lift);text-align:start}
[data-cr-dr] #main .p-offer>*{grid-column:1;min-width:0}
[data-cr-dr] #main .p-offer .o-lbl{margin:0;font:500 var(--f3)/1.2 var(--disp);font-style:italic;color:var(--mute)}
html:is(:lang(he),:lang(bg),:lang(el)) [data-cr-dr] :is(#main :is(p.p-lbl,.o-lbl,i,em,:is(blockquote.p-quote,div.cr-proof) p),aside.rail p.p-lbl){font-style:normal}
[data-cr-dr] #main .p-offer .o-name{margin:2px 0 10px;font:500 var(--f6)/1.1 var(--disp);letter-spacing:-.014em;color:var(--ink)}
@media (max-width:389px){[data-cr-dr] #main .p-offer .o-name{font-size:var(--f5)} html:is(:lang(bg),:lang(el)) [data-cr-dr] #main .p-offer .o-name{font-size:var(--f4)} [data-cr-dr] #main .p-pick div.price{grid-column:1/-1}}   
[data-cr-dr] #main .p-offer .price .price-now bdi{color:var(--ink)}
[data-cr-dr] #main .p-offer a.btn{grid-column:2;grid-row:1/span 5;align-self:center;width:100%}
@media (min-width:768px) and (max-width:1199px){[data-cr-dr] #main .p-offer.compact{grid-template-columns:minmax(0,1fr) minmax(0,260px)}}   
@media (min-width:1024px) and (max-width:1199px){[data-cr-dr] #main :is(.p-offer.compact,.p-offer.wc-final){column-gap:var(--s5);padding-inline:20px}}   
[data-cr-dr] #main .p-offer .chips{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;column-gap:var(--s5);margin-top:var(--s4);padding-top:14px;border-top:1px solid var(--line)}
[data-cr-dr] #main .p-offer p.guar{grid-column:1/-1;margin:var(--s4) 0 0;font:400 var(--f2)/1.5 var(--ui);color:var(--ink2)}
[data-cr-dr] #main :is(.p-offer,.p-pick) .r-rating{display:grid;grid-template-columns:auto auto;justify-content:start;column-gap:12px;align-items:center;margin:0 0 12px}
[data-cr-dr] #main :is(.p-offer,.p-pick) .r-rating .rr{display:contents}
[data-cr-dr] #main :is(.p-offer,.p-pick) .r-rating :is(.meter,.rr .n){grid-area:1/2;align-self:end;justify-self:center}
[data-cr-dr] #main :is(.p-offer,.p-pick) .r-rating .rr-l{grid-area:1/1/span 2;align-self:center;white-space:normal}
[data-cr-dr] #main :is(.p-offer,.p-pick) .r-rating .score-word{grid-area:2/2;justify-self:center;text-align:center}
[data-cr-dr] #main .p-offer.compact>.r-rating{display:none}
@media (max-width:1023px){[data-cr-dr]:not(:has(.p-offer.card:not(.compact),.p-pick)) #main .p-offer.compact>.r-rating{display:grid}}
[data-cr-dr] #main .p-offer.card:not(.compact){grid-template-columns:minmax(0,1fr) 200px}
[data-cr-dr] #main .p-offer.card:not(.compact) .c-head{grid-column:1}
[data-cr-dr] #main .p-offer.card:not(.compact) .c-pic{grid-column:2;grid-row:1/span 7;align-self:center}
[data-cr-dr] #main .p-offer.card:not(.compact) a.btn,[data-cr-dr] #main .p-offer.wc-final a.btn{grid-column:1;grid-row:auto;max-width:400px;margin-top:12px}   
[data-cr-dr] #main .p-final{position:relative;isolation:isolate;margin:var(--s6) 0 0;padding:var(--s5);border-radius:var(--r);background:var(--wk)}
[data-cr-dr] #main .p-offer.wc-final{grid-template-columns:minmax(0,1fr) 200px;margin:0}
[data-cr-dr] #main .p-offer.wc-final .gu-first{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:700 var(--f2)/1.3 var(--ui);color:var(--ink)}
[data-cr-dr] #main .p-offer.wc-final .gu-first svg{color:var(--ink);max-width:none;max-height:none}
[data-cr-dr] #main .p-offer.wc-final p.urg{margin:10px 0 0;font:400 var(--f1)/1.4 var(--ui);color:var(--mute)}
[data-cr-dr] #main .p-offer.wc-final .chips{grid-template-columns:repeat(2,minmax(0,auto))}
[data-cr-dr] #main .p-offer.wc-final .fin-pic{grid-column:2;grid-row:1/span 6;align-self:center}
[data-cr-dr] #main .p-offer.wc-final .fin-pic .well img{inline-size:94%;block-size:94%}
[data-cr-dr] #main .gu-steps{grid-column:1/-1;margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}
[data-cr-dr] #main .gu-steps h3{margin:0 0 10px;font:500 var(--f4)/1.25 var(--disp)}
[data-cr-dr] #main .gu-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3) var(--s5);margin:0;padding:0;list-style:none;counter-reset:gu}
[data-cr-dr] #main .gu-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;margin:0;counter-increment:gu;font:400 var(--f1)/1.45 var(--ui);color:var(--ink2)}
[data-cr-dr] #main .gu-steps li::before{content:counter(gu);display:grid;place-items:end center;width:28px;height:32px;padding-bottom:1px;border:2.5px solid var(--ink);border-bottom:0;border-radius:14px 14px 0 0;font:700 var(--f2)/1 var(--disp);color:var(--ink)}
@media (max-width:767px){
[data-cr-dr] #main .p-offer,[data-cr-dr] #main .p-offer.card:not(.compact),[data-cr-dr] #main .p-offer.wc-final{grid-template-columns:minmax(0,1fr);padding:18px 16px 20px}
[data-cr-dr] #main .p-offer a.btn,[data-cr-dr] #main .p-offer.card:not(.compact) a.btn,[data-cr-dr] #main .p-offer.wc-final a.btn{grid-column:1;grid-row:auto;max-width:none;margin-top:12px}
[data-cr-dr] #main .p-offer .chips,[data-cr-dr] #main .p-offer.wc-final .chips{grid-template-columns:minmax(0,1fr)}
[data-cr-dr] #main .p-offer.card:not(.compact){grid-template-columns:minmax(0,1fr) 96px;column-gap:16px}
[data-cr-dr] #main .p-offer.card:not(.compact) .c-pic{grid-column:2;grid-row:1/span 3;align-self:start}
[data-cr-dr] #main .p-offer.card:not(.compact)>:not(.c-pic):not(.c-head):not(.r-rating){grid-column:1/-1}
[data-cr-dr] #main .p-offer.wc-final .fin-pic{display:none}
[data-cr-dr] #main .p-final{padding:var(--s3)}
[data-cr-dr] #main .gu-steps ol{grid-template-columns:minmax(0,1fr)}
}
[data-cr-dr] #main .p-pick{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:16px;align-items:center;margin:var(--s4) 0 var(--s5);padding:14px 16px;background:var(--sg);border-radius:var(--r);box-shadow:var(--lift2)}
[data-cr-dr] #main .p-pick .c-pic{grid-column:1;grid-row:1/span 3}
[data-cr-dr] #main .p-pick .c-head .o-name{margin:0;font:500 var(--f5)/1.1 var(--disp);color:var(--ink)}
[data-cr-dr] #main .p-pick .r-rating{margin:6px 0 8px}
[data-cr-dr] #main .p-pick .price .price-now bdi{font-size:var(--f6)}
[data-cr-dr] #main .p-pick a.btn{grid-column:1/-1;margin-top:12px}
@media (max-width:349px){
[data-cr-dr] #main :is(.p-offer,.p-pick) .r-rating{row-gap:2px}
[data-cr-dr] #main :is(.p-offer,.p-pick) .r-rating .rr-l{grid-area:1/1/2/span 2}
[data-cr-dr] #main :is(.p-offer,.p-pick) .r-rating :is(.meter,.rr .n){grid-area:2/1}
[data-cr-dr] #main :is(.p-offer,.p-pick) .r-rating .score-word{grid-area:3/1}
[data-cr-dr] #main .p-offer :is(.price-now,.price-now bdi),#main .fc-deal :is(.price-now,.price-now bdi){font-size:var(--f7)}   
}
[data-cr-dr] #main section.faq{margin-top:var(--s7)}
[data-cr-dr] #main section.faq>h2{margin:0 0 var(--s3)}
[data-cr-dr] #main details.q>summary :is(h3,h4){margin:0;font:inherit;letter-spacing:0}
[data-cr-dr] #main details.q>.a p{margin:0 0 10px}
[data-cr-dr] aside.rail .r-rating{display:grid;grid-template-columns:minmax(0,1fr) auto}
[data-cr-dr] aside.rail .r-rating .rr{display:contents}
[data-cr-dr] aside.rail .r-rating .rr-l{grid-area:1/1/span 2;align-self:center}
[data-cr-dr] aside.rail .r-rating .score-word{grid-area:2/2;justify-self:center;text-align:center}
[data-cr-dr] aside.rail .r-rating :is(.meter,.rr .n){grid-area:1/2;align-self:end;justify-self:center}
[data-cr-dr] aside.rail p{margin:0}
[data-cr-dr] aside.rail .r-price p.save{margin-top:2px}
[data-cr-dr] aside.rail .r-price p.chk{margin-top:8px}
[data-cr-dr] #main :is(.o-lbl,.gu-first,details.q>summary,.p-notes>div>:is(h3,h4)),aside.rail .r-lbl{text-wrap:balance}
aside.bar{position:fixed;inset-inline:0;bottom:0;z-index:60;background:var(--sheet);border-top:2px solid var(--amber);box-shadow:0 -10px 28px -12px rgba(74,40,16,.38);transform:translateY(110%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}
aside.bar.on{transform:none;visibility:visible;transition:transform .22s ease}
html.bar-armed footer.foot{padding-bottom:72px}
aside.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:72px;padding-block:10px}
aside.bar .bl{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;min-width:0}
aside.bar .bname{font:500 var(--f5)/1.15 var(--disp);letter-spacing:-.012em;color:var(--ink)}
aside.bar .bwas{order:3;font:400 var(--f2)/1.2 var(--ui);color:var(--mute);text-decoration:line-through}
aside.bar .bnow{order:2;position:relative;isolation:isolate;display:inline-flex;align-self:center;padding-block:3px 4px;padding-inline:25px 11px;background:var(--ink);font:500 var(--f5)/1.15 var(--disp);color:var(--ink);font-variant-numeric:lining-nums;clip-path:polygon(11px 0,100% 0,100% 100%,11px 100%,0 calc(100% - 11px),0 11px)}
aside.bar .bnow::before{content:"";position:absolute;inset:1.5px;z-index:-1;background:var(--tag);clip-path:polygon(10.1px 0,100% 0,100% 100%,10.1px 100%,0 calc(100% - 10.1px),0 10.1px)}
aside.bar .bnow::after{content:"";position:absolute;inset-inline-start:9px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--sheet);box-shadow:inset 0 0 0 1.5px var(--ink)}
[dir=rtl] aside.bar .bnow{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%)}
[dir=rtl] aside.bar .bnow::before{clip-path:polygon(0 0,calc(100% - 10.1px) 0,100% 10.1px,100% calc(100% - 10.1px),calc(100% - 10.1px) 100%,0 100%)}
aside.bar a.key{flex:none;min-height:48px;min-width:240px}
@media (max-width:599px){
aside.bar .wrap{gap:10px;min-height:60px;padding-block:6px}
html.bar-armed footer.foot{padding-bottom:66px}
aside.bar .bl{position:relative;flex:1 1 auto;width:max-content;gap:2px 8px;max-height:calc(var(--f2) * 1.15 + 2px + var(--f3) * 1.15 + 8px);padding-top:calc(var(--f2) * 1.15 + 2px);overflow:hidden}
aside.bar .bl::after{content:"";order:9;width:4px}
aside.bar .bname{position:absolute;top:0;inset-inline-start:0;max-width:100%;font-size:var(--f2);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
aside.bar .bnow{font-size:var(--f3);padding-inline:22px 9px}
aside.bar .bwas{font-size:var(--f1);line-height:1.1}
aside.bar a.key{flex:0 100 auto;min-width:min-content;max-width:46%;padding-inline:6px;font-size:var(--f2);line-height:1.2;white-space:normal}
aside.bar a.key svg.ic{display:none}
}
@media (max-width:389px){aside.bar .wrap{gap:6px} aside.bar .bnow{padding-inline:20px 8px} aside.bar a.key{max-width:48%;font-size:var(--f1)}}
.dp header.sitebar .wrap{justify-content:flex-start}
.dp main .doc{max-width:calc(880px + 2 * var(--gut));padding-block:var(--s6) 0}
.dp .doc h1{font:500 var(--f8)/1.08 var(--disp);letter-spacing:-.018em;color:var(--ink);text-wrap:balance}
html:lang(he) .dp .doc h1{letter-spacing:0;line-height:1.18}
.dp #main .doc h2{margin:var(--s7) 0 var(--s3);font:500 var(--f5)/1.2 var(--disp);letter-spacing:-.012em;color:var(--ink);scroll-margin-top:var(--s5)}
html:lang(he) .dp #main .doc h2{letter-spacing:0;line-height:1.22}
.dp .doc h3{margin:var(--s5) 0 var(--s2);font:700 var(--f3)/1.3 var(--ui);color:var(--ink)}
.dp .doc p,.dp .doc li{font-size:var(--f3);line-height:1.65;color:var(--ink2)}
.dp .doc p{margin:0 0 var(--s4)}
.dp .doc :is(ul,ol):not(.toc ol){margin:0 0 var(--s4);padding-inline-start:22px;list-style:revert}
.dp .doc li{margin-bottom:6px}
.dp .doc a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--amber);text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere}
.dp .doc a:hover{color:var(--ember)}
.dp .doc nav.toc{margin:var(--s5) 0 var(--s6);padding:var(--s3) var(--s5);background:var(--sg);border-radius:var(--r);box-shadow:var(--lift2)}
.dp .doc nav.toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows,6),auto);grid-auto-flow:column;column-gap:var(--s6);margin:0;padding:0;list-style:none}
.dp .doc nav.toc li{margin:0;break-inside:avoid}
.dp .doc nav.toc li a{display:flex;align-items:baseline;gap:12px;min-height:44px;margin-block:0;padding-block:10px;font:600 var(--f2)/1.35 var(--ui);text-decoration:none}
.dp .doc nav.toc a:hover .t{text-decoration:underline;text-decoration-color:var(--amber);text-decoration-thickness:2px;text-underline-offset:4px}
.dp .doc nav.toc .n{flex:none;min-width:22px;font:500 var(--f2)/1.35 var(--disp);color:var(--mute);font-variant-numeric:lining-nums}
.dp .doc address.pub{margin:var(--s4) 0 var(--s5);padding:var(--s4) var(--s5);border-inline-start:3px solid var(--amber);background:rgba(241,223,203,.4);border-radius:0 var(--r) var(--r) 0;font:400 var(--f2)/1.6 var(--ui);font-style:normal;color:var(--ink2)}
.dp .doc address.pub a{display:inline-flex;align-items:center;min-height:44px}   
[dir=rtl] .dp .doc address.pub{border-radius:var(--r) 0 0 var(--r)}
@media (max-width:599px){.dp .doc h1{font-size:var(--f9)} .dp .doc nav.toc ol{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row} .dp .doc nav.toc{padding-inline:var(--s4)}}
.dp main.nf .doc{padding-bottom:0}
.dp main.nf .doc p{margin-top:var(--s3);font-size:var(--f4);max-width:34em}
.dp nav.groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);margin-top:var(--s6)}
.dp nav.groups>div{padding:var(--s4) var(--s5) var(--s3);background:var(--sg);border-radius:26px 26px var(--r) var(--r);box-shadow:var(--lift2)}
.dp #main nav.groups h2{margin:0 0 var(--s1);font:500 var(--f5)/1.2 var(--disp);font-style:italic;color:var(--ink)}
.dp #main nav.groups h2::before{content:none}
html:is(:lang(he),:lang(bg),:lang(el)) .dp #main nav.groups h2{font-style:normal}
.dp nav.groups a{display:flex;align-items:center;min-height:44px;font:700 var(--f2)/1.3 var(--ui);color:var(--ink);text-decoration:underline;text-decoration-color:var(--amber);text-decoration-thickness:2px;text-underline-offset:5px}
.dp nav.groups a:hover{color:var(--ember)}
@media (max-width:767px){.dp nav.groups{grid-template-columns:minmax(0,1fr);gap:var(--s4)}}
[dir=rtl] :is(.flip,.meter),[dir=rtl] #main .tbl td .meter{transform:scaleX(-1)}   
[dir=rtl] .price .price-now,[dir=rtl] .hp .tile .pick .price{letter-spacing:0}