/* TatSeek header menu: full-width panels + small tools. Mock: artifact "Навигация TatSeek" v2 (2026-10-03). Layout: logo | menu centred | actions, same 40/24/16 gutters as the layout system. Panels are plain links; the tool on the right is JS help. */ :is(#topmenu,#tsk-mnav) .tsk-car, :is(#topmenu,#tsk-mnav) .tsk-panel, :is(#topmenu,#tsk-mnav) .tsk-msub{ display:none; } /* ---------- desktop header grid ---------- */ @media (min-width:1024px){ html body #topmenu > .container{ display:grid !important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; } html body #topmenu .navbar-header{ grid-column:1; grid-row:1; justify-self:start; } html body #topmenu #nav-main{ display:contents !important; } html body #topmenu #menu-top-menu{ grid-column:2; grid-row:1; margin:0 !important; display:flex !important; align-items:center; } html body #topmenu #menu-top-right{ grid-column:3; grid-row:1; justify-self:end; margin:0 !important; display:flex !important; align-items:center; gap:12px; } html body #topmenu #menu-top-menu > li{ position:static !important; display:flex !important; align-items:center; } html body #topmenu #menu-top-menu > li > a{ padding-right:4px !important; } html body #topmenu #menu-top-menu > li > a::after{ right:4px !important; } html body :is(#topmenu,#tsk-mnav) .tsk-car{ display:inline-flex; align-items:center; justify-content:center; width:26px; height:34px; margin-right:10px; padding:0; border:0; background:none; cursor:pointer; color:var(--tsk-black,#111); } html body :is(#topmenu,#tsk-mnav) .tsk-car span{ width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translate(-2px,-2px); transition:transform .2s ease; } html body :is(#topmenu,#tsk-mnav) .tsk-car[aria-expanded="true"] span{ transform:rotate(225deg) translate(-2px,-2px); } html body :is(#topmenu,#tsk-mnav) .tsk-car:focus-visible{ outline:2px solid var(--tsk-red,#e4574d); outline-offset:-2px; border-radius:4px; } html body :is(#topmenu,#tsk-mnav) .tsk-has-panel.is-open > a::after{ transform:scaleX(1); } :is(#topmenu,#tsk-mnav) .tsk-panel{ position:absolute; left:0; right:0; top:100%; background:var(--tsk-white,#fff); border-bottom:1px solid var(--tsk-gray-vlight,#e6e6e6); box-shadow:0 18px 40px rgba(0,0,0,.10); padding:28px var(--tsk-gutter,40px) 32px; z-index:1029; text-align:left; text-transform:none; letter-spacing:0; } :is(#topmenu,#tsk-mnav) .tsk-has-panel.is-open > .tsk-panel{ display:block; } :is(#topmenu,#tsk-mnav) .tsk-panel::before{ content:''; position:absolute; left:0; right:0; top:-26px; height:26px; } :is(#topmenu,#tsk-mnav) .tsk-in{ max-width:var(--tsk-content-max,1280px); margin:0 auto; display:grid; gap:28px; align-items:stretch; min-height:400px; grid-template-columns:repeat(3,minmax(0,.8fr)) minmax(0,2.6fr); } :is(#topmenu,#tsk-mnav) .tsk-g > .tsk-col{ grid-column:1 / span 3; display:flex; flex-direction:column; } :is(#topmenu,#tsk-mnav) .tsk-g .tsk-steps{ flex:1; grid-template-rows:repeat(3,minmax(0,1fr)); } } /* tablet: links only, no panels */ @media (min-width:768px) and (max-width:1023px){ :is(#topmenu,#tsk-mnav) .tsk-car{ display:none; } } /* ---------- header actions ---------- */ #topmenu #menu-top-right li.tsk-forstudios-li{ display:flex; align-items:center; } html body #topmenu #menu-top-right .tsk-forstudios{ border:1px solid var(--tsk-black,#111); border-radius:6px; padding:8px 14px !important; font-size:13px !important; font-weight:600; letter-spacing:0 !important; text-transform:none !important; line-height:1.2 !important; color:var(--tsk-black,#111) !important; background:none !important; } html body #topmenu #menu-top-right .tsk-forstudios:hover{ background:var(--tsk-black,#111) !important; color:var(--tsk-white,#fff) !important; } /* ---------- panel columns ---------- */ :is(#topmenu,#tsk-mnav) .tsk-col h3{ margin:0 0 10px; font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--tsk-black,#111); line-height:1.3; } :is(#topmenu,#tsk-mnav) .tsk-col h3 small{ font-weight:500; letter-spacing:0; text-transform:none; margin-left:6px; color:var(--tsk-gray-light,#6b6f76); font-size:12px; } :is(#topmenu,#tsk-mnav) .tsk-col ul{ list-style:none; margin:0; padding:0; display:grid; gap:2px; } :is(#topmenu,#tsk-mnav) .tsk-col li a{ display:flex; align-items:baseline; gap:8px; padding:6px 0 !important; font-size:14px !important; font-weight:400 !important; letter-spacing:0 !important; text-transform:none !important; color:var(--tsk-black,#111) !important; line-height:1.4 !important; } :is(#topmenu,#tsk-mnav) .tsk-col li a:hover .tsk-l{ text-decoration:underline; } :is(#topmenu,#tsk-mnav) .tsk-col .tsk-e{ flex:none; width:1.5em; text-align:center; } :is(#topmenu,#tsk-mnav) .tsk-col .tsk-l{ flex:1; min-width:0; } :is(#topmenu,#tsk-mnav) .tsk-col li a b{ font-weight:400; color:var(--tsk-gray-light,#6b6f76); font-variant-numeric:tabular-nums; } :is(#topmenu,#tsk-mnav) .tsk-all{ display:inline-block; margin-top:8px; font-size:13px !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; color:var(--tsk-black,#111) !important; padding:0 !important; } :is(#topmenu,#tsk-mnav) .tsk-all::after{ content:' \2192'; } :is(#topmenu,#tsk-mnav) .tsk-steps{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } :is(#topmenu,#tsk-mnav) .tsk-step{ display:grid; gap:3px; align-content:start; border:1px solid var(--tsk-gray-vlight,#e6e6e6); border-radius:10px; padding:12px 14px !important; background:var(--tsk-white,#fff); color:var(--tsk-black,#111) !important; text-transform:none !important; letter-spacing:0 !important; min-width:0; } :is(#topmenu,#tsk-mnav) .tsk-step:hover{ border-color:var(--tsk-black,#111); background:var(--tsk-white,#fff) !important; } :is(#topmenu,#tsk-mnav) .tsk-step i{ font-style:normal; display:flex; gap:6px; align-items:center; font-size:12px; font-weight:600; color:var(--tsk-gray-light,#6b6f76); font-variant-numeric:tabular-nums; } :is(#topmenu,#tsk-mnav) .tsk-step b{ font-size:15px; font-weight:700; line-height:1.25; } :is(#topmenu,#tsk-mnav) .tsk-step span{ font-size:13px; color:var(--tsk-gray-light,#6b6f76); line-height:1.35; font-weight:400; } /* ---------- tools ---------- */ :is(#topmenu,#tsk-mnav) .tsk-wg{ background:#f6f6f6; border:1px solid #e9e9e9; border-radius:12px; padding:14px 16px; display:grid; gap:10px; align-content:start; min-width:0; font-size:13.5px; line-height:1.45; color:var(--tsk-black,#111); text-transform:none; letter-spacing:0; } :is(#topmenu,#tsk-mnav) .tsk-wg-h{ display:grid; gap:2px; } :is(#topmenu,#tsk-mnav) .tsk-wg-h b{ font-size:16px; font-weight:700; } :is(#topmenu,#tsk-mnav) .tsk-wg-h span{ color:var(--tsk-gray-light,#6b6f76); font-size:12.5px; } :is(#topmenu,#tsk-mnav) .tsk-wg-ctl{ display:grid; gap:10px; min-width:0; } :is(#topmenu,#tsk-mnav) .tsk-wg-row{ display:grid; gap:5px; min-width:0; } :is(#topmenu,#tsk-mnav) .tsk-wg-row > i{ font-style:normal; font-size:10.5px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--tsk-gray-light,#6b6f76); } :is(#topmenu,#tsk-mnav) .tsk-chips{ display:flex; flex-wrap:wrap; gap:6px; } :is(#topmenu,#tsk-mnav) .tsk-chip{ border:1px solid var(--tsk-gray-vlight,#e1e1e1); background:var(--tsk-white,#fff); color:var(--tsk-black,#111); border-radius:100px; padding:5px 11px; font-size:13px; font-weight:500; line-height:1.3; cursor:pointer; text-transform:none; letter-spacing:0; } :is(#topmenu,#tsk-mnav) .tsk-chip:hover{ border-color:var(--tsk-black,#111); } :is(#topmenu,#tsk-mnav) .tsk-chip[aria-pressed="true"]{ background:var(--tsk-black,#111); color:var(--tsk-white,#fff); border-color:var(--tsk-black,#111); } :is(#topmenu,#tsk-mnav) .tsk-chip:focus-visible, :is(#topmenu,#tsk-mnav) .tsk-btn:focus-visible, :is(#topmenu,#tsk-mnav) .tsk-wg select:focus-visible, :is(#topmenu,#tsk-mnav) .tsk-wg input:focus-visible{ outline:2px solid var(--tsk-red,#e4574d); outline-offset:2px; } :is(#topmenu,#tsk-mnav) .tsk-wg select{ width:100%; border:1px solid var(--tsk-gray-vlight,#e1e1e1); background:var(--tsk-white,#fff); color:var(--tsk-black,#111); border-radius:8px; padding:7px 10px; font-size:14px; height:auto; } :is(#topmenu,#tsk-mnav) .tsk-wg input[type=range]{ width:100%; accent-color:var(--tsk-black,#111); } :is(#topmenu,#tsk-mnav) .tsk-wg-out{ border-top:1px solid #e3e3e3; padding-top:12px; display:grid; gap:9px; min-width:0; } :is(#topmenu,#tsk-mnav) .tsk-wg-out p{ margin:0; } :is(#topmenu,#tsk-mnav) .tsk-btns{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; } :is(#topmenu,#tsk-mnav) .tsk-btn{ border:1px solid var(--tsk-black,#111); background:var(--tsk-black,#111); color:var(--tsk-white,#fff) !important; border-radius:8px; padding:8px 13px !important; font-size:13px !important; font-weight:600 !important; line-height:1.2 !important; cursor:pointer; text-transform:none !important; letter-spacing:0 !important; width:max-content; max-width:100%; } :is(#topmenu,#tsk-mnav) .tsk-btn.ghost{ background:none; color:var(--tsk-black,#111) !important; } :is(#topmenu,#tsk-mnav) .tsk-btn.sm{ padding:5px 10px !important; font-size:12px !important; } :is(#topmenu,#tsk-mnav) .tsk-mut{ color:var(--tsk-gray-light,#6b6f76); font-size:12.5px; } :is(#topmenu,#tsk-mnav) .tsk-big{ font-size:24px; font-weight:700; line-height:1.1; font-variant-numeric:tabular-nums; } :is(#topmenu,#tsk-mnav) .tsk-meter{ display:grid; grid-template-columns:repeat(5,1fr); gap:3px; margin-top:5px; max-width:200px; } :is(#topmenu,#tsk-mnav) .tsk-meter i{ height:8px; border-radius:2px; background:#dcdcdc; } :is(#topmenu,#tsk-mnav) .tsk-meter i.on{ background:var(--tsk-black,#111); } :is(#topmenu,#tsk-mnav) .tsk-kv{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:5px 14px; align-items:baseline; } :is(#topmenu,#tsk-mnav) .tsk-kv > span:nth-child(odd){ color:var(--tsk-gray-light,#6b6f76); } :is(#topmenu,#tsk-mnav) .tsk-pill{ display:inline-block; border-radius:100px; padding:2px 9px; font-size:12px; font-weight:600; white-space:nowrap; } :is(#topmenu,#tsk-mnav) .tsk-pill.ok{ background:#e6f1e8; color:#2f6b3f; } :is(#topmenu,#tsk-mnav) .tsk-pill.warn{ background:#faefd9; color:#8f5a00; } :is(#topmenu,#tsk-mnav) .tsk-pill.mute{ background:#e6e6e6; color:#6b6f76; } :is(#topmenu,#tsk-mnav) .tsk-vd{ border-radius:10px; padding:8px 12px; display:grid; gap:2px; } :is(#topmenu,#tsk-mnav) .tsk-vd b{ font-size:14.5px; } :is(#topmenu,#tsk-mnav) .tsk-vd span{ font-size:13px; } :is(#topmenu,#tsk-mnav) .tsk-vd.ok{ background:#e6f1e8; } :is(#topmenu,#tsk-mnav) .tsk-vd.ok b{ color:#2f6b3f; } :is(#topmenu,#tsk-mnav) .tsk-vd.warn{ background:#faefd9; } :is(#topmenu,#tsk-mnav) .tsk-vd.warn b{ color:#8f5a00; } :is(#topmenu,#tsk-mnav) .tsk-vd.bad{ background:#fbe6e3; } :is(#topmenu,#tsk-mnav) .tsk-vd.bad b{ color:#b3261e; } :is(#topmenu,#tsk-mnav) .tsk-rows{ display:grid; } :is(#topmenu,#tsk-mnav) .tsk-rows > div{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; align-items:center; padding:5px 0; border-bottom:1px solid var(--tsk-gray-vlight,#e1e1e1); } :is(#topmenu,#tsk-mnav) .tsk-rows > div:last-child{ border-bottom:0; } :is(#topmenu,#tsk-mnav) .tsk-rows.two{ grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; } :is(#topmenu,#tsk-mnav) .tsk-rows.two > div:nth-last-child(-n+2){ border-bottom:0; } :is(#topmenu,#tsk-mnav) .tsk-rows a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } :is(#topmenu,#tsk-mnav) .tsk-wg-2{ display:grid; grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr); gap:14px; align-items:start; } :is(#topmenu,#tsk-mnav) .tsk-wg-2 .tsk-chip{ padding:4px 9px; font-size:12.5px; } :is(#topmenu,#tsk-mnav) .tsk-foot{ display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; justify-content:space-between; } :is(#topmenu,#tsk-mnav) .tsk-foot p{ margin:0; } :is(#topmenu,#tsk-mnav) .tsk-rows a{ font-size:14px !important; font-weight:700 !important; text-transform:none !important; letter-spacing:0 !important; padding:0 !important; color:var(--tsk-black,#111) !important; } :is(#topmenu,#tsk-mnav) .tsk-rows a:hover{ text-decoration:underline; } :is(#topmenu,#tsk-mnav) .tsk-rows small{ display:block; color:var(--tsk-gray-light,#6b6f76); font-size:12px; } /* ---------- phone: full-height menu, accordion rows, buttons at the bottom ---------- */ @media (max-width:767px){ html body.tsk-menu-open{ overflow:hidden; } html body #topmenu #nav-main.in, html body #topmenu #nav-main.collapsing{ position:absolute !important; top:100% !important; left:0 !important; right:0 !important; margin:0 !important; width:auto !important; height:calc(100vh - 53px) !important; height:calc(100dvh - 53px) !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch; background:var(--tsk-white,#fff); padding:14px 16px 32px !important; border-top:1px solid #ececec; box-shadow:0 20px 30px rgba(0,0,0,.08); z-index:1029; display:flex !important; flex-direction:column; gap:6px; } html body #topmenu #searchform-mobile{ display:block !important; order:0 !important; margin:0 0 6px !important; padding:0 !important; border:0 !important; box-shadow:none !important; width:100%; } html body #topmenu #searchform-mobile .form-control{ width:100%; height:46px; border:0; border-radius:10px; background:#f3f3f3; padding:0 14px; font-size:16px; box-shadow:none; } html body #topmenu #menu-top-menu{ order:1 !important; margin:0 !important; } html body #topmenu #menu-top-menu > li{ border-bottom:1px solid #ececec; width:100%; box-sizing:border-box; } html body #topmenu #menu-top-menu > li > a:focus:not(:focus-visible){ outline:none; box-shadow:none; } html body #topmenu #menu-top-menu > li.tsk-has-panel{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; } html body #topmenu #nav-main.in #menu-top-menu > li > a, html body #topmenu #nav-main.collapsing #menu-top-menu > li > a{ font-size:18px !important; padding:16px 0 !important; letter-spacing:.05em !important; } html body #topmenu #menu-top-menu > li > a::after{ display:none; } html body :is(#topmenu,#tsk-mnav) .tsk-car{ display:inline-flex; align-items:center; justify-content:center; width:48px; height:52px; padding:0; border:0; background:none; color:var(--tsk-black,#111); cursor:pointer; } html body :is(#topmenu,#tsk-mnav) .tsk-car span{ width:9px; height:9px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translate(-2px,-2px); transition:transform .2s ease; } html body :is(#topmenu,#tsk-mnav) .tsk-car[aria-expanded="true"] span{ transform:rotate(225deg) translate(-2px,-2px); } html body :is(#topmenu,#tsk-mnav) .tsk-has-panel.is-open > .tsk-msub{ display:flex; } html body :is(#topmenu,#tsk-mnav) .tsk-msub{ grid-column:1 / -1; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0 0 18px; } html body :is(#topmenu,#tsk-mnav) .tsk-msub a{ display:block; border:1px solid #e1e1e1; border-radius:100px; padding:8px 14px !important; font-size:14px !important; line-height:1.2 !important; letter-spacing:0 !important; text-transform:none !important; font-weight:500 !important; color:var(--tsk-black,#111) !important; background:#fff; } html body #topmenu #menu-top-right{ order:2 !important; display:grid !important; gap:10px; margin:12px 0 0 !important; padding:0 !important; } html body #topmenu #nav-main #menu-top-right li:not(.hidden-xs):not(.hideme){ display:block !important; } html body #topmenu #nav-main #menu-top-right li.hidden-xs, html body #topmenu #nav-main #menu-top-right li.hideme{ display:none !important; } html body #topmenu #nav-main #menu-top-right li a[href*="/for-studios/"], html body #topmenu #nav-main #menu-top-right li a[href*="/signup/"], html body #topmenu #nav-main #menu-top-right li a[href*="/login/"]{ display:block; text-align:center; padding:14px 16px !important; border:1px solid #111 !important; border-radius:10px !important; font-size:15px !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; color:#111 !important; background:#fff !important; } html body #topmenu #nav-main #menu-top-right li a[href*="/login/"]{ background:#e4574d !important; border-color:#e4574d !important; color:#fff !important; } } @media (prefers-reduced-motion:reduce){ :is(#topmenu,#tsk-mnav) .tsk-car span{ transition:none; } } :is(#topmenu,#tsk-mnav) .tsk-wg .tsk-chip{ padding:4px 9px; font-size:12.5px; } :is(#topmenu,#tsk-mnav) .tsk-wg-ctl{ gap:8px; } /* ---------- phone: bottom tab bar + More sheet (2026-10-06) ---------- */ :is(#topmenu,#tsk-mnav) .tsk-bar, :is(#topmenu,#tsk-mnav) .tsk-more{ display:none; } @media (max-width:767px){ html.tsk-mnav-on body #topmenu .navbar-toggle, html.tsk-mnav-on body #topmenu #nav-main{ display:none !important; } html.tsk-mnav-on body{ padding-bottom:calc(60px + env(safe-area-inset-bottom,0px)) !important; } html.tsk-mnav-on :is(#topmenu,#tsk-mnav) .tsk-bar{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); position:fixed; left:0; right:0; bottom:0; z-index:1032; background:var(--tsk-white,#fff); border-top:1px solid #e6e6e6; padding-bottom:env(safe-area-inset-bottom,0px); } :is(#topmenu,#tsk-mnav) .tsk-bar a, :is(#topmenu,#tsk-mnav) .tsk-bar button{ display:grid; justify-items:center; align-content:center; gap:2px; min-height:58px; padding:6px 0 !important; border:0; background:none; color:#8a8d92 !important; font-size:10.5px !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; line-height:1.15 !important; cursor:pointer; text-decoration:none; } :is(#topmenu,#tsk-mnav) .tsk-bar a span{ font-size:21px; line-height:1.1; filter:grayscale(1); opacity:.7; } :is(#topmenu,#tsk-mnav) .tsk-bar a.on{ color:var(--tsk-black,#111) !important; } :is(#topmenu,#tsk-mnav) .tsk-bar a.on span{ filter:none; opacity:1; } :is(#topmenu,#tsk-mnav) .tsk-bar.more-open a.on{ color:#8a8d92 !important; } :is(#topmenu,#tsk-mnav) .tsk-bar.more-open a.on span{ filter:grayscale(1); opacity:.7; } :is(#topmenu,#tsk-mnav) .tsk-bar.more-open .tsk-bar-more{ color:var(--tsk-black,#111) !important; } :is(#topmenu,#tsk-mnav) .tsk-bg{ display:grid; gap:4px; width:20px; height:23px; align-content:center; } :is(#topmenu,#tsk-mnav) .tsk-bg i{ display:block; height:2px; border-radius:1px; background:currentColor; } :is(#topmenu,#tsk-mnav) .tsk-bar :focus-visible{ outline:2px solid var(--tsk-red,#e4574d); outline-offset:-3px; border-radius:8px; } html.tsk-mnav-on :is(#topmenu,#tsk-mnav) .tsk-more:not([hidden]){ display:flex; flex-direction:column; gap:10px; position:fixed; left:0; right:0; top:0; bottom:calc(58px + env(safe-area-inset-bottom,0px)); z-index:1031; background:var(--tsk-white,#fff); overflow-y:auto; -webkit-overflow-scrolling:touch; padding:0 16px 24px; text-align:left; } :is(#topmenu,#tsk-mnav) .tsk-more-h{ position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; min-height:52px; background:var(--tsk-white,#fff); border-bottom:1px solid #ececec; margin:0 -16px; padding:0 8px 0 16px; } :is(#topmenu,#tsk-mnav) .tsk-more-h b{ font-size:18px; font-weight:700; } :is(#topmenu,#tsk-mnav) .tsk-more-x{ width:44px; height:44px; border:0; background:none; font-size:30px; line-height:1; color:var(--tsk-black,#111); cursor:pointer; } :is(#topmenu,#tsk-mnav) .tsk-more-k{ margin:8px 0 0; font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#8a8d92; } :is(#topmenu,#tsk-mnav) .tsk-qa{ display:grid; gap:8px; } :is(#topmenu,#tsk-mnav) .tsk-qa-row{ border:1px solid #e6e6e6; border-radius:12px; overflow:hidden; background:var(--tsk-white,#fff); } :is(#topmenu,#tsk-mnav) .tsk-qa-h{ width:100%; display:grid; grid-template-columns:26px minmax(0,1fr) auto; gap:8px; align-items:center; text-align:left; border:0; background:none; color:var(--tsk-black,#111); padding:13px 14px; font-size:15px; font-weight:600; cursor:pointer; } :is(#topmenu,#tsk-mnav) .tsk-qa-h small{ display:block; font-size:12px; font-weight:400; color:#8a8d92; } :is(#topmenu,#tsk-mnav) .tsk-cv{ width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translate(-2px,-2px); transition:transform .2s ease; } :is(#topmenu,#tsk-mnav) .tsk-qa-row.open .tsk-cv{ transform:rotate(225deg) translate(-2px,-2px); } :is(#topmenu,#tsk-mnav) .tsk-qa-b{ padding:0 10px 10px; } :is(#topmenu,#tsk-mnav) .tsk-qa-b .tsk-wg{ border:0; padding:12px; } :is(#topmenu,#tsk-mnav) .tsk-qa-b .tsk-wg-h{ display:none; } :is(#topmenu,#tsk-mnav) .tsk-qa-b .tsk-wg-2{ grid-template-columns:minmax(0,1fr); } :is(#topmenu,#tsk-mnav) .tsk-qa-b .tsk-rows.two{ grid-template-columns:minmax(0,1fr); } :is(#topmenu,#tsk-mnav) .tsk-qa-b .tsk-rows.two > div:nth-last-child(2){ border-bottom:1px solid #e3e3e3; } :is(#topmenu,#tsk-mnav) .tsk-acc{ display:grid; gap:9px; } :is(#topmenu,#tsk-mnav) .tsk-acc2{ display:grid; grid-template-columns:1fr 1fr; gap:9px; } :is(#topmenu,#tsk-mnav) .tsk-acc-b{ display:block; text-align:center; border:1px solid var(--tsk-black,#111); border-radius:10px; padding:13px 14px !important; font-size:15px !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; color:var(--tsk-black,#111) !important; background:var(--tsk-white,#fff); } :is(#topmenu,#tsk-mnav) .tsk-acc-b.red{ background:var(--tsk-red,#e4574d); border-color:var(--tsk-red,#e4574d); color:#fff !important; } /* fixed bits from other modules sit above the bar */ html.tsk-mnav-on .tsk-ga-bar:not([hidden]){ bottom:calc(70px + env(safe-area-inset-bottom,0px)) !important; } html.tsk-mnav-on .tsk-share{ bottom:calc(72px + env(safe-area-inset-bottom,0px)) !important; } }