button,input,select,textarea{-webkit-appearance:none;appearance:none}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button,input::-webkit-search-cancel-button,input::-webkit-search-decoration{appearance:none;-webkit-appearance:none;margin:0}
button,input,textarea,select{touch-action:manipulation}
input,textarea{caret-color:var(--blue)}
input::placeholder,textarea::placeholder{color:#727d84;opacity:1}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.drawn-select{position:relative;display:block;min-width:0;width:100%;font:inherit}
.drawn-select select[hidden]{display:none}
.drawn-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:44px;padding:10px 13px;background:var(--surface);border:1px solid #bfc8c1;border-radius:7px 10px 6px 9px;box-shadow:0 2px 0 #20303b12;text-align:left;font:inherit;font-size:13px;cursor:pointer}
.drawn-select-trigger>span{min-width:0;line-height:1.5}
.drawn-select-trigger>.icon{position:static!important;width:17px!important;height:17px!important;flex:0 0 17px;pointer-events:none;transition:transform .15s}
.drawn-select-trigger[aria-expanded=true]{border-color:var(--blue);box-shadow:0 0 0 3px #345bdd12}
.drawn-select-trigger[aria-expanded=true]>.icon{transform:rotate(180deg)}
.drawn-select-options{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:50;padding:6px;display:block;background:var(--surface);border:1.5px solid var(--ink);border-radius:9px 6px 12px 7px;box-shadow:3px 4px 0 #20303b25;max-height:245px;overflow-y:auto}
.drawn-select-options[hidden]{display:none}
.drawn-select-option{display:block;width:100%;padding:11px 32px 11px 11px;min-height:43px;border-radius:5px 8px 5px 7px;position:relative;text-align:left;font-size:12px;line-height:1.5;cursor:pointer}
.drawn-select-option[aria-selected=true]{background:#e7eddd;font-weight:750}
.drawn-select-option[aria-selected=true]:after{content:'✓';position:absolute;right:12px;color:var(--blue)}
.drawn-select-option:hover,.drawn-select-option.is-active{background:var(--bluewash);color:var(--blue)}
.catalog-controls{--catalog-control-height:36px;align-items:center;padding-bottom:12px}
.catalog-search,.sort-control{height:var(--catalog-control-height);min-height:var(--catalog-control-height)}
.catalog-search input{height:100%;padding:0;line-height:1.3}
.sort-control .drawn-select{height:100%}
.sort-control,.comment-sort{overflow:visible}
.sort-control>.icon:last-child,.comment-sort>.icon:last-child{display:none}
.sort-control .drawn-select-trigger,.comment-sort .drawn-select-trigger{border:0;box-shadow:none;background:transparent;font-size:11px;padding:9px 12px 9px 0}
.sort-control .drawn-select-trigger{height:100%;min-height:0;padding-block:0}
.sort-control .drawn-select-options,.comment-sort .drawn-select-options{left:-32px;min-width:190px}
.drawn-number{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;min-height:46px;width:100%;background:var(--surface);border:1px solid #b9b59c;border-radius:7px 10px 6px 9px;box-shadow:0 2px 0 #20303b12;padding:4px}
.drawn-number:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #345bdd15}
.calculator-fields .drawn-number input{border:0;background:transparent;min-height:36px;padding:4px;text-align:center;outline:0;font-size:16px;font-weight:750;box-shadow:none}
.number-step{display:grid;place-items:center;border-radius:5px 7px 5px 6px;width:34px;height:36px;background:#eee9d4;color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
.number-step>.icon{width:19px;height:19px}
.number-step:hover{background:#efd27d}
.number-step:active{transform:translateY(1px)}
.number-step:disabled{opacity:.35;cursor:default}
.calculator-fields .calculator-basis{font-size:12px}
.calculator-fields .drawn-select-trigger{background:var(--surface);min-height:46px;padding:11px 15px}
.compare-check input[type=checkbox]{display:grid;place-items:center;width:16px;height:16px;border:1.5px solid #829187;background:var(--surface);border-radius:3px 5px 3px 4px;flex-shrink:0;cursor:pointer}
.compare-check input[type=checkbox]:checked{background:var(--blue);border-color:var(--ink)}
.compare-check input[type=checkbox]:checked:after{content:'✓';font-size:12px;line-height:1;color:#fffdf7;font-weight:800}
.drawn-field-error{display:block;font-size:11px;line-height:1.5;margin:7px 0;color:#9b3f33}
[aria-invalid=true]{border-color:#ad5d4e!important}
.edition>.age-mark-small{display:flex;width:31px;height:31px;font-size:13px;border:1.6px solid var(--ink);border-radius:45% 48% 47% 43%;background:#f1d67e;gap:0;margin-left:8px;box-shadow:1px 1px 0 var(--ink)}
.edition>.age-mark-small>span{font-size:9px;align-self:center}
.brand-cell{grid-template-columns:34px 98px minmax(0,1fr)}
.brand-cell .brand-logo,.brand-logo{width:98px;height:62px;padding:10px 9px}
.brand-logo img{width:100%;height:100%;object-fit:contain}
.detail-dialog .brand-logo{width:140px;height:78px}
.compare-table th .brand-logo{width:125px;height:65px}
.aside-brand .brand-logo{width:100px;height:62px}
@media(max-width:1350px) and (min-width:1001px){.brand-cell{grid-template-columns:34px 88px minmax(0,1fr);gap:8px}.brand-cell .brand-logo{width:88px;height:60px}.ranking-row,.list-labels{grid-template-columns:minmax(230px,2.1fr) 60px minmax(140px,1.6fr) 86px}.ranking-row .facts-cell,.list-labels>span:nth-child(4){display:none}}
@media(min-width:651px) and (max-width:1000px){.brand-cell{grid-template-columns:34px 94px minmax(0,1fr)}.brand-cell .brand-logo{width:94px;height:61px}}
@media(max-width:650px){.brand-cell{grid-template-columns:36px 64px minmax(0,1fr);gap:7px}.brand-cell .brand-logo{width:64px;height:53px;padding:7px}.brand-cell h3{font-size:15px}.drawn-select-trigger{font-size:13px}.calculator-fields .drawn-number{grid-template-columns:28px minmax(0,1fr) 28px;padding:3px}.number-step{width:27px;height:38px}.number-step>.icon{width:16px;height:16px}.compare-table th .brand-logo{width:100%;height:56px}.calculator-fields .drawn-select-trigger{font-size:14px}}
@media(max-width:360px){.brand-cell{grid-template-columns:32px 54px minmax(0,1fr);gap:6px}.brand-cell .brand-logo{width:54px;height:49px;padding:6px}.brand-cell h3{font-size:13px}.ranking-row{grid-template-columns:minmax(0,1fr) 55px;gap:13px 8px}.ranking-row .rating>span:first-child{font-size:22px}.calculator-fields .drawn-number{grid-template-columns:24px minmax(0,1fr) 24px}.number-step{width:24px}.calculator-fields .drawn-number input{font-size:14px}}
.sort-control .drawn-select-options,.comment-sort .drawn-select-options{left:auto;right:0;min-width:215px;max-width:calc(100vw - 32px)}

.button:active{transform:translate(2px,2px);box-shadow:none}
@media(max-width:650px){
.catalog-controls{--catalog-control-height:40px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.catalog-search{width:100%;height:var(--catalog-control-height);min-height:var(--catalog-control-height)}
.sort-control{width:100%;height:var(--catalog-control-height);margin:0;padding-left:12px}
.sort-control .drawn-select-trigger{padding-right:13px;font-size:12px}
.sort-control .drawn-select-options{min-width:0;width:calc(100% + 35px)}
.ranking-row{grid-template-columns:minmax(0,1fr) 76px;align-items:stretch;gap:14px 10px}
.ranking-row .brand-cell,.ranking-row .score-cell{align-self:start}
.ranking-row .offer-cell,.ranking-row .row-actions{align-self:stretch;border:0;padding-top:15px;position:relative}
.ranking-row .offer-cell:before{content:'';position:absolute;height:1px;background:var(--line);top:0;left:0;right:-86px}
.ranking-row .row-actions{gap:10px}
.ranking-row .facts-cell{margin:0;padding-top:11px}
}
@media(max-width:360px){.ranking-row{grid-template-columns:minmax(0,1fr) 66px;gap:13px 8px}.ranking-row .offer-cell:before{right:-74px}}

.catalog-search:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.catalog-search input:focus-visible{outline:none}

.mini-directory{display:flex;align-items:center;gap:6px;margin-top:6px;min-width:0}
.mini-directory-label{flex:0 0 42px;font-size:8px;line-height:1.2;color:var(--muted);white-space:nowrap}
.mini-logo-list{display:flex;align-items:center;gap:4px;min-width:0;flex-wrap:wrap}
.mini-logo{display:flex;align-items:center;justify-content:center;width:40px;height:26px;flex:0 0 40px;background:var(--surface);border:1px solid var(--line);border-radius:4px 5px 3px 4px;padding:3px}
.mini-logo img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;filter:brightness(0) saturate(100%);opacity:.88}
.mini-directory-payments .mini-logo img{filter:grayscale(1) brightness(.65) contrast(5);mix-blend-mode:multiply;opacity:1}
.mini-directory-providers .mini-logo{width:46px;flex-basis:46px}
.mini-more{display:grid;place-items:center;min-width:28px;min-height:26px;padding:2px 4px;border:1px solid #345bdd33;border-radius:4px 5px 3px 4px;background:var(--bluewash);color:var(--blue);font-size:10px;line-height:1;font-weight:800;white-space:nowrap;box-shadow:1px 1px 0 #20303b20}
.mini-more:hover{border-color:var(--blue)}
.mini-more:active{transform:translate(1px,1px);box-shadow:none}
.directory-names{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.directory-names li{font-size:12px;line-height:1.4;padding:9px;background:var(--paper);border-radius:5px 7px 4px 6px;overflow-wrap:break-word}
@media(min-width:1351px){.ranking-row,.list-labels{grid-template-columns:minmax(235px,2.2fr) .75fr minmax(175px,1.6fr) minmax(220px,1.15fr) 98px}}
@media(min-width:651px) and (max-width:1350px){.ranking-row .facts-cell{display:flex;grid-column:1/-1;grid-row:2;align-items:center;flex-wrap:wrap;gap:12px;margin:0;padding-top:0}.ranking-row .mini-directory{margin:0}.ranking-row .facts-cell small{margin:0 0 0 auto}}
@media(max-width:650px){.ranking-row .facts-cell{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.ranking-row .platform-format{flex:1;max-width:none}.ranking-row .mini-directory{flex:0 0 100%;order:1;margin:0}.ranking-row .facts-cell small{margin:0 0 0 auto}.mini-directory-label{flex-basis:48px;font-size:9px}.mini-more{min-height:30px;min-width:30px}.directory-names{grid-template-columns:repeat(2,minmax(0,1fr))}}

.mini-directory-payments .mini-logo{width:31px;flex-basis:31px;padding:3px}.mini-payment-code{font-family:inherit;font-size:10px;font-weight:800;line-height:1;color:var(--ink);letter-spacing:-.3px}.mini-directory-payments .mini-logo-list{gap:4px}

.ranking-row>div{min-width:0}.ranking-row .offer-cell>strong{white-space:normal;overflow-wrap:break-word;text-wrap:pretty}.ranking-row .facts-cell{min-width:0}

button.mini-directory-label{padding:0;text-align:left;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}button.mini-directory-label:hover{color:var(--blue)}

@media(max-width:650px){.list-labels{display:none}.ranking-row .brand-cell{grid-column:1;grid-row:1}.ranking-row .score-cell{grid-column:2;grid-row:1}.ranking-row .offer-cell{grid-column:1;grid-row:2}.ranking-row .row-actions{grid-column:2;grid-row:2}.ranking-row .facts-cell{grid-column:1/-1;grid-row:3}}
@media(min-width:601px) and (max-width:650px){.catalog-grid{gap:10px}.ranking-row{padding:18px 13px;border:1px solid var(--line);border-radius:9px 7px 10px 6px;min-height:0}.ranking-row:first-child{border-top:1px solid var(--line)}.ranking-row .facts-cell{border-top:1px solid var(--line)}}