rahim7

critical.css

Jul 31st, 2025
331
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 117.10 KB | None | 0 0
  1. /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  2. /* Document
  3.    ========================================================================== */
  4. /**
  5.  * 1. Correct the line height in all browsers.
  6.  * 2. Prevent adjustments of font size after orientation changes in iOS.
  7.  * 3. box-sizing setup.
  8.  */
  9. html {
  10.   line-height: 1.15; /* 1 */
  11.   -webkit-text-size-adjust: 100%; /* 2 */
  12.   box-sizing: border-box; /* 3 */
  13. }
  14.  
  15. @font-face {
  16.     font-family: 'Family';
  17.     src: url('./Family-Light.woff2') format('woff2'),
  18.         url('./Family-Light.woff') format('woff');
  19.     font-weight: 300;
  20.     font-style: normal;
  21.     font-display: swap;
  22. }
  23. body {
  24.   font-family: 'Family' !important;
  25. }
  26.  
  27. *,
  28. *:before,
  29. *:after {
  30.   box-sizing: inherit; /* 3 */
  31. }
  32.  
  33. *:focus-visible:focus-visible {
  34.   --outline-color: var(--color-links-active);
  35.   outline: 2px solid var(--outline-color);
  36.   outline-offset: calc(var(--gap, 8px) * 0.5);
  37.   box-shadow: 0 0 0 3px rgba(var(--color-links-active), 0.5);
  38. }
  39. body.no-focus-visible *:focus-visible:focus-visible {
  40.   outline-color: transparent;
  41. }
  42.  
  43. input:not([type=checkbox]),
  44. textarea {
  45.   outline-offset: 0 !important;
  46. }
  47.  
  48. /* Sections
  49.    ========================================================================== */
  50. /**
  51.  * Remove the margin in all browsers.
  52.  */
  53. body {
  54.   margin: 0;
  55. }
  56.  
  57. /**
  58.  * Render the `main` element consistently in IE.
  59.  */
  60. main {
  61.   display: block;
  62. }
  63.  
  64. /**
  65.  * Correct the font size and margin on `h1` elements within `section` and
  66.  * `article` contexts in Chrome, Firefox, and Safari.
  67.  */
  68. h1 {
  69.   font-size: 2em;
  70.   margin: 0.67em 0;
  71. }
  72.  
  73. /* Grouping content
  74.    ========================================================================== */
  75. /**
  76.  * 1. Add the correct box sizing in Firefox.
  77.  * 2. Show the overflow in Edge and IE.
  78.  */
  79. hr {
  80.   box-sizing: content-box; /* 1 */
  81.   height: 0; /* 1 */
  82.   overflow: visible; /* 2 */
  83. }
  84.  
  85. /**
  86.  * 1. Correct the inheritance and scaling of font size in all browsers.
  87.  * 2. Correct the odd `em` font sizing in all browsers.
  88.  */
  89. pre {
  90.   font-family: 'Family' !important;
  91.   /*font-family: monospace, monospace; /* 1 */
  92.   font-size: 1em; /* 2 */
  93. }
  94.  
  95. p {
  96.   margin: 0;
  97. }
  98.  
  99. /* Text-level semantics
  100.    ========================================================================== */
  101. /**
  102.  * Remove the gray background on active links in IE 10.
  103.  */
  104. a {
  105.   background-color: transparent;
  106. }
  107.  
  108. /**
  109.  * 1. Remove the bottom border in Chrome 57-
  110.  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  111.  */
  112. abbr[title] {
  113.   border-bottom: none; /* 1 */
  114.   text-decoration: underline; /* 2 */
  115.   text-decoration: underline dotted; /* 2 */
  116. }
  117.  
  118. /**
  119.  * Add the correct font weight in Chrome, Edge, and Safari.
  120.  */
  121. b,
  122. strong {
  123.   font-weight: bold;
  124. }
  125.  
  126. /**
  127.  * 1. Correct the inheritance and scaling of font size in all browsers.
  128.  * 2. Correct the odd `em` font sizing in all browsers.
  129.  */
  130. code,
  131. kbd,
  132. samp {
  133.   font-family: 'Family' !important;
  134.   /*font-family: monospace, monospace; /* 1 */
  135.   font-size: 1em; /* 2 */
  136. }
  137.  
  138. /**
  139.  * Add the correct font size in all browsers.
  140.  */
  141. small {
  142.   font-size: 80%;
  143. }
  144.  
  145. /**
  146.  * Prevent `sub` and `sup` elements from affecting the line height in
  147.  * all browsers.
  148.  */
  149. sub,
  150. sup {
  151.   font-size: 75%;
  152.   line-height: 0;
  153.   position: relative;
  154.   vertical-align: baseline;
  155. }
  156.  
  157. sub {
  158.   bottom: -0.25em;
  159. }
  160.  
  161. sup {
  162.   top: -0.5em;
  163. }
  164.  
  165. /* Embedded content
  166.    ========================================================================== */
  167. /**
  168.  * Remove the border on images inside links in IE 10.
  169.  */
  170. img {
  171.   border-style: none;
  172. }
  173.  
  174. /* Forms
  175.    ========================================================================== */
  176. /**
  177.  * 1. Change the font styles in all browsers.
  178.  * 2. Remove the margin in Firefox and Safari.
  179.  */
  180. button,
  181. input,
  182. optgroup,
  183. select,
  184. textarea {
  185.   font-family: inherit; /* 1 */
  186.   font-size: 100%; /* 1 */
  187.   line-height: 1.15; /* 1 */
  188.   margin: 0; /* 2 */
  189. }
  190.  
  191. /**
  192.  * Show the overflow in IE.
  193.  * 1. Show the overflow in Edge.
  194.  */
  195. button,
  196. input {
  197.   /* 1 */
  198.   overflow: visible;
  199. }
  200.  
  201. /**
  202.  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  203.  * 1. Remove the inheritance of text transform in Firefox.
  204.  */
  205. button,
  206. select {
  207.   /* 1 */
  208.   text-transform: none;
  209. }
  210.  
  211. /**
  212.  * Correct the inability to style clickable types in iOS and Safari.
  213.  */
  214. button,
  215. [type=button],
  216. [type=reset],
  217. [type=submit] {
  218.   -webkit-appearance: button;
  219. }
  220.  
  221. /**
  222.  * Remove the inner border and padding in Firefox.
  223.  */
  224. button::-moz-focus-inner,
  225. [type=button]::-moz-focus-inner,
  226. [type=reset]::-moz-focus-inner,
  227. [type=submit]::-moz-focus-inner {
  228.   border-style: none;
  229.   padding: 0;
  230. }
  231.  
  232. /**
  233.  * Restore the focus styles unset by the previous rule.
  234.  */
  235. button:-moz-focusring,
  236. [type=button]:-moz-focusring,
  237. [type=reset]:-moz-focusring,
  238. [type=submit]:-moz-focusring {
  239.   outline: 1px dotted ButtonText;
  240. }
  241.  
  242. /**
  243.  * Correct the padding in Firefox.
  244.  */
  245. fieldset {
  246.   padding: 0.35em 0.75em 0.625em;
  247. }
  248.  
  249. /**
  250.  * 1. Correct the text wrapping in Edge and IE.
  251.  * 2. Correct the color inheritance from `fieldset` elements in IE.
  252.  * 3. Remove the padding so developers are not caught out when they zero out
  253.  *    `fieldset` elements in all browsers.
  254.  */
  255. legend {
  256.   box-sizing: border-box; /* 1 */
  257.   color: inherit; /* 2 */
  258.   display: table; /* 1 */
  259.   max-width: 100%; /* 1 */
  260.   padding: 0; /* 3 */
  261.   white-space: normal; /* 1 */
  262. }
  263.  
  264. /**
  265.  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  266.  */
  267. progress {
  268.   vertical-align: baseline;
  269. }
  270.  
  271. /**
  272.  * Remove the default vertical scrollbar in IE 10+.
  273.  */
  274. textarea {
  275.   overflow: auto;
  276. }
  277.  
  278. /**
  279.  * 1. Add the correct box sizing in IE 10.
  280.  * 2. Remove the padding in IE 10.
  281.  */
  282. [type=checkbox],
  283. [type=radio] {
  284.   box-sizing: border-box; /* 1 */
  285.   padding: 0; /* 2 */
  286. }
  287.  
  288. /**
  289.  * Correct the cursor style of increment and decrement buttons in Chrome.
  290.  */
  291. [type=number]::-webkit-inner-spin-button,
  292. [type=number]::-webkit-outer-spin-button {
  293.   height: auto;
  294. }
  295.  
  296. /**
  297.  * 1. Correct the odd appearance in Chrome and Safari.
  298.  * 2. Correct the outline style in Safari.
  299.  */
  300. [type=search] {
  301.   -webkit-appearance: textfield; /* 1 */
  302.   outline-offset: -2px; /* 2 */
  303. }
  304.  
  305. /**
  306.  * Remove the inner padding in Chrome and Safari on macOS.
  307.  */
  308. [type=search]::-webkit-search-decoration {
  309.   -webkit-appearance: none;
  310. }
  311.  
  312. /**
  313.  * 1. Correct the inability to style clickable types in iOS and Safari.
  314.  * 2. Change font properties to `inherit` in Safari.
  315.  */
  316. ::-webkit-file-upload-button {
  317.   -webkit-appearance: button; /* 1 */
  318.   font: inherit; /* 2 */
  319. }
  320.  
  321. /* Interactive
  322.    ========================================================================== */
  323. /*
  324.  * Add the correct display in Edge, IE 10+, and Firefox.
  325.  */
  326. details {
  327.   display: block;
  328. }
  329.  
  330. /*
  331.  * Add the correct display in all browsers.
  332.  */
  333. summary {
  334.   display: list-item;
  335. }
  336.  
  337. /* Misc
  338.    ========================================================================== */
  339. /**
  340.  * Add the correct display in IE 10+.
  341.  */
  342. template {
  343.   display: none;
  344. }
  345.  
  346. /**
  347.  * Add the correct display in IE 10.
  348.  */
  349. [hidden] {
  350.   display: none;
  351. }
  352.  
  353. html {
  354.   font-size: 62.5%;
  355. }
  356.  
  357. body {
  358.   font-size: var(--font-base-size);
  359.   font-family: var(--font-base);
  360.   font-style: var(--font-base-style);
  361.   font-weight: var(--font-base-weight);
  362.   text-transform: var(--font-base-transform, none);
  363.   letter-spacing: var(--font-base-letter-spacing, normal);
  364.   line-height: var(--font-base-line-height, normal);
  365.   -webkit-font-smoothing: antialiased;
  366.   overflow-wrap: anywhere;
  367. }
  368.  
  369. /**
  370.  * @font-face definitions should be in /assets/fonts.css.liquid
  371.  * and linked in <head> of theme.liquid
  372.  */
  373. h1,
  374. h2,
  375. h3,
  376. h4,
  377. h5,
  378. h6 {
  379.   font-family: var(--font-headline);
  380.   font-style: var(--font-headline-style);
  381.   font-weight: var(--font-headline-weight);
  382.   text-transform: var(--font-headline-transform, none);
  383. }
  384.  
  385. small,
  386. .small {
  387.   font-size: 0.75rem;
  388. }
  389.  
  390. a {
  391.   text-decoration: none;
  392.   color: var(--color-links);
  393. }
  394. a:active {
  395.   color: var(--color-links-active);
  396. }
  397. @media (hover: hover) {
  398.   a:hover {
  399.     color: var(--color-links-active);
  400.   }
  401. }
  402.  
  403. strong,
  404. .b {
  405.   font-weight: bold;
  406. }
  407.  
  408. em,
  409. .i {
  410.   font-style: italic;
  411. }
  412.  
  413. input {
  414.   font-size: var(--font-base-size);
  415.   font-family: var(--font-base);
  416.   font-style: var(--font-base-style);
  417.   font-weight: var(--font-base-weight);
  418.   text-transform: var(--font-base-transform, none);
  419.   letter-spacing: var(--font-base-letter-spacing, normal);
  420.   line-height: var(--font-base-line-height, normal);
  421. }
  422.  
  423. ol,
  424. ul {
  425.   list-style: none;
  426.   padding: 0;
  427.   margin: 0;
  428. }
  429.  
  430. ul.list,
  431. ol.list {
  432.   padding-left: 2em;
  433. }
  434.  
  435. ol.list {
  436.   list-style: decimal;
  437. }
  438.  
  439. ul.list {
  440.   list-style: disc;
  441. }
  442.  
  443. body {
  444.   background: var(--color-background, #fff);
  445.   color: var(--color-body-text);
  446.   max-width: var(--hero-max-width);
  447.   margin-left: auto;
  448.   margin-right: auto;
  449. }
  450. @media (min-width: 2240px) {
  451.   body {
  452.     border: solid var(--color-border);
  453.     border-width: 0 1px;
  454.   }
  455. }
  456.  
  457. .skip-to-content-link {
  458.   position: absolute;
  459.   height: 48px;
  460.   display: flex;
  461.   justify-content: center;
  462.   align-content: center;
  463.   font-size: 2rem;
  464.   top: -56px;
  465.   left: 6px;
  466.   background: #000;
  467.   color: #fff !important;
  468.   padding: calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 2);
  469.   z-index: 100;
  470.   transition: top 0.3s;
  471. }
  472. .skip-to-content-link:focus {
  473.   top: 6px;
  474. }
  475.  
  476. .wt-page-loading {
  477.   overflow: hidden;
  478. }
  479.  
  480. .wt-page-loader {
  481.   position: fixed;
  482.   background-color: white;
  483.   display: flex;
  484.   align-items: center;
  485.   justify-content: center;
  486.   width: 100vw;
  487.   height: 100vh;
  488.   z-index: 100;
  489. }
  490. .wt-page-loading .wt-page-loader {
  491.   animation: loader-in 0.01s linear 1;
  492.   opacity: 1;
  493. }
  494. body:not(.wt-page-loading) .wt-page-loader {
  495.   opacity: 0;
  496.   transform: scale(0);
  497.   transition: opacity 0.3s, transform 0.1s 0.3s;
  498. }
  499.  
  500. @keyframes spinner-ring {
  501.   0% {
  502.     transform: rotate(0deg);
  503.   }
  504.   100% {
  505.     transform: rotate(360deg);
  506.   }
  507. }
  508. .spinner-ring {
  509.   --border-size: 3px;
  510.   --spinner-size: 64px;
  511.   display: inline-block;
  512.   width: var(--spinner-size);
  513.   height: var(--spinner-size);
  514.   border: var(--border-size) solid var(--swiper-scrollbar-track-color, #eee);
  515.   position: relative;
  516.   border-radius: 50%;
  517. }
  518. .spinner-ring::after {
  519.   content: " ";
  520.   display: block;
  521.   position: absolute;
  522.   top: calc(-1 * var(--border-size));
  523.   left: calc(-1 * var(--border-size));
  524.   width: var(--spinner-size);
  525.   height: var(--spinner-size);
  526.   border-radius: 50%;
  527.   border: var(--border-size) solid var(--swiper-theme-color);
  528.   border-color: var(--swiper-theme-color) transparent transparent transparent;
  529.   animation: spinner-ring 1.2s linear infinite;
  530. }
  531.  
  532. .pic-lazy {
  533.   filter: blur(7px);
  534.   background-repeat: no-repeat;
  535.   background-size: cover;
  536.   display: block;
  537. }
  538. .wt-mosaic__aside .pic-lazy {
  539.   height: 100%;
  540. }
  541. .pic-lazy.hero__pic {
  542.   width: 100%;
  543. }
  544. .pic-lazy [loading=lazy] {
  545.   opacity: 0;
  546.   transition: opacity 250ms ease-in-out;
  547. }
  548. .pic-lazy::before {
  549.   content: "";
  550.   position: absolute;
  551.   inset: 0;
  552.   opacity: 0;
  553.   animation: pulse 2.5s infinite;
  554.   background-color: white;
  555. }
  556. .pic-lazy.loaded {
  557.   filter: none;
  558. }
  559. .pic-lazy.loaded [loading=lazy] {
  560.   opacity: 1;
  561. }
  562. .pic-lazy.loaded::before {
  563.   animation: none;
  564.   z-index: -1;
  565. }
  566.  
  567. @keyframes pulse {
  568.   0% {
  569.     opacity: 0.05;
  570.   }
  571.   50% {
  572.     opacity: 0.35;
  573.   }
  574.   100% {
  575.     opacity: 0.05;
  576.   }
  577. }
  578. hr {
  579.   display: block;
  580.   border: 0;
  581.   margin: 0;
  582.   height: 1px;
  583.   width: 100%;
  584.   background-color: currentColor;
  585.   color: inherit;
  586. }
  587.  
  588. main section {
  589.   clear: both;
  590. }
  591.  
  592. main > section > * {
  593.   padding-top: min( var(--section-margin-block-mobile), var(--section-gap-top, gap(var(--section-gap, 2))) );
  594.   padding-bottom: min( var(--section-margin-block-mobile), var( --section-gap-bottom, gap(var(--section-gap, 2))) );
  595. }
  596. @media (min-width: 1200px) {
  597.   main > section > * {
  598.     padding-top: var(--section-gap-top, calc(var(--gap, 8px) * var(--section-gap, 2)));
  599.     padding-bottom: var(--section-gap-bottom, calc(var(--gap, 8px) * var(--section-gap, 2)));
  600.   }
  601. }
  602. main > section:nth-child(1).slideshow-section, main > section:nth-child(1).wt-video__section {
  603.   margin-top: 0;
  604. }
  605.  
  606. .wt-section__wrapper {
  607.   max-width: var(--site-max-width);
  608.   padding-left: calc(var(--gap, 8px) * 2);
  609.   padding-right: calc(var(--gap, 8px) * 2);
  610.   margin-left: auto;
  611.   margin-right: auto;
  612. }
  613. @media (min-width: 1200px) {
  614.   .wt-section__wrapper {
  615.     padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
  616.     padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
  617.   }
  618. }
  619. @media (min-width: 1800px) {
  620.   .wt-section__wrapper {
  621.     max-width: var(--site-max-width-big);
  622.   }
  623. }
  624. .wt-section__wrapper--full {
  625.   margin-left: auto;
  626.   margin-right: auto;
  627.   padding-inline: 0;
  628.   max-width: var(--hero-max-width);
  629. }
  630.  
  631. .rte-wrapper p {
  632.   margin: 0;
  633.   padding: 0;
  634. }
  635.  
  636. .hidden {
  637.   display: none !important;
  638. }
  639.  
  640. .visually-hidden {
  641.   position: absolute !important;
  642.   overflow: hidden;
  643.   width: 1px;
  644.   height: 1px;
  645.   margin: -1px;
  646.   padding: 0;
  647.   border: 0;
  648.   clip: rect(0 0 0 0);
  649.   word-wrap: normal !important;
  650. }
  651.  
  652. .visually-hidden--inline {
  653.   margin: 0;
  654.   height: 1em;
  655. }
  656.  
  657. js-link {
  658.   cursor: pointer;
  659. }
  660. js-link[data-mobile=true] {
  661.   cursor: default;
  662. }
  663.  
  664. .wt__quick-buy {
  665.   position: relative;
  666. }
  667. .wt__quick-buy__view-all-container {
  668.   display: flex;
  669.   margin-top: 16px;
  670.   margin-bottom: 16px;
  671. }
  672. .wt__quick-buy__view-all-container a {
  673.   display: flex;
  674.   gap: 8px;
  675.   justify-items: center;
  676.   align-items: center;
  677.   text-decoration: underline;
  678.   text-underline-offset: 4px;
  679. }
  680. .wt__quick-buy__view-all-container a svg {
  681.   width: 16px;
  682. }
  683. .wt__quick-buy .wt-product__options .f-thumb__list__item img {
  684.   width: auto;
  685. }
  686. .wt__quick-buy .model-media__container {
  687.   width: 100%;
  688.   position: relative;
  689. }
  690. .wt__quick-buy nav {
  691.   width: 100%;
  692.   max-width: 50rem;
  693.   display: flex;
  694.   justify-content: flex-end;
  695.   position: fixed;
  696.   top: 0;
  697.   right: 0;
  698.   z-index: 101;
  699.   padding: 16px;
  700. }
  701. .variant-dropdown-page-overlay .wt__quick-buy nav, .page-overlay-on.quick-buy-page-overlay .wt__quick-buy nav {
  702.   z-index: 100;
  703. }
  704. .wt__quick-buy nav .close-btn {
  705.   display: flex;
  706.   justify-content: center;
  707.   align-items: center;
  708.   cursor: pointer;
  709. }
  710. .wt__quick-buy nav .close-btn svg {
  711.   color: inherit;
  712.   width: var(--size-icon);
  713.   height: var(--size-icon);
  714. }
  715. @media (min-width: 600px) {
  716.   .wt__quick-buy nav .close-btn svg {
  717.     width: var(--size-icon-desk);
  718.     height: var(--size-icon-desk);
  719.   }
  720. }
  721. .wt__quick-buy nav .close-btn svg:hover {
  722.   color: var(--color-links-active);
  723. }
  724. .wt__quick-buy .wt-product__options variant-options {
  725.   gap: 0;
  726. }
  727. .wt__quick-buy .shopify-payment-button:has(.shopify-payment-button__button[disabled]) {
  728.   display: none;
  729. }
  730. .wt__quick-buy .wt-product__add-to-cart_form form {
  731.   max-width: none;
  732. }
  733. .wt__quick-buy .wt-product__add-to-cart_form .js-add-to-cart {
  734.   width: 100%;
  735. }
  736. .wt__quick-buy__container {
  737.   position: fixed;
  738.   background-color: var(--color-background);
  739.   width: 100%;
  740.   max-width: 50rem;
  741.   height: 100%;
  742.   z-index: 100;
  743.   transform: translateX(100%);
  744.   top: 0;
  745.   right: 0;
  746.   display: flex;
  747.   flex-direction: column;
  748.   transition: transform 0.3s cubic-bezier(0.12, 0.67, 0.53, 1), opacity 0.3s cubic-bezier(0.12, 0.67, 0.53, 1);
  749. }
  750. .wt__quick-buy__container--open {
  751.   transform: translateY(0);
  752. }
  753. .wt__quick-buy div[data-gallery] {
  754.   max-width: 100px;
  755. }
  756. @media (min-width: 1200px) {
  757.   .wt__quick-buy div[data-gallery] {
  758.     max-width: 200px;
  759.   }
  760. }
  761. .wt__quick-buy .wt-product__main {
  762.   width: 100%;
  763. }
  764. .wt__quick-buy .wt-product {
  765.   display: flex;
  766.   justify-content: center;
  767.   align-items: center;
  768. }
  769. .wt__quick-buy .wt-product__brand h2 {
  770.   font-size: calc(var(--font-base-size) * 1.1);
  771. }
  772. .wt__quick-buy .wt-product__brand fieldset {
  773.   border: none;
  774.   padding: 0;
  775. }
  776. .wt__quick-buy .wt__quick-buy--wrapper {
  777.   display: flex;
  778.   flex-direction: column;
  779.   position: fixed;
  780.   right: 0;
  781.   width: 100%;
  782.   max-width: 50rem;
  783.   height: 100%;
  784.   z-index: 100;
  785.   padding: 56px 32px 74px 32px;
  786.   overflow-y: auto;
  787.   scrollbar-width: thin;
  788. }
  789. @media (min-width: 900px) {
  790.   .wt__quick-buy .wt__quick-buy--wrapper {
  791.     top: 0;
  792.     padding: 56px 60px 74px 60px;
  793.   }
  794. }
  795. .wt__quick-buy .wt__quick-buy--wrapper pickup-availability {
  796.   display: none;
  797. }
  798. .wt__quick-buy .wt__quick-buy--wrapper .wt-product__main {
  799.   margin-bottom: 0;
  800. }
  801. .wt__quick-buy .wt__quick-buy--wrapper .wt-product__main.rte .wt-product__name a {
  802.   text-decoration: none;
  803. }
  804. .wt__quick-buy .wt__quick-buy--wrapper .wt-product__info .product__tax.caption.rte {
  805.   margin-bottom: 0;
  806. }
  807. .wt__quick-buy .wt__quick-buy--wrapper .wt-product__info .wt-product__details {
  808.   display: flex;
  809.   flex-direction: column;
  810. }
  811. .wt__quick-buy .wt__quick-buy--wrapper .wt-product__info .wt-product__details .product-image img {
  812.   border-radius: var(--border-radius);
  813.   cursor: default;
  814. }
  815. .wt__quick-buy .wt__quick-buy--wrapper .wt-product__info .wt-product__details .product-info {
  816.   flex: 5;
  817. }
  818. .wt__quick-buy .wt__quick-buy--wrapper .wt-product__info .wt-product__option {
  819.   margin-top: 16px;
  820. }
  821. .wt__quick-buy .wt__quick-buy--wrapper .wt-product__info .wt-product__option .wt-product__option__dropdown {
  822.   margin-bottom: 0;
  823. }
  824. .wt__quick-buy .wt__quick-buy--wrapper .wt-product__info .wt-product__name {
  825.   font-size: calc(var(--text-size) + 2px);
  826. }
  827. .wt__quick-buy .wt__quick-buy--wrapper .wt-product__info .wt-product__brand {
  828.   margin-top: 4px;
  829. }
  830. .wt__quick-buy .wt__quick-buy--wrapper .wt-product__info .wt-product__add-to-cart_form.main-product__buy-buttons--container {
  831.   margin-top: 16px;
  832. }
  833. .wt__quick-buy .wt__quick-buy--wrapper .wt-product__info .wt-product__feature-tags {
  834.   margin: 16px 0;
  835. }
  836. .wt__quick-buy .wt__quick-buy--wrapper::-webkit-scrollbar {
  837.   display: none;
  838. }
  839. .wt__quick-buy .wt__quick-buy-loader {
  840.   position: absolute;
  841.   top: 50%;
  842.   left: 50%;
  843.   transform: translate(-50%, -50%);
  844.   width: 50%; /* Or any specific width */
  845.   height: 50%; /* Or any specific height */
  846.   display: flex;
  847.   justify-content: center;
  848. }
  849.  
  850. .wt__quick-buy--page-overlay {
  851.   position: fixed;
  852.   height: 100vh;
  853.   width: 100%;
  854.   background: rgba(0, 0, 0, 0.5);
  855.   top: 0;
  856.   left: 0;
  857.   opacity: 0;
  858.   transform: scale(0);
  859.   z-index: 15;
  860.   transition: opacity 0.3s ease-in-out;
  861.   z-index: 49;
  862. }
  863. .page-overlay-cart-on.quick-buy-page-overlay .wt__quick-buy--page-overlay {
  864.   z-index: 51;
  865. }
  866. .wt__quick-buy--page-overlay--open {
  867.   opacity: 1;
  868.   transform: scale(1);
  869.   backdrop-filter: blur(4px);
  870. }
  871.  
  872. .quick-buy-page-overlay,
  873. .variant-dropdown-page-overlay {
  874.   overflow: hidden;
  875. }
  876.  
  877. .quick-buy-page-overlay.page-overlay-on.wt-select-opened .page-overlay {
  878.   display: none;
  879. }
  880.  
  881. .hero__wrapper.section-background-video .hero__overlay {
  882.   background: none;
  883. }
  884. .hero__wrapper.section-background-video .hero--video-background h2 {
  885.   color: var(--color-custom-text);
  886. }
  887.  
  888. .shopify-section:not(.page-header):not(.wt-announcement) {
  889.   background: rgba(var(--color-overlay-rgb), var(--color-overlay-opacity));
  890. }
  891.  
  892. .wt-slider {
  893.   background: var(--color-background);
  894. }
  895.  
  896. .background-video-section {
  897.   background: rgba(var(--color-overlay-rgb), var(--color-overlay-opacity));
  898.   padding-top: var(--section-gap-top);
  899.   padding-bottom: var(--section-gap-bottom);
  900. }
  901.  
  902. .hero.hero--video-background.hero__video__yt-wrapper .hero__overlay {
  903.   background: none;
  904. }
  905.  
  906. .hero__pic__link {
  907.   display: block;
  908.   width: 100%;
  909. }
  910.  
  911. .hero__wrapper .hero__pic__link {
  912.   display: block;
  913.   width: 100%;
  914. }
  915. .hero__wrapper .hero__pic__link .hero__pic {
  916.   width: 100%;
  917. }
  918.  
  919. .filter__color-swatch--wrapper {
  920.   height: 32px;
  921.   width: 32px;
  922.   display: flex;
  923.   align-items: center;
  924.   justify-content: center;
  925.   border: 1px solid transparent;
  926.   position: relative;
  927. }
  928. .filter__color-swatch--wrapper:focus {
  929.   border-color: var(--color-body-text);
  930. }
  931. .filter__color-swatch--wrapper.checked {
  932.   border-color: var(--color-body-text);
  933. }
  934. .filter__color-swatch--wrapper .color-swatcher--tooltip {
  935.   display: none;
  936. }
  937. @media (min-width: 1200px) {
  938.   .filter__color-swatch--wrapper:hover .color-swatcher--tooltip {
  939.     position: absolute;
  940.     display: block;
  941.     top: -35px;
  942.     left: 50%;
  943.     transform: translateX(-50%);
  944.     padding: 0.2rem 1.3rem;
  945.     background-color: var(--color-background);
  946.     border: 1px solid var(--color-border);
  947.     border-radius: 5px;
  948.     color: var(--color-custom-text);
  949.     font-family: var(--font-base);
  950.     font-size: 12px;
  951.     white-space: nowrap;
  952.   }
  953. }
  954.  
  955. .form-checkbox__input + .filter__color-swatch--wrapper {
  956.   border-color: var(--color-input-border);
  957.   border-radius: var(--border-radius-button);
  958.   position: relative;
  959. }
  960. .form-checkbox__input + .filter__color-swatch--wrapper.rounded {
  961.   border-radius: 50px;
  962. }
  963. .form-checkbox__input + .filter__color-swatch--wrapper .svg-icon.svg-icon--check.filter__color-swatch {
  964.   background-color: var(--color-background, #fff);
  965.   width: 100%;
  966.   height: 100%;
  967.   max-width: 26px;
  968.   max-height: 26px;
  969.   margin: 0;
  970.   padding: 0;
  971.   border-radius: var(--border-radius-button);
  972. }
  973. .form-checkbox__input + .filter__color-swatch--wrapper .svg-icon.svg-icon--check.filter__color-swatch g {
  974.   display: none;
  975. }
  976. .form-checkbox__input + .filter__color-swatch--wrapper .svg-icon.svg-icon--check.filter__color-swatch.rounded {
  977.   border-radius: 50px;
  978. }
  979.  
  980. .form-checkbox__input:checked + .filter__color-swatch--wrapper {
  981.   border-color: var(--color-body-text);
  982.   position: relative;
  983. }
  984.  
  985. .filter__body.wt-collapse__target .list--checkbox.f-list.wrap {
  986.   flex-direction: row;
  987.   flex-wrap: wrap;
  988.   gap: 12px;
  989. }
  990. @media (min-width: 1200px) {
  991.   [data-position=drawer] .filter__body.wt-collapse__target .list--checkbox.f-list.wrap {
  992.     display: grid;
  993.     grid-template-columns: repeat(11, 1fr);
  994.     gap: 8px;
  995.   }
  996.   [data-position=always] .filter__body.wt-collapse__target .list--checkbox.f-list.wrap {
  997.     display: grid;
  998.     grid-template-columns: repeat(6, 1fr);
  999.     gap: 8px 0px;
  1000.   }
  1001. }
  1002.  
  1003. select:focus-visible {
  1004.   outline: -webkit-focus-ring-color auto 1px;
  1005. }
  1006.  
  1007. .product-form__submit:focus-visible {
  1008.   outline: var(--color-button-primary-background-hover) auto 1px;
  1009. }
  1010.  
  1011. a:focus-visible:not([class*=button]) {
  1012.   color: var(--color-links-active);
  1013. }
  1014.  
  1015. .active-facets__button-inner.button.button--tertiary {
  1016.   display: flex;
  1017.   background: #eee;
  1018.   align-items: center;
  1019.   justify-content: center;
  1020.   height: var(--height-chip);
  1021.   border-radius: min(var(--border-radius), var(--height-chip) / 2);
  1022.   padding-left: calc(var(--gap, 8px) * 1.5);
  1023.   padding-right: calc(var(--gap, 8px) * 0);
  1024.   font-size: min(var(--font-base-size), 1.4rem);
  1025. }
  1026. @media (min-width: 1200px) {
  1027.   .active-facets__button-inner.button.button--tertiary {
  1028.     padding-left: calc(var(--gap, 8px) * 1.5);
  1029.     padding-right: calc(var(--gap, 8px) * 0.75);
  1030.   }
  1031. }
  1032.  
  1033. .wt-slideshow__swiper-lazy {
  1034.   position: relative;
  1035. }
  1036.  
  1037. .modal__toggle-open.password-link.link.underlined-link:hover {
  1038.   text-decoration: underline;
  1039.   text-underline-offset: 4px;
  1040. }
  1041.  
  1042. .share-button {
  1043.   display: block;
  1044.   position: relative;
  1045. }
  1046.  
  1047. .share-button details {
  1048.   width: fit-content;
  1049. }
  1050.  
  1051. .share-button__button {
  1052.   font-size: 1.4rem;
  1053.   display: flex;
  1054.   align-items: center;
  1055.   color: rgb(var(--color-link));
  1056.   margin-left: 0;
  1057.   padding-left: 0;
  1058.   padding: 8px 0;
  1059. }
  1060.  
  1061. details[open] > .share-button__fallback {
  1062.   animation: animateMenuOpen var(--duration-default) ease;
  1063. }
  1064.  
  1065. .share-button__button:hover {
  1066.   text-decoration: underline;
  1067.   text-underline-offset: 0.3rem;
  1068. }
  1069.  
  1070. .share-button__button,
  1071. .share-button__fallback button {
  1072.   cursor: pointer;
  1073.   background-color: transparent;
  1074.   border: none;
  1075. }
  1076.  
  1077. .share-button__button .icon-share {
  1078.   height: 1.2rem;
  1079.   margin-right: 1rem;
  1080.   min-width: 1.3rem;
  1081. }
  1082.  
  1083. .share-button__fallback {
  1084.   display: flex;
  1085.   align-items: center;
  1086.   position: absolute;
  1087.   top: 3rem;
  1088.   left: 0.1rem;
  1089.   z-index: 3;
  1090.   width: 100%;
  1091.   min-width: max-content;
  1092.   border-radius: var(--inputs-radius);
  1093.   border: 0;
  1094. }
  1095.  
  1096. .share-button__fallback:after {
  1097.   pointer-events: none;
  1098.   content: "";
  1099.   position: absolute;
  1100.   top: var(--inputs-border-width);
  1101.   right: var(--inputs-border-width);
  1102.   bottom: var(--inputs-border-width);
  1103.   left: var(--inputs-border-width);
  1104.   border: 0.1rem solid transparent;
  1105.   border-radius: var(--inputs-radius);
  1106.   box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  1107.   transition: box-shadow var(--duration-short) ease;
  1108.   z-index: 1;
  1109. }
  1110.  
  1111. .share-button__fallback:before {
  1112.   background: rgb(var(--color-background));
  1113.   pointer-events: none;
  1114.   content: "";
  1115.   position: absolute;
  1116.   top: 0;
  1117.   right: 0;
  1118.   bottom: 0;
  1119.   left: 0;
  1120.   border-radius: var(--inputs-radius-outset);
  1121.   box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow), var(--inputs-shadow-opacity));
  1122.   z-index: -1;
  1123. }
  1124.  
  1125. .share-button__fallback button {
  1126.   width: 4.4rem;
  1127.   height: 4.4rem;
  1128.   padding: 0;
  1129.   flex-shrink: 0;
  1130.   display: flex;
  1131.   justify-content: center;
  1132.   align-items: center;
  1133.   position: relative;
  1134.   right: var(--inputs-border-width);
  1135. }
  1136.  
  1137. .share-button__fallback button:hover {
  1138.   color: rgba(var(--color-foreground), 0.75);
  1139. }
  1140.  
  1141. .share-button__fallback button:hover svg {
  1142.   transform: scale(1.07);
  1143. }
  1144.  
  1145. .share-button__close:not(.hidden) + .share-button__copy {
  1146.   display: none;
  1147. }
  1148.  
  1149. .share-button__close,
  1150. .share-button__copy {
  1151.   background-color: transparent;
  1152.   color: rgb(var(--color-foreground));
  1153. }
  1154.  
  1155. .share-button__copy:focus-visible,
  1156. .share-button__close:focus-visible {
  1157.   background-color: rgb(var(--color-background));
  1158.   z-index: 2;
  1159. }
  1160.  
  1161. .share-button__copy:focus,
  1162. .share-button__close:focus {
  1163.   background-color: rgb(var(--color-background));
  1164.   z-index: 2;
  1165. }
  1166.  
  1167. .field:not(:focus-visible):not(.focused) + .share-button__copy:not(:focus-visible):not(.focused),
  1168. .field:not(:focus-visible):not(.focused) + .share-button__close:not(:focus-visible):not(.focused) {
  1169.   background-color: inherit;
  1170. }
  1171.  
  1172. .share-button__fallback .field:after,
  1173. .share-button__fallback .field:before {
  1174.   content: none;
  1175. }
  1176.  
  1177. .share-button__fallback .field {
  1178.   border-radius: 0;
  1179.   min-width: auto;
  1180.   min-height: auto;
  1181.   transition: none;
  1182. }
  1183.  
  1184. .share-button__fallback .field__input:focus,
  1185. .share-button__fallback .field__input:-webkit-autofill {
  1186.   outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
  1187.   outline-offset: 0.1rem;
  1188.   box-shadow: 0 0 0 0.1rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
  1189. }
  1190.  
  1191. .share-button__fallback .field__input {
  1192.   box-shadow: none;
  1193.   text-overflow: ellipsis;
  1194.   white-space: nowrap;
  1195.   overflow: hidden;
  1196.   filter: none;
  1197.   min-width: auto;
  1198.   min-height: auto;
  1199. }
  1200.  
  1201. .share-button__fallback .field__input:hover {
  1202.   box-shadow: none;
  1203. }
  1204.  
  1205. .share-button__fallback .icon {
  1206.   width: 1.5rem;
  1207.   height: 1.5rem;
  1208. }
  1209.  
  1210. .share-button__message:not(:empty) {
  1211.   display: flex;
  1212.   align-items: center;
  1213.   width: 100%;
  1214.   height: 100%;
  1215.   margin-top: 0;
  1216.   padding: 0.8rem 0 0.8rem 1.5rem;
  1217.   margin: var(--inputs-border-width);
  1218. }
  1219.  
  1220. .share-button__message:not(:empty):not(.hidden) ~ * {
  1221.   display: none;
  1222. }
  1223.  
  1224. input:focus {
  1225.   outline: none;
  1226. }
  1227.  
  1228. button:focus,
  1229. a:focus,
  1230. input:focus {
  1231.   outline: none;
  1232. }
  1233.  
  1234. button:focus-visible,
  1235. a:focus-visible:not([class*=button]),
  1236. input:not([type=checkbox]):focus-visible {
  1237.   --outline-color: var(--color-links-active);
  1238.   outline: 2px solid var(--outline-color);
  1239.   outline-offset: calc(var(--gap, 8px) * 0.5);
  1240.   box-shadow: 0 0 0 3px rgba(var(--color-links-active), 0.5);
  1241. }
  1242. body.no-focus-visible button:focus-visible,
  1243. body.no-focus-visible a:focus-visible:not([class*=button]),
  1244. body.no-focus-visible input:not([type=checkbox]):focus-visible {
  1245.   outline-color: transparent;
  1246. }
  1247.  
  1248. .rte ol:not([class]) {
  1249.   list-style: decimal;
  1250. }
  1251. .rte ul:not([class]) {
  1252.   list-style: disc;
  1253. }
  1254. .rte blockquote:not([class]) {
  1255.   border-left: 5px solid #ccc;
  1256.   padding-left: 15px;
  1257.   color: #666;
  1258.   margin: 1em 0;
  1259.   font-style: italic;
  1260. }
  1261. .rte ul:not([class]),
  1262. .rte ol:not([class]) {
  1263.   margin: 1em 0;
  1264.   padding-left: 20px;
  1265. }
  1266. .rte ul:not([class]) li:not([class]),
  1267. .rte ol:not([class]) li:not([class]) {
  1268.   margin: 0.5em 0;
  1269.   list-style-position: inside;
  1270. }
  1271. .rte ul:not([class]) li:not([class]) div,
  1272. .rte ol:not([class]) li:not([class]) div {
  1273.   display: inline-block;
  1274. }
  1275. .rte img {
  1276.   max-width: 100%;
  1277. }
  1278. .rte a:not([class*=button]) {
  1279.   text-decoration: underline;
  1280.   text-underline-offset: 2px;
  1281. }
  1282. .rte p {
  1283.   margin-block: 1em;
  1284. }
  1285. .rte > *:first-child {
  1286.   margin-block-start: 0;
  1287. }
  1288. .rte > *:last-child {
  1289.   margin-block-end: 0;
  1290. }
  1291. .rte table {
  1292.   width: 100%;
  1293.   border-collapse: collapse;
  1294.   border: 1px solid var(--color-border);
  1295. }
  1296. .rte table.rte-reset-table {
  1297.   border: 0;
  1298.   width: auto;
  1299.   border-collapse: separate;
  1300. }
  1301. .rte table.rte-reset-table td,
  1302. .rte table.rte-reset-table th {
  1303.   border: none;
  1304.   padding: 0;
  1305.   background: none;
  1306.   font-weight: inherit;
  1307.   text-align: inherit;
  1308.   color: inherit;
  1309. }
  1310. .rte th,
  1311. .rte td {
  1312.   padding: calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 1.5);
  1313.   border: 1px solid var(--color-border);
  1314.   text-align: left;
  1315. }
  1316. .rte th {
  1317.   font-weight: bold;
  1318. }
  1319.  
  1320. .wt-flag-icon {
  1321.   object-fit: cover;
  1322. }
  1323.  
  1324. .wt-parallax__section *:focus-visible:focus-visible,
  1325. .hero__wrapper *:focus-visible:focus-visible,
  1326. .hero__overlay *:focus-visible:focus-visible,
  1327. .collection-feature__wrapper *:focus-visible:focus-visible,
  1328. .newsletter__wrapper *:focus-visible:focus-visible,
  1329. .wt-brands__container *:focus-visible:focus-visible {
  1330.   --outline-color: var(
  1331.     --color-custom-text,
  1332.     var(--color-links-active, inherit)
  1333.   );
  1334. }
  1335.  
  1336. .wt-footer *:focus-visible:focus-visible {
  1337.   --outline-color: var(
  1338.     --color-footer-text,
  1339.     var(--color-links-active, inherit)
  1340.   );
  1341. }
  1342. .wt-footer .wt-footer__list *:focus-visible:focus-visible {
  1343.   display: inline-block;
  1344.   transform: translateX(6px);
  1345. }
  1346.  
  1347. .icon-discount {
  1348.   width: 100%;
  1349.   height: 15px;
  1350.   max-width: 15px;
  1351.   color: var(--color-body-text-light);
  1352. }
  1353.  
  1354. .template-empty main {
  1355.   min-height: 50vh;
  1356.   margin-bottom: calc(var(--gap, 8px) * 5);
  1357. }
  1358.  
  1359. form {
  1360.   margin: 0;
  1361. }
  1362.  
  1363. input,
  1364. textarea,
  1365. select {
  1366.   display: block;
  1367.   outline: 0;
  1368.   border-radius: 0;
  1369.   border: 0;
  1370.   position: relative;
  1371.   font-size: inherit;
  1372.   background-color: transparent;
  1373.   padding: 0.75em 1em;
  1374.   /*color: var(--black);*/
  1375.   /* Change the white to any color ;) */
  1376. }
  1377. input:focus,
  1378. textarea:focus,
  1379. select:focus {
  1380.   /*border-color: var(--black);*/
  1381. }
  1382. input::-webkit-input-placeholder,
  1383. textarea::-webkit-input-placeholder,
  1384. select::-webkit-input-placeholder {
  1385.   /*color: var(--black);*/
  1386. }
  1387. input:-webkit-autofill,
  1388. textarea:-webkit-autofill,
  1389. select:-webkit-autofill {
  1390.   -webkit-box-shadow: 0 0 0 30px white inset;
  1391. }
  1392.  
  1393. textarea {
  1394.   max-width: 100%;
  1395.   overflow: auto;
  1396.   resize: vertical;
  1397.   min-height: 55px;
  1398.   padding-top: 0.5em;
  1399. }
  1400.  
  1401. page-header {
  1402.   display: block;
  1403. }
  1404.  
  1405. .page-header-sticky .page-header {
  1406.   position: sticky;
  1407.   top: 0;
  1408.   z-index: 16;
  1409.   transition: transform 0.3s ease;
  1410. }
  1411. .page-header-sticky .page-header.hide {
  1412.   z-index: 10;
  1413. }
  1414. .page-header-sticky .page-header.sticky-enabled {
  1415.   transform: translateY(-100%);
  1416. }
  1417. @media (max-width: 899px) {
  1418.   .page-header-sticky .page-header.sticky-enabled .wt-header--v1 .wt-header__aside {
  1419.     width: 44px;
  1420.     height: 44px;
  1421.     order: -1;
  1422.     margin-left: auto;
  1423.     margin-right: calc(var(--gap, 8px) * 1);
  1424.     margin-block: calc(var(--gap, 8px) * 1);
  1425.     padding-inline: 0;
  1426.   }
  1427.   .page-header-sticky .page-header.sticky-enabled .wt-header--v1 .wt-header__search {
  1428.     margin-inline: 0;
  1429.     margin-bottom: 0;
  1430.     padding-left: calc(var(--gap, 8px) * 1);
  1431.     border: 0;
  1432.     background-color: var(--color-header-background);
  1433.   }
  1434.   .page-header-sticky .page-header.sticky-enabled .wt-header--v1 .wt-header__search.wt-drawer-search--active {
  1435.     background-color: white;
  1436.   }
  1437.   .page-header-sticky .page-header.sticky-enabled .wt-header--v1 .wt-header__body {
  1438.     padding-top: 0;
  1439.   }
  1440.   .page-header-sticky .page-header.sticky-enabled .wt-header--v1 .wt-header__logo__img {
  1441.     max-height: 60px;
  1442.   }
  1443. }
  1444. .page-header-sticky .page-header.sticky-enabled.sticky-show {
  1445.   transform: unset;
  1446. }
  1447. @media (min-width: 1200px) {
  1448.   .page-header-sticky .page-header--sticky-show-menubar-lg .wt-header__spacer {
  1449.     opacity: 1 !important;
  1450.   }
  1451. }
  1452. .page-header-sticky.menu-open .page-header {
  1453.   position: static;
  1454.   z-index: 16;
  1455. }
  1456. .page-header-sticky.menu-open .page-header.sticky-enabled {
  1457.   position: sticky;
  1458. }
  1459. .page-header-sticky .sticky-header {
  1460.   padding: 50px;
  1461.   background-color: #999999;
  1462.   color: white;
  1463.   position: fixed;
  1464.   top: 0;
  1465.   left: 0;
  1466.   width: 100%;
  1467.   z-index: 16;
  1468.   transform: translateY(-90%);
  1469.   transition: transform 0.3s ease;
  1470. }
  1471. .page-header-sticky .sticky-header__threshold {
  1472.   height: 200px;
  1473. }
  1474. .page-header-sticky .sticky-header.sticky-enabled.sticky-show {
  1475.   transform: unset;
  1476. }
  1477. .page-header-sticky .sticky-header__wrapper {
  1478.   display: flex;
  1479. }
  1480. .page-header-sticky .sticky-header__search {
  1481.   position: relative;
  1482. }
  1483. .page-header-sticky .sticky-header__search .svg-icon {
  1484.   opacity: 1;
  1485. }
  1486.  
  1487. .sticky-header__threshold {
  1488.   position: absolute;
  1489.   width: 1px;
  1490.   opacity: 0;
  1491.   top: 0;
  1492. }
  1493.  
  1494. .page-header-sticky.search-overlay-on .page-header.sticky-enabled {
  1495.   transform: none;
  1496. }
  1497.  
  1498. .page-header-sticky.menu-drawer-overlay-on .page-header.sticky-enabled {
  1499.   transform: none;
  1500. }
  1501. .page-header-sticky.menu-drawer-overlay-on .page-header.sticky-enabled .wt-header__body::before {
  1502.   position: fixed;
  1503.   height: 100vh;
  1504.   width: 100%;
  1505.   background: rgba(0, 0, 0, 0.5);
  1506.   top: 0;
  1507.   left: 0;
  1508.   opacity: 0;
  1509.   transform: scale(0);
  1510.   z-index: 15;
  1511.   transition: opacity 0.3s ease-in-out;
  1512.   opacity: 1;
  1513.   transform: scale(1);
  1514.   backdrop-filter: blur(4px);
  1515.   height: calc(100% + 1px);
  1516.   content: "";
  1517.   display: block;
  1518.   position: absolute;
  1519. }
  1520.  
  1521. .wt-header {
  1522.   --search-trigger-width: 3rem;
  1523.   display: block;
  1524. }
  1525. .wt-header__logo__link {
  1526.   outline-offset: -2px !important;
  1527. }
  1528. .wt-header--opacity.wt-header--v3 {
  1529.   --color-header-background: transparent;
  1530.   --header-bg-opacity: 0;
  1531.   --header-bg-blur: 0;
  1532.   --color-border: var(--color-transparent-header);
  1533.   border-bottom: 0 !important;
  1534.   box-shadow: unset !important;
  1535.   transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease;
  1536. }
  1537. .wt-header--opacity.wt-header--v3 .wt-header__logo__img {
  1538.   display: none;
  1539. }
  1540. .wt-header--opacity.wt-header--v3 .wt-header__logo__img--transparent {
  1541.   display: block;
  1542. }
  1543. .template-index .wt-header--transparent.wt-header--v3 {
  1544.   transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease;
  1545. }
  1546. .template-index .wt-header--transparent.wt-header--v3:not(.wt-header--always-blurred) {
  1547.   --color-header-background: transparent;
  1548.   --header-bg-opacity: 0;
  1549.   --header-bg-blur: 0;
  1550.   border-bottom: 0 !important;
  1551.   box-shadow: unset !important;
  1552. }
  1553. .template-index .wt-header--transparent.wt-header--v3:not(.wt-header--always-blurred) .wt-flag-icon {
  1554.   box-shadow: none;
  1555. }
  1556. .template-index .wt-header--transparent.wt-header--v3 .wt-header__nav-teaser--full-menu .wt-page-nav-mega {
  1557.   --color-menu-background: transparent;
  1558.   --color-menu-text: var(--color-transparent-header);
  1559. }
  1560. .template-index .wt-header--transparent.wt-header--v3 .wt-header__icon {
  1561.   --color-links: var(--color-transparent-header);
  1562. }
  1563. .template-index .wt-header--transparent.wt-header--v3 .wt-page-nav-mega__decorated {
  1564.   --clr-underline: var(--color-transparent-header);
  1565. }
  1566. .wt-header--transparent.wt-header--v3 {
  1567.   transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease;
  1568. }
  1569. body:not(.search-overlay-on).template-index .wt-header--transparent.wt-header--v3 .wt-header__nav-teaser__item--parent,
  1570. body:not(.search-overlay-on).template-index .wt-header--transparent.wt-header--v3 .wt-header__nav-teaser__link,
  1571. body:not(.search-overlay-on).template-index .wt-header--transparent.wt-header--v3 .wt-header__search__form,
  1572. body:not(.search-overlay-on).template-index .wt-header--transparent.wt-header--v3 .wt-localization-trigger,
  1573. body:not(.search-overlay-on).template-index .wt-header--transparent.wt-header--v3 .svg-icon--search,
  1574. body:not(.search-overlay-on).template-index .wt-header--transparent.wt-header--v3 .svg-icon--bars,
  1575. body:not(.search-overlay-on).template-index .wt-header--transparent.wt-header--v3 .wt-icon {
  1576.   --color-input-border: var(--color-transparent-header);
  1577.   color: var(--color-transparent-header);
  1578. }
  1579. body:not(.search-overlay-on).template-index .wt-header--transparent.wt-header--v3 .wt-header__logo {
  1580.   opacity: 0;
  1581. }
  1582. body:not(.search-overlay-on).template-index .wt-header--transparent.wt-header--v3 .wt-header__logo--show {
  1583.   opacity: 1;
  1584. }
  1585. body:not(.search-overlay-on) .wt-header--transparent.wt-header--v3 .wt-header__search__field {
  1586.   opacity: 0.5;
  1587. }
  1588. body:not(.search-overlay-on) .wt-header--transparent.wt-header--v3 .wt-header__search__field::placeholder {
  1589.   color: var(--color-transparent-header);
  1590. }
  1591. .wt-header--opacity.wt-header--v3 {
  1592.   --color-header-background: transparent;
  1593.   --header-bg-opacity: 0;
  1594.   --header-bg-blur: 0;
  1595.   --color-border: var(--color-transparent-header);
  1596.   border-bottom: 0 !important;
  1597.   box-shadow: unset !important;
  1598.   transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease;
  1599. }
  1600. .wt-header--opacity.wt-header--v3 .wt-page-nav-mega__decorated {
  1601.   --clr-underline: var(--color-transparent-header);
  1602. }
  1603. body:not(.search-overlay-on) .wt-header--opacity.wt-header--v3 .wt-header__nav-teaser__item--parent,
  1604. body:not(.search-overlay-on) .wt-header--opacity.wt-header--v3 .wt-header__nav-teaser__link,
  1605. body:not(.search-overlay-on) .wt-header--opacity.wt-header--v3 .wt-header__search__form,
  1606. body:not(.search-overlay-on) .wt-header--opacity.wt-header--v3 .svg-icon--search,
  1607. body:not(.search-overlay-on) .wt-header--opacity.wt-header--v3 .svg-icon--bars,
  1608. body:not(.search-overlay-on) .wt-header--opacity.wt-header--v3 .wt-icon {
  1609.   --color-input-border: var(--color-transparent-header);
  1610.   color: var(--color-transparent-header);
  1611. }
  1612. body:not(.search-overlay-on) .wt-header--opacity.wt-header--v3 .wt-header__search__field {
  1613.   opacity: 0.5;
  1614. }
  1615. body:not(.search-overlay-on) .wt-header--opacity.wt-header--v3 .wt-header__search__field::placeholder {
  1616.   color: var(--color-transparent-header);
  1617. }
  1618. .template-index .wt-header--transparent-logo.wt-header--transparent.wt-header--v3 .wt-header__logo {
  1619.   opacity: 1;
  1620. }
  1621. .template-index .wt-header--transparent-logo.wt-header--transparent.wt-header--v3 .wt-header__logo__img {
  1622.   display: none;
  1623. }
  1624. .template-index .wt-header--transparent-logo.wt-header--transparent.wt-header--v3 .wt-header__logo__img--transparent {
  1625.   display: block;
  1626. }
  1627. .wt-header__sticky-menu-trigger {
  1628.   display: flex;
  1629.   max-width: 0;
  1630.   overflow: hidden;
  1631.   position: relative;
  1632.   width: 44px;
  1633.   height: 44px;
  1634.   transition: max-width 0.3s;
  1635. }
  1636. .wt-header__sticky-menu-trigger--v1 {
  1637.   order: -10;
  1638.   position: absolute;
  1639. }
  1640. .wt-header__sticky-menu-trigger .svg-icon {
  1641.   position: absolute;
  1642.   top: 50%;
  1643.   left: 50%;
  1644.   transform: translate(-50%, -50%);
  1645.   transition: opacity 0.2s;
  1646. }
  1647. .wt-header__sticky-menu-trigger .svg-icon--close {
  1648.   opacity: 0;
  1649. }
  1650. .wt-header__sticky-menu-trigger--active .svg-icon--close {
  1651.   opacity: 1;
  1652. }
  1653. .wt-header__sticky-menu-trigger--active .svg-icon--bars {
  1654.   opacity: 0;
  1655. }
  1656.  
  1657. @media (min-width: 1200px) {
  1658.   .wt-drawer--nav {
  1659.     transform-origin: top;
  1660.   }
  1661. }
  1662.  
  1663. @media (min-width: 1200px) {
  1664.   body .wt-drawer--v5 {
  1665.     display: none;
  1666.   }
  1667. }
  1668.  
  1669. @media (min-width: 1800px) {
  1670.   .wt-drawer--mobile-nav {
  1671.     pointer-events: none;
  1672.   }
  1673.   .menu-open .wt-drawer--mobile-nav {
  1674.     pointer-events: auto;
  1675.   }
  1676. }
  1677.  
  1678. @media (min-width: 1200px) {
  1679.   .page-header-sticky:not(.mobile-nav) .page-header.sticky-enabled .wt-header__sticky-menu-trigger {
  1680.     max-width: 44px;
  1681.   }
  1682.   .page-header-sticky:not(.mobile-nav) .page-header.sticky-enabled .wt-header__spacer {
  1683.     opacity: 0;
  1684.     transition: opacity 0.2s;
  1685.   }
  1686.   .page-header-sticky:not(.mobile-nav) .page-header.sticky-enabled .wt-drawer--nav {
  1687.     transform: translateY(0);
  1688.     z-index: 10;
  1689.     position: absolute;
  1690.     margin-top: var(--top-margin);
  1691.   }
  1692.   .page-header-sticky:not(.mobile-nav) .page-header.sticky-enabled .wt-header--v1 .wt-header__aside {
  1693.     margin-inline: auto;
  1694.   }
  1695.   .page-header-sticky:not(.mobile-nav) .page-header.sticky-enabled .wt-header--v1 .wt-header__sticky-menu-trigger {
  1696.     position: relative;
  1697.     margin-right: calc(var(--gap, 8px) * 2);
  1698.   }
  1699. }
  1700. @media (min-width: 1200px) {
  1701.   .page-header-sticky:not(.mobile-nav) .page-header.sticky-enabled.sticky-show .wt-drawer--nav-show {
  1702.     transform: translateY(100%);
  1703.   }
  1704. }
  1705.  
  1706. .wt-header {
  1707.   color: var(--color-header-text);
  1708.   background-color: rgba(var(--color-header-background-rgb), var(--header-bg-opacity, 1));
  1709.   backdrop-filter: blur(var(--header-bg-blur, 0));
  1710. }
  1711. .wt-header:not(.wt-header--v3) {
  1712.   background: var(--color-header-background);
  1713. }
  1714. @media (min-width: 1200px) {
  1715.   .wt-header {
  1716.     position: relative;
  1717.   }
  1718.   body:not(.mobile-nav) .wt-header {
  1719.     z-index: 30;
  1720.   }
  1721. }
  1722. .wt-header--v3.wt-header--shadow {
  1723.   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
  1724. }
  1725. @media (max-width: 1199px) {
  1726.   .wt-header--v1.wt-header--shadow, .wt-header--v2.wt-header--shadow {
  1727.     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
  1728.     position: relative;
  1729.     z-index: 10;
  1730.   }
  1731. }
  1732. .wt-header--v3.wt-header--separator {
  1733.   border-bottom: 1px solid var(--color-border);
  1734. }
  1735. .wt-header--v3.wt-header--separator .wt-header__spacer {
  1736.   display: none;
  1737. }
  1738. @media (max-width: 1199px) {
  1739.   .wt-header--v1.wt-header--separator, .wt-header--v2.wt-header--separator {
  1740.     border-bottom: 1px solid var(--color-border);
  1741.   }
  1742. }
  1743. .wt-header__spacer {
  1744.   display: none;
  1745.   border-top: 1px solid var(--color-border);
  1746.   position: absolute;
  1747.   bottom: 0;
  1748.   left: calc(var(--gap, 8px) * 3);
  1749.   right: calc(var(--gap, 8px) * 3);
  1750. }
  1751. @media (min-width: 1200px) {
  1752.   .wt-header__spacer {
  1753.     display: block;
  1754.   }
  1755. }
  1756. .wt-header__body {
  1757.   max-width: var(--site-max-width);
  1758.   padding-left: calc(var(--gap, 8px) * 2);
  1759.   padding-right: calc(var(--gap, 8px) * 2);
  1760.   margin-left: auto;
  1761.   margin-right: auto;
  1762.   padding-top: calc(var(--gap, 8px) * 1.75);
  1763.   padding-bottom: calc(var(--gap, 8px) * 1.75);
  1764.   display: flex;
  1765.   justify-content: space-between;
  1766.   align-items: center;
  1767.   position: relative;
  1768.   z-index: 30;
  1769. }
  1770. @media (min-width: 1200px) {
  1771.   .wt-header__body {
  1772.     padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
  1773.     padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
  1774.   }
  1775. }
  1776. @media (min-width: 1800px) {
  1777.   .wt-header__body {
  1778.     max-width: var(--site-max-width-big);
  1779.   }
  1780. }
  1781. .nav-drawer-big .wt-header__body {
  1782.   z-index: auto;
  1783. }
  1784. @media (max-width: 1199px) {
  1785.   .wt-header__body .svg-icon {
  1786.     --size-icon: 3rem;
  1787.   }
  1788.   .wt-header__body .svg-icon[data-icon-theme=option_1] {
  1789.     --size-icon: 2.7rem;
  1790.   }
  1791. }
  1792. .wt-header__body .svg-icon[data-icon-theme=option_2] {
  1793.   --size-icon: 2rem;
  1794.   --size-icon-desk: 2rem;
  1795. }
  1796. @media (min-width: 1200px) {
  1797.   .wt-header__body {
  1798.     padding-top: calc(var(--gap, 8px) * 2.75);
  1799.     padding-bottom: calc(var(--gap, 8px) * 2.75);
  1800.   }
  1801. }
  1802. @media (min-width: 1200px) {
  1803.   .wt-header__body:not(.wt-header__body--search) {
  1804.     padding-top: calc(var(--gap, 8px) * 2.25);
  1805.     padding-bottom: calc(var(--gap, 8px) * 2);
  1806.   }
  1807. }
  1808. .wt-header__body:not(.wt-header__body--search) .wt-header__logo {
  1809.   position: absolute;
  1810.   left: 50%;
  1811.   top: 50%;
  1812.   transform: translate(-50%, -50%);
  1813.   overflow: hidden;
  1814. }
  1815. @media (min-width: 1200px) {
  1816.   .wt-header__body:not(.wt-header__body--search) .wt-header__search {
  1817.     border: 0;
  1818.   }
  1819.   .wt-header__body:not(.wt-header__body--search) .wt-header__search__range {
  1820.     display: none;
  1821.   }
  1822. }
  1823. @media (max-width: 1199px) {
  1824.   .wt-header__body:not(.wt-header__body--search) .wt-header__search__body {
  1825.     width: var(--search-trigger-width, 3rem);
  1826.   }
  1827. }
  1828. @media (min-width: 1200px) {
  1829.   .wt-header__body:not(.wt-header__body--search) .wt-header__search__field {
  1830.     display: inline-block;
  1831.   }
  1832. }
  1833. .wt-header__body:not(.wt-header__body--search) .wt-header__search__button {
  1834.   display: none;
  1835. }
  1836. .wt-header__body--search {
  1837.   flex-wrap: wrap;
  1838. }
  1839. @media (max-width: 1199px) {
  1840.   .wt-header__body--search {
  1841.     padding-bottom: 0;
  1842.   }
  1843. }
  1844. @media (max-width: 1199px) and (min-width: 700px) {
  1845.   .wt-header__body--search {
  1846.     padding-top: 0;
  1847.   }
  1848. }
  1849. @media (min-width: 700px) {
  1850.   .wt-header__body--search {
  1851.     flex-wrap: nowrap;
  1852.   }
  1853. }
  1854. .wt-header__body--search .wt-header__search {
  1855.   margin-left: auto;
  1856.   width: 100%;
  1857. }
  1858. @media (max-width: 1199px) {
  1859.   .wt-header__body--search .wt-header__search {
  1860.     border: 1px solid var(--color-border);
  1861.     border-radius: var(--border-radius-button);
  1862.     max-width: 64rem;
  1863.     margin: 0 auto calc(var(--gap, 8px) * 2);
  1864.     padding: calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 2);
  1865.   }
  1866. }
  1867. @media (min-width: 700px) {
  1868.   .wt-header__body--search .wt-header__search {
  1869.     margin-left: calc(var(--gap, 8px) * 3);
  1870.     margin-right: calc(var(--gap, 8px) * 3);
  1871.   }
  1872. }
  1873. @media (min-width: 900px) {
  1874.   .wt-header__body--search .wt-header__search {
  1875.     margin-left: auto;
  1876.     margin-right: auto;
  1877.     width: 50rem;
  1878.   }
  1879. }
  1880. @media (min-width: 1200px) {
  1881.   .wt-header__body--search .wt-header__search {
  1882.     width: 68rem;
  1883.     min-width: 68rem;
  1884.   }
  1885. }
  1886. .wt-header__body--search .wt-header__search__range {
  1887.   display: none;
  1888. }
  1889. @media (min-width: 1200px) {
  1890.   .wt-header__body--search .wt-header__search__range {
  1891.     padding-left: calc(var(--gap, 8px) * 1);
  1892.     padding-right: calc(var(--gap, 8px) * 1);
  1893.     width: 100%;
  1894.     flex-shrink: 1;
  1895.     appearance: none;
  1896.     padding-right: calc(var(--gap, 8px) * 5);
  1897.     padding-left: calc(var(--gap, 8px) * 2);
  1898.     -moz-appearance: none; /* Firefox */
  1899.     -webkit-appearance: none; /* Safari and Chrome */
  1900.     appearance: none;
  1901.     background-image: url('data:image/svg+xml;utf8,<svg width="72" height="72" xmlns="http://www.w3.org/2000/svg"><g transform="rotate(-90 -0.00000157361 72)"><rect x="0" y="72" fill="none" height="72" width="72"/><path d="m48.688,81.162l0.876,0.876a1.487,1.487 0 0 1 0,2.1l-24.222,24.225l24.223,24.223a1.487,1.487 0 0 1 0,2.1l-0.876,0.876a1.487,1.487 0 0 1 -2.1,0l-26.154,-26.148a1.487,1.487 0 0 1 0,-2.1l26.151,-26.153a1.487,1.487 0 0 1 2.1,0l0.002,0.001z"/></g></svg>');
  1902.     background-position: right calc(var(--gap, 8px) * 1.75) center;
  1903.     background-size: calc(var(--gap, 8px) * 2);
  1904.     background-repeat: no-repeat;
  1905.     display: block;
  1906.     width: auto;
  1907.     height: var(--input-height);
  1908.     border: 1px solid var(--color-input-border);
  1909.     background-color: #eee;
  1910.     margin-left: -1px;
  1911.     border-radius: var(--border-radius-button) 0 0 var(--border-radius-button);
  1912.     font-size: 1.4rem;
  1913.   }
  1914. }
  1915. @media (min-width: 1200px) {
  1916.   .wt-header__body--search .wt-header__search__label {
  1917.     display: none;
  1918.   }
  1919. }
  1920. @media (max-width: 1199px) {
  1921.   .wt-header__body--search .wt-header__search__button {
  1922.     display: none;
  1923.   }
  1924. }
  1925. @media (min-width: 1200px) {
  1926.   .wt-header__body--search .wt-header__search__button .text {
  1927.     clip: rect(0 0 0 0);
  1928.     clip-path: inset(50%);
  1929.     height: 1px;
  1930.     overflow: hidden;
  1931.     position: absolute;
  1932.     white-space: nowrap;
  1933.     width: 1px;
  1934.   }
  1935. }
  1936. .wt-header__body--search .wt-header__logo {
  1937.   display: flex;
  1938.   align-items: center;
  1939.   order: -5;
  1940. }
  1941. @media (max-width: 1199px) {
  1942.   .wt-header__body--search .wt-header__panel {
  1943.     order: -1;
  1944.   }
  1945. }
  1946. @media (max-width: 1199px) {
  1947.   .wt-header__body--search .wt-header__aside {
  1948.     display: flex;
  1949.     align-items: center;
  1950.     width: calc(100% + calc(var(--gap, 8px) * 4));
  1951.     margin-left: calc(var(--gap, 8px) * -2);
  1952.     margin-right: calc(var(--gap, 8px) * -2);
  1953.     margin-top: calc(var(--gap, 8px) * 2);
  1954.     padding-left: calc(var(--gap, 8px) * 2);
  1955.     padding-right: calc(var(--gap, 8px) * 2);
  1956.   }
  1957. }
  1958. @media (min-width: 700px) {
  1959.   .wt-header__body--search .wt-header__aside {
  1960.     order: -1;
  1961.     width: 100%;
  1962.   }
  1963. }
  1964. @media (min-width: 1200px) {
  1965.   body:not(.search-overlay-on) .wt-header--v3 .wt-header__aside {
  1966.     margin-right: calc(var(--gap, 8px) * 1.25);
  1967.   }
  1968. }
  1969. @media (min-width: 1200px) {
  1970.   body:not(.search-overlay-on) .wt-header--v3 .wt-header__search {
  1971.     width: 4rem;
  1972.     min-width: 4rem;
  1973.     border-radius: 0;
  1974.   }
  1975.   body:not(.search-overlay-on) .wt-header--v3 .wt-header__search .wt-header__icon [data-icon-theme=option_2] {
  1976.     margin-left: calc(var(--gap, 8px) * 1);
  1977.   }
  1978.   [dir=rtl] body:not(.search-overlay-on) .wt-header--v3 .wt-header__search .wt-header__icon [data-icon-theme=option_2] {
  1979.     margin-left: 0;
  1980.     margin-right: calc(var(--gap, 8px) * 1.5);
  1981.   }
  1982.   [dir=rtl] body:not(.search-overlay-on) .wt-header--v3 .wt-header__search .wt-header__icon [data-icon-theme=option_3] {
  1983.     margin-left: 0;
  1984.     margin-right: calc(var(--gap, 8px) * 1);
  1985.   }
  1986.   body:not(.search-overlay-on) .wt-header--v3 .wt-header__search .wt-header__search-trigger {
  1987.     margin-right: 0;
  1988.     width: 28px;
  1989.     height: 28px;
  1990.     border-radius: 0;
  1991.     top: 50%;
  1992.     left: 50%;
  1993.     transform: translate(-50%, -50%);
  1994.     outline-offset: 4px;
  1995.   }
  1996.   [dir=rtl] body:not(.search-overlay-on) .wt-header--v3 .wt-header__search .wt-header__search-trigger {
  1997.     left: auto;
  1998.     right: 50%;
  1999.     transform: translate(50%, -50%);
  2000.     width: 100%;
  2001.   }
  2002.   body:not(.search-overlay-on) .wt-header--v3 .wt-header__search__body {
  2003.     min-width: 0;
  2004.   }
  2005.   body:not(.search-overlay-on) .wt-header--v3 .wt-header__search__field {
  2006.     width: 0;
  2007.     position: absolute;
  2008.     opacity: 0 !important;
  2009.   }
  2010. }
  2011. .wt-header__aside {
  2012.   display: flex;
  2013.   position: relative;
  2014. }
  2015. @media (min-width: 1200px) {
  2016.   .wt-header__aside {
  2017.     align-items: center;
  2018.     min-width: 4rem;
  2019.   }
  2020. }
  2021. .wt-header__logo {
  2022.   margin: 0;
  2023.   display: flex;
  2024.   max-height: 44px;
  2025.   transition: opacity 0.3s ease;
  2026. }
  2027. @media (min-width: 1200px) {
  2028.   .wt-header__logo {
  2029.     max-height: 64px;
  2030.   }
  2031. }
  2032. @media (max-width: 399px) {
  2033.   .wt-header__logo {
  2034.     max-width: 50vw;
  2035.   }
  2036. }
  2037. .wt-header__logo__img {
  2038.   display: none;
  2039.   width: 100%;
  2040.   max-height: calc(var(--gap, 8px) * 6);
  2041.   height: auto;
  2042.   object-fit: contain;
  2043. }
  2044. @media (min-width: 600px) {
  2045.   .wt-header__logo__img {
  2046.     display: block;
  2047.   }
  2048. }
  2049. @media (min-width: 1200px) {
  2050.   .wt-header__logo__img {
  2051.     max-height: calc(var(--gap, 8px) * 9);
  2052.   }
  2053. }
  2054. .wt-header__logo__img--mobile {
  2055.   display: block;
  2056. }
  2057. @media (min-width: 600px) {
  2058.   .wt-header__logo__img--mobile {
  2059.     display: none;
  2060.   }
  2061. }
  2062. .wt-header__logo__img--transparent {
  2063.   display: none;
  2064. }
  2065. .wt-header__logo__link {
  2066.   display: flex;
  2067.   justify-content: center;
  2068.   width: var(--logo-width, auto);
  2069.   font-size: 11px;
  2070.   min-height: 28px;
  2071.   text-align: center;
  2072.   display: flex;
  2073.   justify-content: center;
  2074.   align-items: center;
  2075. }
  2076. @media (min-width: 900px) {
  2077.   .wt-header__logo__link {
  2078.     width: var(--logo-width-desk, auto);
  2079.     font-size: 14px;
  2080.   }
  2081. }
  2082. @media (min-width: 1200px) {
  2083.   .wt-header__logo {
  2084.     order: -1;
  2085.   }
  2086. }
  2087. .wt-header__panel {
  2088.   display: flex;
  2089. }
  2090. .wt-header__panel__item {
  2091.   position: relative;
  2092. }
  2093. .wt-header__panel__item:not(:last-child) {
  2094.   margin-right: calc(var(--gap, 8px) * 0.5);
  2095. }
  2096. @media (max-width: 399px) {
  2097.   .wt-header__panel__item:not(:last-child) {
  2098.     margin-right: 0;
  2099.   }
  2100. }
  2101. .wt-header__panel__item:not(:first-child) {
  2102.   margin-left: calc(var(--gap, 8px) * 1.5);
  2103. }
  2104. [dir=rtl] .wt-header__panel__item:not(:first-child) {
  2105.   margin-left: 0;
  2106.   margin-right: calc(var(--gap, 8px) * 1.5);
  2107. }
  2108. .wt-header__panel__counter {
  2109.   --counter-border-color: var(--color-header-background);
  2110.   min-width: 2rem;
  2111.   height: 2rem;
  2112.   padding: 0 0.3rem;
  2113.   display: inline-flex;
  2114.   align-items: center;
  2115.   justify-content: center;
  2116.   background: var(--color-action-background);
  2117.   color: var(--color-action-text);
  2118.   border-radius: 1.1rem;
  2119.   font-size: 1.2rem;
  2120.   font-weight: 400;
  2121.   line-height: 1;
  2122.   position: absolute;
  2123.   right: calc(var(--gap, 8px) * -1);
  2124.   bottom: calc(var(--gap, 8px) * -1);
  2125. }
  2126. [dir=rtl] .wt-header__panel__counter {
  2127.   right: auto;
  2128.   left: calc(var(--gap, 8px) * -0.5);
  2129. }
  2130. [data-icon-theme=option_3] + .wt-header__panel__counter, [data-icon-theme=option_3] + wish-counter .wt-header__panel__counter {
  2131.   bottom: initial;
  2132.   top: calc(var(--gap, 8px) * -0.5);
  2133. }
  2134. [data-icon-theme=option_2] + .wt-header__panel__counter, [data-icon-theme=option_4] + .wt-header__panel__counter {
  2135.   --counter-size: 1rem;
  2136.   white-space: nowrap;
  2137.   text-indent: 200%;
  2138.   overflow: hidden;
  2139.   padding: 0;
  2140.   width: var(--counter-size);
  2141.   min-width: var(--counter-size);
  2142.   height: var(--counter-size);
  2143.   border-radius: 50%;
  2144.   right: 0;
  2145.   bottom: -2px;
  2146. }
  2147. [data-icon-theme=option_4] + .wt-header__panel__counter {
  2148.   bottom: 0;
  2149. }
  2150. .wt-header__panel__link {
  2151.   display: flex;
  2152.   flex-direction: column;
  2153.   align-items: center;
  2154.   color: inherit;
  2155. }
  2156. @media (hover: hover) {
  2157.   .wt-header__panel__link:hover, .wt-header__panel__link:focus-visible {
  2158.     color: inherit;
  2159.   }
  2160. }
  2161. .wt-header__panel__label {
  2162.   padding: 0 calc(var(--gap, 8px) * 1);
  2163. }
  2164. @media (max-width: 1199px) {
  2165.   .wt-header__panel__label {
  2166.     clip: rect(0 0 0 0);
  2167.     clip-path: inset(50%);
  2168.     height: 1px;
  2169.     overflow: hidden;
  2170.     position: absolute;
  2171.     white-space: nowrap;
  2172.     width: 1px;
  2173.   }
  2174. }
  2175. .wt-header__panel--no-labels .wt-header__panel__label {
  2176.   clip: rect(0 0 0 0);
  2177.   clip-path: inset(50%);
  2178.   height: 1px;
  2179.   overflow: hidden;
  2180.   position: absolute;
  2181.   white-space: nowrap;
  2182.   width: 1px;
  2183. }
  2184. .wt-header__panel--only-icons .wt-header__panel__label {
  2185.   display: none;
  2186. }
  2187. .wt-header__banner {
  2188.   text-align: center;
  2189.   padding: calc(var(--gap, 8px) * 1);
  2190.   background: #eee;
  2191.   font-size: 1.2rem;
  2192.   position: relative;
  2193.   z-index: 9;
  2194.   line-height: 1;
  2195. }
  2196. @media (min-width: 1200px) {
  2197.   body:not(.mobile-nav) .wt-header__banner {
  2198.     z-index: 30;
  2199.     padding: calc(var(--gap, 8px) * 1.25);
  2200.   }
  2201. }
  2202. @media (min-width: 1200px) {
  2203.   .wt-header__banner__body--mobile {
  2204.     display: block;
  2205.   }
  2206. }
  2207. .wt-header__banner__body--desktop {
  2208.   display: block;
  2209.   font-weight: 500;
  2210. }
  2211. @media (min-width: 1200px) {
  2212.   .wt-header__banner__body--desktop {
  2213.     display: block;
  2214.   }
  2215. }
  2216. .wt-header__menu-trigger {
  2217.   margin-right: calc(var(--gap, 8px) * 2);
  2218.   display: flex;
  2219.   align-items: center;
  2220.   color: inherit;
  2221. }
  2222. [dir=rtl] .wt-header__menu-trigger {
  2223.   margin-right: 0;
  2224.   margin-left: calc(var(--gap, 8px) * 2);
  2225. }
  2226. @media (max-width: 1199px) {
  2227.   [dir=rtl] .wt-header__menu-trigger {
  2228.     margin-left: calc(var(--gap, 8px) * 1);
  2229.   }
  2230. }
  2231. @media (max-width: 399px) {
  2232.   .wt-header__menu-trigger {
  2233.     margin-right: calc(var(--gap, 8px) * 1.5);
  2234.   }
  2235. }
  2236. @media (min-width: 1200px) {
  2237.   body:not(.mobile-nav) .wt-header__menu-trigger {
  2238.     display: none;
  2239.   }
  2240. }
  2241. .wt-header__search {
  2242.   margin-right: calc(var(--gap, 8px) * 1);
  2243.   position: relative;
  2244. }
  2245. .wt-header__search__clear-button__container {
  2246.   display: none;
  2247. }
  2248. .wt-header--v1 .wt-header__search {
  2249.   border-color: var(--color-input-border);
  2250.   background-color: var(--color-input-background);
  2251. }
  2252. .wt-header--v1 .wt-header__search__label {
  2253.   color: var(--color-input-text);
  2254. }
  2255. .wt-header--v1 .wt-header__search__field {
  2256.   color: var(--color-input-text);
  2257. }
  2258. .wt-header--v1 .wt-header__search__field::placeholder {
  2259.   color: var(--color-input-placeholder);
  2260. }
  2261. .wt-header--v1 .wt-header__search__field:focus {
  2262.   outline: none;
  2263. }
  2264. .wt-header__search__close {
  2265.   display: none;
  2266. }
  2267. .search-overlay-on .wt-header__search__close {
  2268.   width: calc(var(--gap, 8px) * 6);
  2269.   height: calc(var(--gap, 8px) * 6);
  2270.   display: flex;
  2271.   margin-left: calc(var(--gap, 8px) * 1);
  2272.   flex-shrink: 0;
  2273.   border: 0;
  2274.   color: var(--color-body-text);
  2275.   background-color: transparent;
  2276. }
  2277. @media (hover: hover) {
  2278.   .search-overlay-on .wt-header__search__close:hover, .search-overlay-on .wt-header__search__close:focus-visible {
  2279.     color: inherit;
  2280.   }
  2281. }
  2282. .wt-header__search-trigger {
  2283.   display: flex;
  2284.   color: inherit;
  2285.   position: absolute;
  2286.   inset: 0;
  2287.   z-index: 1;
  2288.   cursor: pointer;
  2289. }
  2290. .wt-header__search-trigger:focus-visible {
  2291.   outline-offset: -2px;
  2292.   border-radius: var(--border-radius-button);
  2293. }
  2294. @media (max-width: 1199px) {
  2295.   .wt-header__search-trigger {
  2296.     align-items: center;
  2297.   }
  2298. }
  2299. .wt-header__search-trigger .svg-icon {
  2300.   opacity: 0;
  2301. }
  2302. .wt-header__search__form {
  2303.   display: flex;
  2304.   align-items: center;
  2305.   width: 100%;
  2306. }
  2307. .wt-header__search__body {
  2308.   display: flex;
  2309.   align-items: center;
  2310.   width: 100%;
  2311.   justify-content: flex-start;
  2312. }
  2313. .wt-header__search__results {
  2314.   display: none;
  2315. }
  2316. @media (min-width: 1200px) {
  2317.   .wt-header__search-triger {
  2318.     display: none;
  2319.   }
  2320. }
  2321. .wt-header__search__field {
  2322.   height: 2.8rem;
  2323.   width: 100%;
  2324.   min-width: 21rem;
  2325.   font-size: var(--font-base-size);
  2326.   color: var(--color-input-text, var(--color-input-text));
  2327.   border-color: var(--color-input-border);
  2328. }
  2329. .wt-header__search__field::placeholder {
  2330.   opacity: 0.7;
  2331.   color: var(--color-input-placeholder);
  2332. }
  2333. .wt-header__search__field:focus.wt-header__search__field:focus {
  2334.   outline: none;
  2335.   box-shadow: none;
  2336. }
  2337. .wt-header__search__label {
  2338.   display: flex;
  2339.   align-items: center;
  2340.   color: var(--color-header-text);
  2341. }
  2342. @media (min-width: 1200px) {
  2343.   .wt-header__search__label {
  2344.     margin-left: calc(var(--gap, 8px) * 1);
  2345.   }
  2346. }
  2347. .wt-header__search__button {
  2348.   background: var(--color-button-secondary-background);
  2349.   color: var(--color-button-secondary-text);
  2350.   border-color: var(--color-button-secondary-border);
  2351.   padding-left: calc(var(--gap, 8px) * 3);
  2352.   padding-right: calc(var(--gap, 8px) * 3);
  2353.   padding-top: calc(var(--gap, 8px) * 2);
  2354.   padding-bottom: calc(var(--gap, 8px) * 2);
  2355.   font-size: var(--font-button-size);
  2356.   font-family: var(--font-button);
  2357.   font-style: var(--font-button-style);
  2358.   font-weight: var(--font-button-weight);
  2359.   text-transform: var(--font-button-transform, none);
  2360.   letter-spacing: var(--font-button-letter-spacing, normal);
  2361.   text-align: center;
  2362.   text-decoration: none;
  2363.   display: inline-flex;
  2364.   justify-content: center;
  2365.   align-items: center;
  2366.   border: 1px solid;
  2367.   border-radius: var(--border-radius-button);
  2368.   -webkit-appearance: none;
  2369.   cursor: pointer;
  2370.   transition: background 0.3s ease-in, color 0.3s ease-in;
  2371.   background: var(--color-button-primary-background);
  2372.   color: var(--color-button-primary-text);
  2373.   border-color: transparent;
  2374.   border: 0;
  2375.   display: flex;
  2376.   align-items: center;
  2377.   height: var(--input-height);
  2378.   padding-left: calc(var(--gap, 8px) * 1);
  2379.   padding-right: calc(var(--gap, 8px) * 1);
  2380.   border-radius: 0 var(--border-radius-button) var(--border-radius-button) 0;
  2381.   margin-right: -1px;
  2382. }
  2383. @media (hover: hover) {
  2384.   .wt-header__search__button:hover {
  2385.     background: var(--color-button-secondary-background-hover);
  2386.     color: var(--color-button-secondary-text-hover);
  2387.   }
  2388. }
  2389. .wt-header__search__button[disabled] {
  2390.   opacity: 0.4;
  2391.   cursor: not-allowed;
  2392. }
  2393. @media (hover: hover) {
  2394.   .wt-header__search__button:hover {
  2395.     background: var(--color-button-primary-background-hover);
  2396.     border-color: transparent;
  2397.     color: var(--color-button-primary-text-hover);
  2398.   }
  2399. }
  2400. .wt-header__search__button.loading {
  2401.   color: transparent;
  2402. }
  2403. [dir=rtl] .wt-header__search__button {
  2404.   border-radius: var(--border-radius-button) 0 0 var(--border-radius-button);
  2405.   margin-right: 0;
  2406.   margin-left: -1px;
  2407. }
  2408. .wt-header__search__button .svg-icon,
  2409. .wt-header__search__button .text {
  2410.   margin-right: calc(var(--gap, 8px) * 1);
  2411.   margin-left: calc(var(--gap, 8px) * 1);
  2412. }
  2413. @media (min-width: 1200px) {
  2414.   .wt-header__search {
  2415.     border: 1px solid var(--color-input-border);
  2416.     border-radius: var(--border-radius-button);
  2417.     height: var(--input-height);
  2418.     display: flex;
  2419.     align-items: center;
  2420.     margin-right: auto;
  2421.   }
  2422. }
  2423. .wt-header--fashion .wt-header__nav-teaser {
  2424.   display: none;
  2425. }
  2426. @media (min-width: 1200px) {
  2427.   .wt-header--fashion .wt-header__body {
  2428.     max-width: 100%;
  2429.     justify-content: flex-end;
  2430.   }
  2431.   .wt-header--fashion .wt-header__menu-trigger {
  2432.     display: none;
  2433.   }
  2434.   .wt-header--fashion .wt-header__nav-teaser {
  2435.     margin-right: auto;
  2436.     display: flex;
  2437.     color: var(--color-header-text);
  2438.   }
  2439.   [dir=rtl] .wt-header--fashion .wt-header__nav-teaser {
  2440.     margin-right: 0;
  2441.     margin-left: auto;
  2442.   }
  2443.   .wt-header--fashion .wt-header__nav-teaser .wt-header__menu-trigger {
  2444.     display: flex;
  2445.     color: inherit;
  2446.   }
  2447.   .wt-header--fashion .wt-header__nav-teaser__list {
  2448.     font-size: var(--font-navigation-size);
  2449.     font-family: var(--font-navigation);
  2450.     font-style: var(--font-navigation-style);
  2451.     font-weight: var(--font-navigation-weight);
  2452.     text-transform: var(--font-navigation-transform, none);
  2453.     letter-spacing: var(--font-navigation-letter-spacing, normal);
  2454.     display: flex;
  2455.     align-items: center;
  2456.   }
  2457.   .wt-header--fashion .wt-header__nav-teaser__link {
  2458.     padding: calc(var(--gap, 8px) * 1);
  2459.     color: inherit;
  2460.     display: block;
  2461.     max-width: 156px;
  2462.   }
  2463.   .wt-header--fashion .wt-header__nav-teaser__link-text {
  2464.     text-overflow: ellipsis;
  2465.     overflow: hidden;
  2466.     display: block;
  2467.     text-wrap: nowrap;
  2468.     --clr-underline: var(--color-header-text);
  2469.   }
  2470.   .wt-header--fashion .wt-header__nav-teaser--full-menu {
  2471.     margin-left: auto;
  2472.   }
  2473.   .wt-header--fashion .wt-header__nav-teaser--full-menu .wt-page-nav-mega__item:first-child {
  2474.     margin-left: unset;
  2475.   }
  2476.   .wt-header--fashion .wt-header__search .svg-icon {
  2477.     width: var(--size-icon-desk);
  2478.     height: var(--size-icon-desk);
  2479.   }
  2480.   .wt-header--fashion .wt-header__search__field {
  2481.     min-width: 12rem;
  2482.     width: 12rem;
  2483.     height: 2rem;
  2484.     border-bottom: 1px solid var(--color-input-border);
  2485.     padding: 0;
  2486.     margin-right: calc(var(--gap, 8px) * 4);
  2487.     margin-left: calc(var(--gap, 8px) * 1);
  2488.   }
  2489. }
  2490. .wt-header--fashion-transparent {
  2491.   --color-header-background: transparent;
  2492.   --header-bg-opacity: 0;
  2493.   --header-bg-blur: 0;
  2494.   --color-transparent-header: var(--color-header-text);
  2495.   box-shadow: unset !important;
  2496. }
  2497. .wt-header--v1 .wt-header__logo-wrapper {
  2498.   display: flex;
  2499.   flex-direction: row-reverse;
  2500.   align-items: center;
  2501.   order: -5;
  2502. }
  2503. @media (min-width: 1200px) {
  2504.   .wt-header--v2 .wt-header__localization__triggers {
  2505.     order: 5;
  2506.     margin-inline-start: auto;
  2507.   }
  2508.   .wt-header--v2 .wt-header__panel {
  2509.     order: 10;
  2510.   }
  2511. }
  2512. .wt-header--v5 .wt-header__logo-wrapper {
  2513.   display: flex;
  2514.   flex-direction: row-reverse;
  2515.   align-items: center;
  2516. }
  2517. @media (min-width: 1200px) {
  2518.   .wt-header--v5 .wt-header__logo-wrapper {
  2519.     order: -5;
  2520.   }
  2521. }
  2522. .wt-header--v5 .wt-header__logo-wrapper .wt-header__logo {
  2523.   opacity: 1 !important;
  2524.   position: static;
  2525.   transform: unset;
  2526. }
  2527. @media (min-width: 1200px) {
  2528.   .wt-header--v5 {
  2529.     --color-menu-text: var(--color-header-text);
  2530.   }
  2531.   .dropdown-open-desk .wt-header--v5 {
  2532.     background-color: var(--color-header-background);
  2533.   }
  2534.   .wt-header--v5 .wt-page-nav-mega__list {
  2535.     position: static;
  2536.   }
  2537.   .wt-header--v5 .wt-page-nav-mega__link__text--underline {
  2538.     --color-menu-text: var(--color-header-text);
  2539.   }
  2540.   .wt-header--v5 .wt-page-nav-mega__item--parent {
  2541.     position: static;
  2542.   }
  2543.   body:not(.mobile-nav) .wt-header--v5 .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper {
  2544.     top: unset;
  2545.   }
  2546.   body:not(.mobile-nav) .wt-header--v5 .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper--mega {
  2547.     top: var(--mega-menu-top-position) !important;
  2548.   }
  2549.   .wt-header--v5:not(.wt-header--transparent) .wt-page-nav-mega {
  2550.     color: inherit !important;
  2551.   }
  2552.   .wt-header--v5:not(.wt-header--transparent) .wt-page-nav-mega .wt-page-nav-mega__link {
  2553.     color: inherit !important;
  2554.   }
  2555.   .wt-header--v5:not(.wt-header--transparent) .wt-page-nav-mega .wt-page-nav-mega__link .svg-icon {
  2556.     color: inherit !important;
  2557.   }
  2558.   .wt-header--v5.wt-header--transparent .wt-header__search__label {
  2559.     color: inherit;
  2560.   }
  2561.   .dropdown-open-desk .wt-header--v5.wt-header--transparent {
  2562.     --color-transparent-header: var(--color-header-text);
  2563.     background-color: rgb(var(--color-header-background-rgb));
  2564.     color: var(--color-header-text);
  2565.   }
  2566.   .dropdown-open-desk .wt-header--v5.wt-header--transparent .wt-header__localization__triggers {
  2567.     color: var(--color-header-text);
  2568.   }
  2569.   .dropdown-open-desk .wt-header--v5.wt-header--transparent .wt-page-nav-mega {
  2570.     color: var(--color-header-text) !important;
  2571.   }
  2572.   .dropdown-open-desk .wt-header--v5.wt-header--transparent .wt-page-nav-mega .wt-page-nav-mega__link {
  2573.     color: var(--color-header-text) !important;
  2574.   }
  2575.   .dropdown-open-desk .wt-header--v5.wt-header--transparent .wt-page-nav-mega .wt-page-nav-mega__link .svg-icon {
  2576.     color: var(--color-header-text) !important;
  2577.   }
  2578.   .wt-header--v5 .wt-page-nav-mega {
  2579.     position: static !important;
  2580.     background: inherit !important;
  2581.   }
  2582.   body:not(.mobile-nav) .wt-header--v5 .wt-page-nav-mega .wt-page-nav-mega__link {
  2583.     color: inherit;
  2584.     height: 3.6rem;
  2585.   }
  2586.   body:not(.mobile-nav) .wt-header--v5 .wt-page-nav-mega .wt-page-nav-mega__link .svg-icon {
  2587.     color: inherit;
  2588.   }
  2589.   .wt-header--v5 .mega-menu {
  2590.     position: static;
  2591.   }
  2592.   .wt-header--v5 .wt-page-nav-mega__sublist__wrapper--mega {
  2593.     top: unset !important;
  2594.   }
  2595.   .wt-header--v5 .wt-page-nav-mega--shadow {
  2596.     box-shadow: none !important;
  2597.   }
  2598. }
  2599. .wt-header__localization__triggers {
  2600.   display: none;
  2601.   flex-shrink: 0;
  2602.   gap: calc(var(--gap, 8px) * 2);
  2603.   margin-inline-end: calc(var(--gap, 8px) * 1.5);
  2604. }
  2605. @media (min-width: 1200px) {
  2606.   .wt-header__localization__triggers {
  2607.     display: flex;
  2608.   }
  2609.   .wt-header__localization__triggers .wt-localization-trigger {
  2610.     font-family: var(--font-navigation);
  2611.     letter-spacing: var(--font-navigation-letter-spacing);
  2612.     text-transform: var(--font-navigation-transform, capitalize);
  2613.   }
  2614.   .wt-header__localization__triggers[data-text-transform=none] .wt-localization-trigger {
  2615.     text-transform: capitalize;
  2616.   }
  2617. }
  2618. .wt-header__localization__triggers--menu-drawer {
  2619.   display: flex;
  2620.   text-transform: capitalize;
  2621. }
  2622. .wt-header__localization__triggers--menu-drawer .wt-localization-trigger {
  2623.   height: calc(var(--gap, 8px) * 3);
  2624.   padding-block: calc(var(--gap, 8px) * 1.5);
  2625.   box-sizing: content-box;
  2626. }
  2627.  
  2628. .wt-drawer-search--active .wt-header__search__clear-button {
  2629.   width: 22px;
  2630.   height: 22px;
  2631.   display: none;
  2632.   justify-content: center;
  2633.   align-items: center;
  2634.   color: white;
  2635.   background-color: var(--color-input-placeholder);
  2636.   border: none;
  2637.   border-radius: 50%;
  2638.   padding: 5px;
  2639.   opacity: 0.4;
  2640.   cursor: pointer;
  2641. }
  2642. .wt-drawer-search--active .wt-header__search__clear-button__container {
  2643.   display: flex;
  2644.   margin-right: 4px;
  2645. }
  2646. @media (min-width: 1200px) {
  2647.   .wt-drawer-search--active .wt-header__search__clear-button__container {
  2648.     margin-right: 22px;
  2649.   }
  2650.   [dir=rtl] .wt-drawer-search--active .wt-header__search__clear-button__container {
  2651.     margin-left: 14px;
  2652.     margin-right: 0;
  2653.   }
  2654. }
  2655. .wt-drawer-search--active .wt-header__search__clear-button__container span {
  2656.   display: none;
  2657. }
  2658. .wt-drawer-search--active .wt-header__search__clear-button__container {
  2659.   margin-right: 22px;
  2660. }
  2661. @media (max-width: 360px) {
  2662.   .wt-drawer-search--active .wt-header__search__clear-button__container {
  2663.     display: none;
  2664.   }
  2665. }
  2666.  
  2667. .predictive-search-status {
  2668.   width: 100%;
  2669. }
  2670.  
  2671. .template-password .wt-header__logo {
  2672.   max-height: none;
  2673.   max-width: none;
  2674. }
  2675. .template-password .wt-header__logo__img {
  2676.   max-height: none;
  2677.   max-width: none;
  2678. }
  2679.  
  2680. .page-header {
  2681.   position: relative;
  2682.   z-index: 16;
  2683. }
  2684. body.menu-drawer-overlay-on .page-header {
  2685.   position: static;
  2686. }
  2687.  
  2688. .wt-announcement {
  2689.   position: relative;
  2690.   --mgap: 50px;
  2691.   overflow: hidden;
  2692.   background-color: var(--color-background, #eee);
  2693.   position: relative;
  2694.   z-index: 12;
  2695. }
  2696. @keyframes announcement-bar-animation {
  2697.   0% {
  2698.     transform: translateZ(0);
  2699.     visibility: visible;
  2700.   }
  2701.   to {
  2702.     transform: translate3d(-100%, 0, 0);
  2703.   }
  2704. }
  2705. @keyframes announcement-bar-animation-rtl {
  2706.   0% {
  2707.     transform: translateZ(0);
  2708.     visibility: visible;
  2709.   }
  2710.   to {
  2711.     transform: translate3d(100%, 0, 0);
  2712.   }
  2713. }
  2714. @media (min-width: 1200px) {
  2715.   .wt-announcement {
  2716.     --mgap: 75px;
  2717.   }
  2718. }
  2719. .wt-announcement__marquee {
  2720.   position: relative;
  2721.   display: flex;
  2722.   flex-shrink: 0;
  2723.   gap: 0;
  2724.   white-space: nowrap;
  2725.   animation: scroll var(--time) linear infinite;
  2726.   animation-delay: calc(var(--time) * -1);
  2727. }
  2728. [dir=rtl] .wt-announcement__marquee {
  2729.   animation: scroll-rtl var(--time) linear infinite;
  2730.   animation-delay: calc(var(--time) * -1);
  2731. }
  2732. .wt-announcement__marquee:nth-child(2) {
  2733.   animation: scroll2 var(--time) linear infinite;
  2734.   animation-delay: calc(var(--time) / -2);
  2735. }
  2736. [dir=rtl] .wt-announcement__marquee:nth-child(2) {
  2737.   animation: scroll2-rtl var(--time) linear infinite;
  2738.   animation-delay: calc(var(--time) / -2);
  2739. }
  2740. .wt-announcement__marquee .wt-announcement__body {
  2741.   flex-shrink: 0;
  2742.   flex-basis: auto !important;
  2743.   width: auto !important;
  2744.   display: block;
  2745.   padding-inline: var(--mgap);
  2746. }
  2747. .wt-announcement__container--marquee {
  2748.   justify-content: flex-start !important;
  2749. }
  2750. .wt-announcement announcement-bar {
  2751.   display: none;
  2752. }
  2753. @media (min-width: 900px) {
  2754.   .wt-announcement {
  2755.     padding: 0;
  2756.   }
  2757. }
  2758. .menu-drawer-overlay-on .wt-announcement, .menu-open .wt-announcement {
  2759.   z-index: 5;
  2760. }
  2761. @media (min-width: 1200px) {
  2762.   .dropdown-open-desk:not(.mobile-nav) .wt-announcement {
  2763.     z-index: 20;
  2764.   }
  2765. }
  2766. .wt-announcement__container {
  2767.   line-height: 1;
  2768.   text-align: center;
  2769.   display: flex;
  2770.   justify-content: space-between;
  2771.   font-size: 1.4rem;
  2772.   width: max-content;
  2773.   padding: 12px 0;
  2774. }
  2775. .wt-announcement__container a {
  2776.   color: var(--color-text);
  2777.   background-image: linear-gradient(var(--clr-underline, var(--color-text)), var(--clr-underline, var(--color-text)));
  2778.   background-repeat: no-repeat;
  2779.   background-position: bottom left;
  2780.   background-size: 0% 1px;
  2781.   transition: background-size 0.3s ease-in-out;
  2782.   display: flex;
  2783.   justify-content: center;
  2784.   align-items: center;
  2785.   gap: 4px;
  2786. }
  2787. .wt-announcement__container a svg {
  2788.   width: 1.2rem;
  2789.   height: 1.2rem;
  2790. }
  2791. @media (min-width: 1200px) {
  2792.   .wt-announcement__container a:hover {
  2793.     background-size: 100% 1px;
  2794.   }
  2795. }
  2796. @media (min-width: 900px) {
  2797.   .wt-announcement__container {
  2798.     padding: 0;
  2799.     width: 100%;
  2800.     max-width: 100%;
  2801.   }
  2802.   .wt-announcement__container--2col__body {
  2803.     flex-basis: 50%;
  2804.   }
  2805.   .wt-announcement__container--2col__body:first-child {
  2806.     text-align: left;
  2807.   }
  2808.   .wt-announcement__container--2col__body:last-child {
  2809.     text-align: right;
  2810.   }
  2811.   .wt-announcement__container--3col {
  2812.     padding: 0 32px;
  2813.   }
  2814.   .wt-announcement__container--3col .wt-announcement__body {
  2815.     flex-basis: 33%;
  2816.   }
  2817.   .wt-announcement__container--3col .wt-announcement__body:first-child {
  2818.     text-align: left;
  2819.   }
  2820.   .wt-announcement__container--3col .wt-announcement__body:last-child {
  2821.     text-align: right;
  2822.   }
  2823.   .wt-announcement__container--3col .wt-announcement__text:nth-child(1) {
  2824.     justify-content: start;
  2825.   }
  2826.   .wt-announcement__container--3col .wt-announcement__text:nth-child(3) {
  2827.     justify-content: end;
  2828.   }
  2829. }
  2830. @media (min-width: 900px) {
  2831.   .wt-announcement__container--animated {
  2832.     max-width: none;
  2833.     animation-name: announcement-bar-animation;
  2834.     animation-duration: var(--animation-duration, 1000s);
  2835.     animation-timing-function: linear;
  2836.     animation-iteration-count: infinite;
  2837.     display: inline-flex;
  2838.     white-space: nowrap;
  2839.   }
  2840.   [dir=rtl] .wt-announcement__container--animated {
  2841.     animation-name: announcement-bar-animation-rtl;
  2842.   }
  2843.   .wt-announcement__container--animated .wt-announcement__body {
  2844.     margin: 0 calc(var(--gap, 8px) * 3);
  2845.   }
  2846. }
  2847. @media (min-width: 1200px) {
  2848.   .wt-announcement__container--marquee:hover .wt-announcement__marquee {
  2849.     animation-play-state: paused;
  2850.   }
  2851. }
  2852. .wt-announcement__body {
  2853.   flex-basis: 100%;
  2854.   display: flex;
  2855.   justify-content: center;
  2856.   align-items: center;
  2857.   width: 100vw;
  2858. }
  2859. @media (min-width: 900px) {
  2860.   .wt-announcement__body {
  2861.     margin-top: calc(var(--gap, 8px) * 1);
  2862.     margin-bottom: calc(var(--gap, 8px) * 1);
  2863.   }
  2864. }
  2865. .wt-announcement__text {
  2866.   display: flex;
  2867.   justify-content: center;
  2868.   align-items: center;
  2869.   color: var(--color-text);
  2870.   width: 100vw;
  2871. }
  2872. .wt-announcement__text:hover {
  2873.   color: var(--color-text);
  2874. }
  2875. @media (min-width: 900px) {
  2876.   .wt-announcement__text {
  2877.     width: 100%;
  2878.   }
  2879. }
  2880. .wt-announcement__close {
  2881.   z-index: 1;
  2882.   width: 30px;
  2883.   height: 30px;
  2884.   padding: 10px;
  2885.   display: flex;
  2886.   align-content: center;
  2887.   justify-content: center;
  2888.   cursor: pointer;
  2889.   position: absolute;
  2890.   top: 0;
  2891.   right: 5px;
  2892.   color: var(--color-text);
  2893.   border: 0;
  2894.   background: transparent;
  2895. }
  2896. [dir=rtl] .wt-announcement__close {
  2897.   left: 5px;
  2898.   right: auto;
  2899. }
  2900. .wt-announcement__close:focus-visible {
  2901.   outline-offset: -2px;
  2902. }
  2903. .wt-announcement__close .wt-announcement__close__icon {
  2904.   height: 1.2rem;
  2905.   width: 1.2rem;
  2906. }
  2907.  
  2908. @keyframes scroll {
  2909.   0% {
  2910.     transform: translateX(100%);
  2911.   }
  2912.   100% {
  2913.     transform: translateX(-100%);
  2914.   }
  2915. }
  2916. @keyframes scroll2 {
  2917.   0% {
  2918.     transform: translateX(0);
  2919.   }
  2920.   100% {
  2921.     transform: translateX(-200%);
  2922.   }
  2923. }
  2924. @keyframes scroll-rtl {
  2925.   0% {
  2926.     transform: translateX(-100%);
  2927.   }
  2928.   100% {
  2929.     transform: translateX(100%);
  2930.   }
  2931. }
  2932. @keyframes scroll2-rtl {
  2933.   0% {
  2934.     transform: translateX(0);
  2935.   }
  2936.   100% {
  2937.     transform: translateX(200%);
  2938.   }
  2939. }
  2940. .wt-page-nav-mega {
  2941.   font-size: var(--font-navigation-size);
  2942.   font-family: var(--font-navigation);
  2943.   font-style: var(--font-navigation-style);
  2944.   font-weight: var(--font-navigation-weight);
  2945.   text-transform: var(--font-navigation-transform, none);
  2946.   letter-spacing: var(--font-navigation-letter-spacing, normal);
  2947.   padding: calc(var(--gap, 8px) * 2) 0;
  2948. }
  2949. .wt-page-nav-mega__decorated {
  2950.   --clr-underline: var(--color-links-active);
  2951.   padding-bottom: 2px;
  2952. }
  2953. @media (hover: hover) {
  2954.   .wt-page-nav-mega__decorated {
  2955.     text-decoration: none;
  2956.     background-image: linear-gradient(var(--clr-underline, var(--color-menu-text)), var(--clr-underline, var(--color-menu-text)));
  2957.     background-repeat: no-repeat;
  2958.     background-position: bottom left;
  2959.     background-size: 0% 1px;
  2960.     transition: background-size 0.3s ease-in-out;
  2961.   }
  2962.   .wt-page-nav-mega__decorated:hover {
  2963.     background-size: 100% 1px;
  2964.     color: inherit;
  2965.   }
  2966. }
  2967. .wt-page-nav-mega [data-menu-level] {
  2968.   outline-offset: -2px !important;
  2969. }
  2970. .wt-page-nav-mega__sublist {
  2971.   overflow: hidden;
  2972.   max-height: 0;
  2973.   transition: max-height 0.2s ease-out, margin 0.2s ease-in;
  2974. }
  2975. .wt-page-nav-mega__sublist .wt-page-nav-mega__sublist {
  2976.   margin-left: 0;
  2977.   font-weight: normal;
  2978. }
  2979. .submenu-opened > .wt-page-nav-mega__sublist, .submenu-opened + .wt-page-nav-mega__sublist__wrapper > .wt-page-nav-mega__sublist {
  2980.   max-height: 200vh;
  2981.   transition: max-height 0.4s ease-in, margin 0.4s ease-out;
  2982.   margin-bottom: calc(var(--gap, 8px) * 2);
  2983.   margin-top: calc(var(--gap, 8px) * 1);
  2984.   padding-bottom: 6px;
  2985. }
  2986. .wt-page-nav-mega__sublist__wrapper {
  2987.   overflow: hidden;
  2988.   max-height: 0;
  2989.   transition: max-height 0.2s ease-out, margin 0.2s ease-in;
  2990. }
  2991. .wt-page-nav-mega__sublist__link {
  2992.   padding: calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 4);
  2993.   display: flex;
  2994.   align-items: center;
  2995.   justify-content: space-between;
  2996. }
  2997. @media (min-width: 1200px) {
  2998.   body:not(.mobile-nav) .wt-page-nav-mega__sublist__link {
  2999.     display: inline;
  3000.     display: flex;
  3001.     align-items: center;
  3002.     justify-content: flex-start;
  3003.     gap: 6px;
  3004.   }
  3005. }
  3006. .wt-page-nav-mega__sublist__link:focus-visible[data-menu-level="3"] {
  3007.   outline: 0;
  3008. }
  3009. .wt-page-nav-mega__sublist__link:focus-visible[data-menu-level="3"] > span {
  3010.   --outline-color: var(--color-links-active);
  3011.   outline: 2px solid var(--outline-color);
  3012.   outline-offset: calc(var(--gap, 8px) * 0.5);
  3013.   box-shadow: 0 0 0 3px rgba(var(--color-links-active), 0.5);
  3014. }
  3015. body.no-focus-visible .wt-page-nav-mega__sublist__link:focus-visible[data-menu-level="3"] > span {
  3016.   outline-color: transparent;
  3017. }
  3018. .wt-page-nav-mega__sublist__link--parent.submenu-opened + .wt-page-nav-mega__sublist {
  3019.   max-height: 200vh;
  3020.   transition: max-height 0.4s ease-in, margin 0.4s ease-out;
  3021.   margin-bottom: calc(var(--gap, 8px) * 2);
  3022. }
  3023. .wt-page-nav-mega__sublist__link--parent.submenu-opened .icon-plus-x {
  3024.   transform: scaleY(0);
  3025. }
  3026. .wt-page-nav-mega__sublist__link .svg-icon--arrow-down,
  3027. .wt-page-nav-mega__sublist__link .svg-icon--arrow-right {
  3028.   display: none;
  3029. }
  3030. .wt-page-nav-mega__sublist__item--child {
  3031.   font-size: var(--font-base-size);
  3032.   font-family: var(--font-base);
  3033.   font-style: var(--font-base-style);
  3034.   font-weight: var(--font-base-weight);
  3035.   text-transform: var(--font-base-transform, none);
  3036.   letter-spacing: var(--font-base-letter-spacing, normal);
  3037.   line-height: var(--font-base-line-height, normal);
  3038. }
  3039. .wt-page-nav-mega__sublist__item--grandchild {
  3040.   font-size: var(--font-base-size);
  3041.   font-family: var(--font-base);
  3042.   font-style: var(--font-base-style);
  3043.   font-weight: var(--font-base-weight);
  3044.   text-transform: var(--font-base-transform, none);
  3045.   letter-spacing: var(--font-base-letter-spacing, normal);
  3046.   line-height: var(--font-base-line-height, normal);
  3047. }
  3048. .wt-page-nav-mega__sublist__item--grandchild a {
  3049.   padding-left: calc(var(--gap, 8px) * 5.5);
  3050. }
  3051. .wt-page-nav-mega__item:not(:last-child) {
  3052.   position: relative;
  3053. }
  3054. .wt-page-nav-mega__item:not(:last-child)::after {
  3055.   content: "";
  3056.   height: 1px;
  3057.   background: var(--color-border);
  3058.   display: block;
  3059.   position: absolute;
  3060.   left: calc(var(--gap, 8px) * 4);
  3061.   right: calc(var(--gap, 8px) * 4);
  3062.   bottom: 0;
  3063. }
  3064. @media (min-width: 1200px) {
  3065.   body:not(.mobile-nav) .wt-page-nav-mega__item:not(:last-child)::after {
  3066.     display: none;
  3067.   }
  3068. }
  3069. .wt-page-nav-mega__link {
  3070.   padding: calc(var(--gap, 8px) * 1) calc(var(--gap, 8px) * 4);
  3071.   display: flex;
  3072.   align-items: center;
  3073.   justify-content: space-between;
  3074. }
  3075. .wt-page-nav-mega__link[data-menu-level="1"]:focus-visible {
  3076.   outline-color: var(--color-menu-text);
  3077. }
  3078. .mobile-nav .wt-page-nav-mega__link[data-menu-level="1"]:focus-visible {
  3079.   outline-color: var(--color-links);
  3080. }
  3081. .wt-page-nav-mega__link--parent.submenu-opened + .wt-page-nav-mega__sublist__wrapper {
  3082.   max-height: 200vh;
  3083.   transition: max-height 0.4s ease-in, margin 0.4s ease-out;
  3084. }
  3085. .wt-page-nav-mega__link--parent.submenu-opened .icon-plus-x {
  3086.   transform: scaleY(0);
  3087. }
  3088. .submenu-opened .wt-page-nav-mega__link__text {
  3089.   opacity: 0.6;
  3090. }
  3091. @media (min-width: 1200px) {
  3092.   body:not(.mobile-nav) .submenu-opened .wt-page-nav-mega__link__text {
  3093.     opacity: 1;
  3094.   }
  3095. }
  3096. @media (hover: hover) {
  3097.   .wt-page-nav-mega__link__text--underline {
  3098.     text-decoration: none;
  3099.     background-image: linear-gradient(var(--clr-underline, var(--color-menu-text)), var(--clr-underline, var(--color-menu-text)));
  3100.     background-repeat: no-repeat;
  3101.     background-position: bottom left;
  3102.     background-size: 0% 1px;
  3103.     transition: background-size 0.3s ease-in-out;
  3104.   }
  3105.   .wt-page-nav-mega__link__text--underline:hover {
  3106.     background-size: 100% 1px;
  3107.     color: inherit;
  3108.   }
  3109. }
  3110. .dropdown-opened .wt-page-nav-mega__link__text--underline {
  3111.   background-size: 100% 1px;
  3112.   color: inherit;
  3113. }
  3114. body.mobile-nav .wt-page-nav-mega__link__text--underline {
  3115.   --clr-underline: var(--color-links-active);
  3116. }
  3117. .wt-page-nav-mega__link .svg-icon--arrow-down,
  3118. .wt-page-nav-mega__link .svg-icon--arrow-right {
  3119.   display: none;
  3120. }
  3121. .wt-page-nav-mega__item {
  3122.   padding: calc(var(--gap, 8px) * 1.5) 0;
  3123. }
  3124. .wt-page-nav-mega__aside {
  3125.   background-color: var(--color-footer-background);
  3126.   color: var(--color-footer-text);
  3127.   padding: calc(var(--gap, 8px) * 3) calc(var(--gap, 8px) * 4);
  3128.   margin-top: auto;
  3129. }
  3130. @supports (-webkit-touch-callout: none) {
  3131.   @media (max-width: 1199px) {
  3132.     .wt-page-nav-mega__aside {
  3133.       padding-bottom: calc(var(--gap, 8px) * 12);
  3134.     }
  3135.   }
  3136. }
  3137. @media (min-width: 900px) {
  3138.   .wt-page-nav-mega__aside {
  3139.     padding-block: calc(var(--gap, 8px) * 2);
  3140.   }
  3141. }
  3142. .wt-page-nav-mega__aside-list__link {
  3143.   display: flex;
  3144.   align-items: center;
  3145.   padding: calc(var(--gap, 8px) * 1.5) 0;
  3146.   color: inherit;
  3147. }
  3148. @media (min-width: 900px) {
  3149.   .wt-page-nav-mega__aside-list__link {
  3150.     padding: calc(var(--gap, 8px) * 1) 0;
  3151.   }
  3152. }
  3153. .wt-page-nav-mega__aside-list__link:hover {
  3154.   color: inherit;
  3155. }
  3156. .wt-page-nav-mega__aside-list__link:focus-visible {
  3157.   color: currentColor !important;
  3158.   outline-color: currentColor !important;
  3159. }
  3160. .wt-page-nav-mega__aside-list__link .svg-icon {
  3161.   margin-right: calc(var(--gap, 8px) * 1);
  3162.   transform: scale(0.5);
  3163. }
  3164. @media (min-width: 1200px) {
  3165.   body:not(.mobile-nav) .wt-page-nav-mega {
  3166.     background: var(--color-menu-background);
  3167.     color: var(--color-menu-text);
  3168.     position: relative;
  3169.     padding: 0;
  3170.   }
  3171.   body:not(.mobile-nav) .wt-page-nav-mega--shadow {
  3172.     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
  3173.   }
  3174.   body:not(.mobile-nav) .wt-page-nav-mega .wt-page-nav-mega__link {
  3175.     color: var(--color-menu-text);
  3176.   }
  3177.   body:not(.mobile-nav) .wt-page-nav-mega__list {
  3178.     max-width: var(--site-max-width);
  3179.     padding-left: calc(var(--gap, 8px) * 2);
  3180.     padding-right: calc(var(--gap, 8px) * 2);
  3181.     margin-left: auto;
  3182.     margin-right: auto;
  3183.     display: flex;
  3184.     flex-wrap: wrap;
  3185.   }
  3186. }
  3187. @media (min-width: 1200px) and (min-width: 1200px) {
  3188.   body:not(.mobile-nav) .wt-page-nav-mega__list {
  3189.     padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
  3190.     padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
  3191.   }
  3192. }
  3193. @media (min-width: 1200px) and (min-width: 1800px) {
  3194.   body:not(.mobile-nav) .wt-page-nav-mega__list {
  3195.     max-width: var(--site-max-width-big);
  3196.   }
  3197. }
  3198. @media (min-width: 1200px) {
  3199.   body:not(.mobile-nav) .wt-page-nav-mega__list--center {
  3200.     justify-content: center;
  3201.   }
  3202.   body:not(.mobile-nav) .wt-page-nav-mega__link {
  3203.     padding: 0 calc(var(--gap, 8px) * 1.5);
  3204.     display: inline-flex;
  3205.     gap: 4px;
  3206.     align-items: center;
  3207.     height: var(--navbar-height);
  3208.   }
  3209.   body:not(.mobile-nav) .wt-page-nav-mega__link .svg-icon {
  3210.     display: none;
  3211.   }
  3212.   body:not(.mobile-nav) .wt-page-nav-mega__link .svg-icon--arrow-down,
  3213.   body:not(.mobile-nav) .wt-page-nav-mega__link .svg-icon--arrow-right {
  3214.     display: block;
  3215.     width: 14px;
  3216.     height: 14px;
  3217.     color: var(--color-menu-text);
  3218.   }
  3219.   body:not(.mobile-nav) .wt-page-nav-mega__item {
  3220.     font-size: calc(var(--font-navigation-size) - 2px);
  3221.     letter-spacing: var(--font-navigation-letter-spacing);
  3222.     border-bottom: 0;
  3223.     padding: 0;
  3224.   }
  3225.   body:not(.mobile-nav) .wt-page-nav-mega__item.dropdown-opened .wt-page-nav-mega__link__text::after {
  3226.     transform: scaleX(1);
  3227.   }
  3228.   body:not(.mobile-nav) .wt-page-nav-mega__item--simple {
  3229.     position: relative !important;
  3230.   }
  3231.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent {
  3232.     position: static;
  3233.   }
  3234.   html body:not(.mobile-nav) .wt-page-nav-mega__item--parent.submenu--left .wt-page-nav-mega__sublist__wrapper {
  3235.     right: 0;
  3236.   }
  3237.   html body:not(.mobile-nav) .wt-page-nav-mega__item--parent.submenu--left .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist--nested {
  3238.     left: 1px;
  3239.     transform: translateX(-100%); /* Move the child element to the left by its own width */
  3240.   }
  3241.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper {
  3242.     overflow: hidden;
  3243.     max-height: 0;
  3244.     transition: max-height 0.2s ease-out, margin 0.2s ease-in;
  3245.     background: var(--color-background);
  3246.     position: absolute;
  3247.     z-index: 20;
  3248.     top: var(--navbar-height);
  3249.     left: 0;
  3250.     width: 100%;
  3251.     font-size: var(--font-base-size);
  3252.     font-family: var(--font-base);
  3253.     font-style: var(--font-base-style);
  3254.     font-weight: var(--font-base-weight);
  3255.     text-transform: var(--font-base-transform, none);
  3256.     letter-spacing: var(--font-base-letter-spacing, normal);
  3257.     line-height: var(--font-base-line-height, normal);
  3258.   }
  3259.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper--simple {
  3260.     width: auto;
  3261.     left: initial;
  3262.     min-width: 100%;
  3263.   }
  3264.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist {
  3265.     display: flex;
  3266.     flex-direction: column;
  3267.     overflow: visible;
  3268.     padding: calc(var(--gap, 8px) * 1.5);
  3269.   }
  3270.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist--parent {
  3271.     position: relative;
  3272.   }
  3273.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist .wt-page-nav-mega__sublist__item {
  3274.     padding-top: calc(var(--gap, 8px) * 1);
  3275.     padding-bottom: calc(var(--gap, 8px) * 1);
  3276.     width: 100%;
  3277.   }
  3278.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist .wt-page-nav-mega__sublist--nested {
  3279.     overflow: hidden;
  3280.     max-height: 0;
  3281.     transition: max-height 0.2s ease-out, margin 0.2s ease-in;
  3282.     width: max-content;
  3283.     position: absolute;
  3284.     z-index: 10;
  3285.     padding: 0;
  3286.     left: 100%;
  3287.     top: 0;
  3288.     background-color: var(--color-background);
  3289.   }
  3290.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist .wt-page-nav-mega__sublist--nested .wt-page-nav-mega__sublist__item--grandchild {
  3291.     background-color: var(--color-foreground);
  3292.   }
  3293.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist .wt-page-nav-mega__sublist--nested .wt-page-nav-mega__sublist__link {
  3294.     padding: 4px 16px;
  3295.   }
  3296.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper--mega .wt-page-nav-mega__sublist__item--child {
  3297.     font-family: var(--font-headline);
  3298.     font-style: var(--font-headline-style);
  3299.     font-weight: var(--font-headline-weight);
  3300.     text-transform: var(--font-headline-transform, none);
  3301.     font-size: var(--font-headline-size);
  3302.     letter-spacing: var(--font-headline-letter-spacing, normal);
  3303.     line-height: var(--font-headline-line-height, normal);
  3304.     font-size: calc(var(--font-base-size) * 1.25);
  3305.     line-height: calc(var(--font-base-line-height) * 1.25);
  3306.     padding-bottom: calc(var(--gap, 8px) * 3);
  3307.   }
  3308.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper--mega .wt-page-nav-mega__sublist__item--grandchild {
  3309.     font-size: var(--font-base-size);
  3310.     font-family: var(--font-base);
  3311.     font-style: var(--font-base-style);
  3312.     font-weight: var(--font-base-weight);
  3313.     text-transform: var(--font-base-transform, none);
  3314.     letter-spacing: var(--font-base-letter-spacing, normal);
  3315.     line-height: var(--font-base-line-height, normal);
  3316.   }
  3317.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper > .wt-page-nav-mega__sublist {
  3318.     max-width: var(--site-max-width);
  3319.     padding-left: 0;
  3320.     padding-right: 0;
  3321.     margin-left: auto;
  3322.     margin-right: auto;
  3323.     margin-left: auto;
  3324.     margin-right: auto;
  3325.   }
  3326. }
  3327. @media (min-width: 1200px) and (min-width: 1200px) {
  3328.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper > .wt-page-nav-mega__sublist {
  3329.     padding-left: calc(0 + calc(var(--gap, 8px) * 2));
  3330.     padding-right: calc(0 + calc(var(--gap, 8px) * 2));
  3331.   }
  3332. }
  3333. @media (min-width: 1200px) and (min-width: 1800px) {
  3334.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper > .wt-page-nav-mega__sublist {
  3335.     max-width: var(--site-max-width-big);
  3336.   }
  3337. }
  3338. @media (min-width: 1200px) {
  3339.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper {
  3340.     max-height: 200vh;
  3341.     transition: max-height 0.4s ease-in, margin 0.4s ease-out;
  3342.   }
  3343.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper--simple {
  3344.     overflow: visible;
  3345.   }
  3346.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__link__text::after {
  3347.     display: none;
  3348.   }
  3349.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist--parent:hover, body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist--parent:focus-visible, body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist--parent:focus, body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist--parent:focus-within {
  3350.     background-color: var(--color-foreground);
  3351.   }
  3352.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist--parent:hover > a span, body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist--parent:focus-visible > a span, body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist--parent:focus > a span, body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist--parent:focus-within > a span {
  3353.     background-size: 100% 1px;
  3354.     color: inherit;
  3355.   }
  3356.   body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist--parent:hover > .wt-page-nav-mega__sublist--nested, body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist--parent:focus-visible > .wt-page-nav-mega__sublist--nested, body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist--parent:focus > .wt-page-nav-mega__sublist--nested, body:not(.mobile-nav) .wt-page-nav-mega__item--parent.dropdown-opened .wt-page-nav-mega__sublist__wrapper--simple .wt-page-nav-mega__sublist--parent:focus-within > .wt-page-nav-mega__sublist--nested {
  3357.     max-height: 200vh;
  3358.     transition: max-height 0.4s ease-in, margin 0.4s ease-out;
  3359.   }
  3360.   body:not(.mobile-nav) .wt-page-nav-mega__item:first-child {
  3361.     margin-left: calc(var(--gap, 8px) * -2);
  3362.   }
  3363.   body:not(.mobile-nav) .wt-page-nav-mega__sublist {
  3364.     max-height: 200vh;
  3365.     transition: max-height 0.4s ease-in, margin 0.4s ease-out;
  3366.     left: calc(var(--gap, 8px) * -2);
  3367.     width: 100%;
  3368.     white-space: nowrap;
  3369.     background: var(--color-background);
  3370.     display: grid;
  3371.     grid-template-columns: repeat(6, 1fr);
  3372.     padding-top: calc(var(--gap, 8px) * 4);
  3373.     padding-bottom: calc(var(--gap, 8px) * 4);
  3374.   }
  3375.   body:not(.mobile-nav) .wt-page-nav-mega__sublist__item {
  3376.     padding: 0 calc(var(--gap, 8px) * 3);
  3377.   }
  3378.   body:not(.mobile-nav) .wt-page-nav-mega__sublist__item--gallery {
  3379.     padding-left: calc(var(--gap, 8px) * 2);
  3380.     padding-right: calc(var(--gap, 8px) * 2);
  3381.     margin-left: auto;
  3382.     grid-row: 1/99;
  3383.     grid-column: var(--promo-columns, 1)/7;
  3384.   }
  3385.   body:not(.mobile-nav) .wt-page-nav-mega__sublist__link {
  3386.     padding: 0;
  3387.   }
  3388.   body:not(.mobile-nav) .wt-page-nav-mega__sublist__link .svg-icon {
  3389.     display: none;
  3390.   }
  3391.   body:not(.mobile-nav) .wt-page-nav-mega__sublist__link:hover .svg-icon--arrow-down,
  3392.   body:not(.mobile-nav) .wt-page-nav-mega__sublist__link:hover .svg-icon--arrow-right {
  3393.     color: var(--color-links-active);
  3394.   }
  3395.   body:not(.mobile-nav) .wt-page-nav-mega__sublist__link .svg-icon--arrow-down,
  3396.   body:not(.mobile-nav) .wt-page-nav-mega__sublist__link .svg-icon--arrow-right {
  3397.     display: block;
  3398.     width: 14px;
  3399.     height: 14px;
  3400.     color: var(--color-links);
  3401.   }
  3402.   [dir=rtl] body:not(.mobile-nav) .wt-page-nav-mega__sublist__link .svg-icon--arrow-right {
  3403.     transform: rotate(180deg);
  3404.   }
  3405.   body:not(.mobile-nav) .wt-page-nav-mega__sublist .wt-page-nav-mega__sublist {
  3406.     position: static;
  3407.     display: block;
  3408.     font-weight: normal;
  3409.     padding: calc(var(--gap, 8px) * 1) 0 0;
  3410.   }
  3411.   body:not(.mobile-nav) .wt-page-nav-mega__sublist .wt-page-nav-mega__sublist__item .wt-page-nav-mega__sublist__item {
  3412.     padding: calc(var(--gap, 8px) * 0.5) 0;
  3413.     width: fit-content;
  3414.   }
  3415.   body:not(.mobile-nav) .wt-page-nav-mega__aside {
  3416.     display: none;
  3417.   }
  3418.   body:not(.mobile-nav) .wt-header:not(.wt-header--search) ~ .wt-drawer--nav .wt-page-nav-mega .wt-page-nav-mega__link {
  3419.     height: calc(var(--navbar-height) / 7 * 5);
  3420.   }
  3421.   body:not(.mobile-nav) .wt-header:not(.wt-header--search) ~ .wt-drawer--nav .wt-page-nav-mega .wt-page-nav-mega__item--parent .wt-page-nav-mega__sublist__wrapper {
  3422.     top: calc(var(--navbar-height) / 7 * 5);
  3423.   }
  3424. }
  3425. @media (min-width: 1400px) {
  3426.   body:not(.mobile-nav) .wt-page-nav-mega__item {
  3427.     font-size: calc(var(--font-navigation-size) - 1x);
  3428.   }
  3429. }
  3430. @media (min-width: 1800px) {
  3431.   body:not(.mobile-nav) .wt-page-nav-mega__item {
  3432.     font-size: inherit;
  3433.     letter-spacing: inherit;
  3434.   }
  3435.   body:not(.mobile-nav) .wt-page-nav-mega__link {
  3436.     padding: 0 calc(var(--gap, 8px) * 2.5);
  3437.   }
  3438. }
  3439.  
  3440. .wt-drawer__close .svg-icon {
  3441.   display: block;
  3442. }
  3443. @media (hover: hover) {
  3444.   .wt-drawer__close:hover, .wt-drawer__close:focus-visible {
  3445.     cursor: pointer;
  3446.   }
  3447. }
  3448.  
  3449. .menu-open [rel=toggle-menu] #ico_bar_2 {
  3450.   transform: scaleX(0);
  3451.   opacity: 0;
  3452. }
  3453. .menu-open [rel=toggle-menu] #ico_bar_1 {
  3454.   transform: translate(-17%, 17%) rotate(45deg) scaleX(1.2);
  3455. }
  3456. .menu-open [rel=toggle-menu] #ico_bar_3 {
  3457.   transform: translate(-17%, -20%) rotate(-45deg) scaleX(1.2);
  3458. }
  3459. .menu-open [rel=toggle-menu] [data-icon-theme=option_2] #ico_bar_1 {
  3460.   transform: translate(-8%, 8%) rotate(45deg) scaleX(1.2);
  3461. }
  3462. .menu-open [rel=toggle-menu] [data-icon-theme=option_2] #ico_bar_3 {
  3463.   transform: translate(-9%, -9%) rotate(-45deg) scaleX(1.2);
  3464. }
  3465.  
  3466. mega-menu-section {
  3467.   display: block;
  3468.   position: relative;
  3469.   z-index: 30;
  3470.   overflow-y: auto;
  3471. }
  3472. @media (min-width: 1200px) {
  3473.   body:not(.mobile-nav) mega-menu-section {
  3474.     overflow-y: visible;
  3475.   }
  3476. }
  3477.  
  3478. .mega-menu {
  3479.   font-size: var(--font-base-size);
  3480.   font-family: var(--font-base);
  3481.   font-style: var(--font-base-style);
  3482.   font-weight: var(--font-base-weight);
  3483.   text-transform: var(--font-base-transform, none);
  3484.   letter-spacing: var(--font-base-letter-spacing, normal);
  3485.   line-height: var(--font-base-line-height, normal);
  3486.   height: 100%;
  3487.   display: flex;
  3488.   flex-direction: column;
  3489. }
  3490. .mega-menu__gallery {
  3491.   display: flex;
  3492.   gap: calc(var(--gap, 8px) * 3);
  3493.   overflow-y: auto;
  3494.   width: 100%;
  3495.   padding-top: calc(var(--gap, 8px) * 3);
  3496.   padding-bottom: calc(var(--gap, 8px) * 3);
  3497.   padding-left: calc(var(--gap, 8px) * 3);
  3498.   padding-right: calc(var(--gap, 8px) * 3);
  3499. }
  3500. @media (min-width: 1200px) {
  3501.   body:not(.mobile-nav) .mega-menu__gallery {
  3502.     padding-top: 0px;
  3503.     padding-bottom: 0px;
  3504.   }
  3505.   body:not(.mobile-nav) .mega-menu__gallery {
  3506.     padding-left: calc(var(--gap, 8px) * 0);
  3507.     padding-right: calc(var(--gap, 8px) * 0);
  3508.   }
  3509. }
  3510. .mega-menu__gallery__link {
  3511.   display: block;
  3512. }
  3513. .mega-menu .mega-menu__gallery__link:focus-visible {
  3514.   outline-offset: 2px !important;
  3515. }
  3516. .mega-menu__gallery__item {
  3517.   width: 60%;
  3518.   flex-shrink: 0;
  3519.   text-align: center;
  3520. }
  3521. .mega-menu__gallery__item:last-child {
  3522.   margin-right: calc(var(--gap, 8px) * 3);
  3523. }
  3524. .mega-menu__gallery__item:only-child {
  3525.   width: 100%;
  3526. }
  3527. @media (min-width: 1200px) {
  3528.   body:not(.mobile-nav) .mega-menu__gallery__item {
  3529.     flex-shrink: 1;
  3530.     flex-grow: 1;
  3531.     width: 50%;
  3532.     padding-right: 0;
  3533.   }
  3534.   body:not(.mobile-nav) .mega-menu__gallery__item:last-child {
  3535.     margin-right: 0;
  3536.   }
  3537. }
  3538. .mega-menu__gallery__img {
  3539.   display: block;
  3540.   width: 100%;
  3541.   height: auto;
  3542.   margin-bottom: calc(var(--gap, 8px) * 2);
  3543.   border-radius: var(--border-radius);
  3544.   max-height: 480px;
  3545.   object-fit: contain;
  3546. }
  3547. .mega-menu__gallery__heading {
  3548.   font-family: var(--font-headline);
  3549.   font-style: var(--font-headline-style);
  3550.   font-weight: var(--font-headline-weight);
  3551.   text-transform: var(--font-headline-transform, none);
  3552.   font-size: var(--font-headline-size);
  3553.   letter-spacing: var(--font-headline-letter-spacing, normal);
  3554.   line-height: var(--font-headline-line-height, normal);
  3555.   font-size: calc(var(--font-base-size) * 1.25);
  3556. }
  3557. .mega-menu__gallery__caption {
  3558.   font-size: var(--font-base-size);
  3559.   font-family: var(--font-base);
  3560.   font-style: var(--font-base-style);
  3561.   font-weight: var(--font-base-weight);
  3562.   text-transform: var(--font-base-transform, none);
  3563.   letter-spacing: var(--font-base-letter-spacing, normal);
  3564.   line-height: var(--font-base-line-height, normal);
  3565. }
  3566.  
  3567. .menu-drawer-overlay {
  3568.   position: fixed;
  3569.   height: 100vh;
  3570.   width: 100%;
  3571.   background: rgba(0, 0, 0, 0.5);
  3572.   top: 0;
  3573.   left: 0;
  3574.   opacity: 0;
  3575.   transform: scale(0);
  3576.   z-index: 15;
  3577.   transition: opacity 0.3s ease-in-out;
  3578. }
  3579. @media (min-width: 1200px) {
  3580.   .menu-drawer-overlay {
  3581.     height: 100%;
  3582.   }
  3583. }
  3584. .menu-drawer-overlay-on {
  3585.   overflow: hidden;
  3586.   overflow-y: hidden;
  3587.   touch-action: none;
  3588.   -ms-touch-action: none;
  3589.   height: 100%;
  3590. }
  3591. .menu-drawer-overlay-on::-webkit-scrollbar {
  3592.   display: none;
  3593. }
  3594. .menu-drawer-overlay-on .menu-drawer-overlay {
  3595.   opacity: 1;
  3596.   transform: scale(1);
  3597.   backdrop-filter: blur(4px);
  3598.   overflow: hidden;
  3599. }
  3600.  
  3601. @media (min-width: 1200px) {
  3602.   .dropdown-open-desk .menu-drawer-overlay {
  3603.     opacity: 1;
  3604.     transform: scale(1);
  3605.     backdrop-filter: blur(4px);
  3606.   }
  3607. }
  3608.  
  3609. .page-overlay {
  3610.   position: fixed;
  3611.   height: 100vh;
  3612.   width: 100%;
  3613.   background: rgba(0, 0, 0, 0.5);
  3614.   top: 0;
  3615.   left: 0;
  3616.   opacity: 0;
  3617.   transform: scale(0);
  3618.   z-index: 15;
  3619.   transition: opacity 0.3s ease-in-out;
  3620.   z-index: 100;
  3621. }
  3622. @media (max-width: 1199px) {
  3623.   .page-overlay {
  3624.     z-index: 49;
  3625.   }
  3626. }
  3627. .page-overlay-on {
  3628.   overflow: hidden;
  3629.   overflow-y: hidden;
  3630.   touch-action: none;
  3631.   -ms-touch-action: none;
  3632.   height: 100%;
  3633. }
  3634. .page-overlay-on::-webkit-scrollbar {
  3635.   display: none;
  3636. }
  3637. .page-overlay-on .page-overlay {
  3638.   opacity: 1;
  3639.   transform: scale(1);
  3640.   backdrop-filter: blur(4px);
  3641.   overflow: hidden;
  3642. }
  3643.  
  3644. .svg-icon {
  3645.   display: inline-block;
  3646.   width: var(--size-icon);
  3647.   height: var(--size-icon);
  3648.   fill: currentColor;
  3649. }
  3650. @media (min-width: 600px) {
  3651.   .svg-icon {
  3652.     width: var(--size-icon-desk);
  3653.     height: var(--size-icon-desk);
  3654.   }
  3655. }
  3656. .svg-icon rect,
  3657. .svg-icon path {
  3658.   transition: all cubic-bezier(0.12, 0.67, 0.53, 1) 0.3s;
  3659.   transform-origin: center;
  3660. }
  3661. .svg-icon--plus {
  3662.   --size-icon: 2rem;
  3663.   --size-icon-desk: 2rem;
  3664. }
  3665. .svg-icon.svg-icon--soc-twitter {
  3666.   height: 24px;
  3667.   width: 24px;
  3668. }
  3669.  
  3670. .loader {
  3671.   display: inline-block;
  3672.   position: relative;
  3673.   width: 80px;
  3674.   height: 80px;
  3675. }
  3676. .loader div {
  3677.   box-sizing: border-box;
  3678.   display: block;
  3679.   position: absolute;
  3680.   width: var(--loader-size, 64px);
  3681.   height: var(--loader-size, 64px);
  3682.   margin: var(--loader-size-border, 8px);
  3683.   border: var(--loader-size-border, 8px) solid;
  3684.   border-radius: 50%;
  3685.   animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  3686.   border-color: var(--loader-color, #ccc) transparent transparent transparent;
  3687. }
  3688. .loader div:nth-child(1) {
  3689.   animation-delay: -0.45s;
  3690. }
  3691. .loader div:nth-child(2) {
  3692.   animation-delay: -0.3s;
  3693. }
  3694. .loader div:nth-child(3) {
  3695.   animation-delay: -0.15s;
  3696. }
  3697.  
  3698. @keyframes loader {
  3699.   0% {
  3700.     transform: rotate(0deg);
  3701.   }
  3702.   100% {
  3703.     transform: rotate(360deg);
  3704.   }
  3705. }
  3706. .wt-localization-trigger {
  3707.   border: 0;
  3708.   border-radius: 0;
  3709.   padding: 0;
  3710.   height: auto;
  3711.   flex-shrink: 0;
  3712.   letter-spacing: unset;
  3713.   background-color: transparent;
  3714.   color: inherit;
  3715.   display: inline-flex;
  3716.   gap: calc(var(--gap, 8px) * 0.5);
  3717.   text-transform: inherit;
  3718. }
  3719. @media (hover: hover) {
  3720.   .wt-localization-trigger:hover {
  3721.     color: inherit;
  3722.     background-color: inherit;
  3723.   }
  3724. }
  3725. .wt-localization-trigger .svg-icon {
  3726.   width: 1.5rem;
  3727.   height: 1.5rem;
  3728. }
  3729. .wt-localization-trigger .wt-flag-icon {
  3730.   height: 16px;
  3731.   width: auto;
  3732. }
  3733. .wt-localization-trigger__label {
  3734.   display: inline-flex;
  3735.   align-items: center;
  3736.   white-space: nowrap;
  3737.   gap: calc(var(--gap, 8px) * 0.75);
  3738. }
  3739.  
  3740. .wt-flag-icon {
  3741.   border-radius: min(var(--border-radius-button), var(--flag-radius-limit));
  3742.   box-shadow: 0 0 0 1px var(--color-border);
  3743. }
  3744.  
  3745. .wt-drawer {
  3746.   position: fixed;
  3747.   height: 100vh;
  3748.   width: 100%;
  3749.   background: rgba(0, 0, 0, 0.3);
  3750.   top: 0;
  3751.   left: 0;
  3752.   z-index: 100;
  3753.   margin: 0;
  3754.   display: flex;
  3755.   transform: translateX(-100%);
  3756.   opacity: 0;
  3757. }
  3758. [dir=rtl] .wt-drawer {
  3759.   right: 0;
  3760.   left: unset;
  3761.   transform: translateX(100%);
  3762. }
  3763. .drawers-animated .wt-drawer {
  3764.   transition: opacity 0.3s cubic-bezier(0.12, 0.67, 0.53, 1), transform 0.3s cubic-bezier(0.12, 0.67, 0.53, 1);
  3765. }
  3766. @media (min-width: 600px) {
  3767.   .wt-drawer {
  3768.     max-width: 50rem;
  3769.   }
  3770. }
  3771. .wt-drawer__content {
  3772.   height: 100%;
  3773.   width: 100%;
  3774.   max-height: 100vh;
  3775.   background: var(--color-background);
  3776.   color: var(--color-body-text);
  3777. }
  3778. .menu-open .wt-drawer {
  3779.   transform: translateX(0);
  3780.   opacity: 1;
  3781.   pointer-events: auto;
  3782. }
  3783. @media (min-width: 1200px) {
  3784.   body:not(.mobile-nav) .wt-drawer {
  3785.     position: relative;
  3786.     height: auto;
  3787.     transform: unset;
  3788.     opacity: 1;
  3789.     max-width: 100%;
  3790.     transition: none;
  3791.   }
  3792.   body:not(.mobile-nav) .wt-drawer__title {
  3793.     display: none;
  3794.   }
  3795. }
  3796. .wt-drawer__title {
  3797.   display: flex;
  3798.   justify-content: space-between;
  3799.   align-items: center;
  3800.   border-bottom: 1px solid var(--color-border);
  3801.   padding: calc(var(--gap, 8px) * 2) calc(var(--gap, 8px) * 4);
  3802.   display: none;
  3803. }
  3804. .wt-drawer__title__text {
  3805.   font-family: var(--font-headline);
  3806.   font-style: var(--font-headline-style);
  3807.   font-weight: var(--font-headline-weight);
  3808.   text-transform: var(--font-headline-transform, none);
  3809.   font-size: var(--font-headline-size);
  3810.   letter-spacing: var(--font-headline-letter-spacing, normal);
  3811.   line-height: var(--font-headline-line-height, normal);
  3812.   font-size: calc(var(--font-base-size) * 1.15);
  3813. }
  3814. @media (min-width: 1200px) {
  3815.   .wt-drawer__title__text {
  3816.     font-size: calc(var(--font-base-size) * 1.25);
  3817.   }
  3818. }
  3819. .nav-drawer-big .wt-drawer__title {
  3820.   display: flex;
  3821. }
  3822. .nav-drawer-big.page-overlay-cart-on .wt-drawer--nav {
  3823.   z-index: 10;
  3824. }
  3825. .wt-drawer--nav .wt-drawer__content {
  3826.   overflow-x: auto;
  3827.   display: flex;
  3828.   flex-direction: column;
  3829. }
  3830. @media (min-width: 1200px) {
  3831.   body:not(.mobile-nav) .wt-drawer--nav .wt-drawer__content {
  3832.     padding-top: 0 !important;
  3833.     overflow-x: visible;
  3834.   }
  3835. }
  3836. .wt-drawer--nav .wt-page-nav {
  3837.   margin-bottom: auto;
  3838. }
  3839.  
  3840. .wt-drawer-search fieldset {
  3841.   border: 0;
  3842.   margin: 0;
  3843.   padding: 0;
  3844.   list-style: none;
  3845.   background: none;
  3846.   width: 100%;
  3847.   color: var(--color-input-text, var(--color-input-text));
  3848.   border-color: var(--color-input-border);
  3849. }
  3850. .wt-header__body .wt-drawer-search {
  3851.   transition: none;
  3852.   overflow: hidden;
  3853.   display: flex;
  3854. }
  3855. @media (max-width: 1199px) {
  3856.   .wt-header__body .wt-drawer-search {
  3857.     min-width: 30px;
  3858.   }
  3859. }
  3860. .wt-header__body .wt-drawer-search .wt-header__search__close {
  3861.   padding: calc(var(--gap, 8px) * 0.5);
  3862.   background: none;
  3863.   color: inherit;
  3864. }
  3865. .wt-header__body .wt-drawer-search--active {
  3866.   position: fixed;
  3867.   inset: 0;
  3868.   width: 100%;
  3869.   max-width: 100%;
  3870.   margin: 0;
  3871.   height: 100%;
  3872.   background: white;
  3873.   z-index: 110;
  3874.   transform: translateX(0);
  3875.   opacity: 1;
  3876.   padding: 0;
  3877. }
  3878.  
  3879. .search-overlay-on {
  3880.   overflow: hidden;
  3881.   overflow-y: hidden;
  3882.   touch-action: none;
  3883.   -ms-touch-action: none;
  3884.   height: 100%;
  3885. }
  3886. .search-overlay-on::-webkit-scrollbar {
  3887.   display: none;
  3888. }
  3889. .search-overlay-on .wt-header__search {
  3890.   display: flex;
  3891.   flex-direction: column;
  3892.   border: 0;
  3893.   color: var(--color-body-text);
  3894.   background-color: var(--color-background);
  3895. }
  3896. .search-overlay-on .wt-header__search-trigger {
  3897.   display: none;
  3898. }
  3899. .search-overlay-on .wt-header__search__body {
  3900.   max-width: var(--site-max-width);
  3901.   padding-left: calc(var(--gap, 8px) * 2);
  3902.   padding-right: calc(var(--gap, 8px) * 2);
  3903.   margin-left: auto;
  3904.   margin-right: auto;
  3905.   align-items: flex-start;
  3906.   display: flex;
  3907.   flex-direction: column;
  3908.   height: 100%;
  3909.   width: 100% !important;
  3910.   overflow: initial !important;
  3911. }
  3912. @media (min-width: 1200px) {
  3913.   .search-overlay-on .wt-header__search__body {
  3914.     padding-left: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
  3915.     padding-right: calc(calc(var(--gap, 8px) * 2) + calc(var(--gap, 8px) * 2));
  3916.   }
  3917. }
  3918. @media (min-width: 1800px) {
  3919.   .search-overlay-on .wt-header__search__body {
  3920.     max-width: var(--site-max-width-big);
  3921.   }
  3922. }
  3923. @media (min-width: 600px) {
  3924.   .search-overlay-on .wt-header__search__body {
  3925.     align-items: center;
  3926.   }
  3927. }
  3928. @media (min-width: 900px) {
  3929.   .search-overlay-on .wt-header__search__body {
  3930.     padding-left: calc(var(--gap, 8px) * 3);
  3931.     padding-right: calc(var(--gap, 8px) * 3);
  3932.   }
  3933. }
  3934. .search-overlay-on .wt-header__search__form {
  3935.   width: calc(100% - var(--gap) * 6);
  3936.   position: relative;
  3937.   background-color: var(--color-input-background);
  3938.   border: 1px solid var(--color-input-border);
  3939.   border-radius: var(--border-radius-button);
  3940.   height: var(--input-height);
  3941.   display: flex;
  3942.   justify-content: center;
  3943.   align-items: center;
  3944.   max-width: 64rem;
  3945.   margin-bottom: calc(var(--gap, 8px) * 1);
  3946. }
  3947. @media (min-width: 600px) {
  3948.   .search-overlay-on .wt-header__search__form {
  3949.     width: calc(100% - var(--gap) * 14);
  3950.   }
  3951. }
  3952. @media (min-width: 900px) {
  3953.   .search-overlay-on .wt-header__search__form {
  3954.     margin-bottom: calc(var(--gap, 8px) * 2);
  3955.   }
  3956. }
  3957. .search-overlay-on .wt-header__search__form button:focus-visible:focus-visible,
  3958. .search-overlay-on .wt-header__search__form a:focus-visible:focus-visible,
  3959. .search-overlay-on .wt-header__search__form input:not([type=checkbox]):focus-visible:focus-visible {
  3960.   outline-offset: 0;
  3961. }
  3962. .search-overlay-on .wt-header__search__form:has(input:focus) {
  3963.   --outline-color: var(--color-links-active);
  3964.   outline: 2px solid var(--outline-color);
  3965.   outline-offset: calc(var(--gap, 8px) * 0.5);
  3966.   box-shadow: 0 0 0 3px rgba(var(--color-links-active), 0.5);
  3967.   outline-offset: 0;
  3968. }
  3969. body.no-focus-visible .search-overlay-on .wt-header__search__form:has(input:focus) {
  3970.   outline-color: transparent;
  3971. }
  3972. .search-overlay-on .wt-header__search__button {
  3973.   position: relative;
  3974. }
  3975. .search-overlay-on .wt-header__search__close {
  3976.   position: absolute;
  3977.   right: calc(var(--gap, 8px) * -7);
  3978.   top: 0;
  3979. }
  3980. [dir=rtl] .search-overlay-on .wt-header__search__close {
  3981.   left: calc(var(--gap, 8px) * -7);
  3982.   right: auto;
  3983.   margin-left: 0;
  3984.   margin-right: calc(var(--gap, 8px) * 1);
  3985. }
  3986. .search-overlay-on .wt-header__search__field {
  3987.   height: var(--input-height);
  3988.   min-width: 20rem;
  3989.   border: 0;
  3990.   width: 100%;
  3991. }
  3992. .search-overlay-on .wt-header__search__label {
  3993.   margin-left: calc(var(--gap, 8px) * 2);
  3994.   color: var(--color-input-text);
  3995. }
  3996. [dir=rtl] .search-overlay-on .wt-header__search__label {
  3997.   margin-left: 0;
  3998.   margin-right: calc(var(--gap, 8px) * 2);
  3999. }
  4000. .search-overlay-on .wt-header__search__results {
  4001.   display: flex;
  4002.   flex-direction: column;
  4003.   align-items: center;
  4004.   height: 100%;
  4005.   overflow: auto;
  4006.   position: static;
  4007.   flex-grow: 10;
  4008.   margin-top: calc(var(--gap, 8px) * 2);
  4009.   width: 100%;
  4010. }
  4011. @media (max-width: 1199px) {
  4012.   .search-overlay-on .wt-header__search__results {
  4013.     max-height: 77vh;
  4014.   }
  4015. }
  4016. @media (min-width: 600px) {
  4017.   .search-overlay-on .wt-header__search__results {
  4018.     width: calc(100% - var(--gap) * 14);
  4019.     max-width: 64rem;
  4020.   }
  4021. }
  4022. @media (min-width: 900px) {
  4023.   .search-overlay-on .wt-header__search__results {
  4024.     max-width: initial;
  4025.     width: 100%;
  4026.   }
  4027. }
  4028. .search-overlay-on .wt-drawer-search--active {
  4029.   border-radius: 0;
  4030.   transition: height 0.3s cubic-bezier(0.12, 0.67, 0.53, 1);
  4031.   height: 100vh;
  4032.   max-height: 100vh;
  4033.   width: 100vw;
  4034.   padding-top: calc(var(--gap, 8px) * 3);
  4035.   padding-bottom: calc(var(--gap, 8px) * 3);
  4036. }
  4037. @media (min-width: 900px) {
  4038.   .search-overlay-on .wt-drawer-search--active {
  4039.     padding-top: calc(var(--gap, 8px) * 6);
  4040.   }
  4041. }
  4042. .search-overlay-on .loader {
  4043.   opacity: 0;
  4044.   height: 0;
  4045.   overflow: hidden;
  4046.   transition: opacity 0.3s;
  4047. }
  4048. .search-overlay-on .search-empty {
  4049.   display: none;
  4050. }
  4051. .search-overlay-on .predictive-search-status[aria-hidden] {
  4052.   display: none;
  4053. }
  4054. .search-overlay-on .search-result-wrapper {
  4055.   opacity: 0;
  4056.   height: 0;
  4057.   overflow: hidden;
  4058.   transition: opacity 0.3s;
  4059.   width: 100%;
  4060.   display: flex;
  4061.   flex-direction: column;
  4062.   align-items: flex-start;
  4063. }
  4064. .search-overlay-on [results] .search-result-wrapper {
  4065.   opacity: 1;
  4066.   overflow: auto;
  4067.   height: 100%;
  4068.   align-items: center;
  4069. }
  4070. .search-overlay-on [empty] .search-empty {
  4071.   margin-block: calc(var(--gap, 8px) * 2);
  4072.   display: block;
  4073. }
  4074. .search-overlay-on [loading] .search-result-wrapper {
  4075.   opacity: 0;
  4076.   height: 0;
  4077. }
  4078. .search-overlay-on [loading] .predictive-search-status {
  4079.   display: flex;
  4080.   justify-content: center;
  4081.   align-items: center;
  4082.   margin-bottom: calc(var(--gap, 8px) * 2);
  4083. }
  4084. .search-overlay-on [loading] .wt-header__search__results .loader {
  4085.   display: block;
  4086.   height: 80px;
  4087.   opacity: 1;
  4088. }
  4089. .search-overlay-on .search-result {
  4090.   display: flex;
  4091.   flex-wrap: wrap;
  4092.   gap: calc(var(--gap, 8px) * 3);
  4093.   margin-inline: auto;
  4094.   margin-left: 0;
  4095.   max-width: 48rem;
  4096. }
  4097. @media (max-width: 899px) {
  4098.   .search-overlay-on .search-result {
  4099.     gap: 0;
  4100.     flex-direction: column-reverse;
  4101.   }
  4102. }
  4103. @media (min-width: 600px) {
  4104.   .search-overlay-on .search-result {
  4105.     margin-inline: initial;
  4106.     max-width: initial;
  4107.   }
  4108. }
  4109. @media (min-width: 900px) {
  4110.   .search-overlay-on .search-result {
  4111.     flex-wrap: nowrap;
  4112.     margin-top: calc(var(--gap, 8px) * 2);
  4113.     max-width: 1080px;
  4114.     width: 100%;
  4115.     justify-content: center;
  4116.   }
  4117.   .search-overlay-on .search-result--no-results {
  4118.     margin-top: calc(var(--gap, 8px) * 2);
  4119.   }
  4120. }
  4121. .search-overlay-on .search-result-list {
  4122.   display: flex;
  4123.   flex-wrap: wrap;
  4124.   gap: calc(var(--gap, 8px) * 1.5);
  4125.   width: 100%;
  4126. }
  4127. .search-overlay-on .search-result-list:has(> li:only-child) {
  4128.   justify-content: center;
  4129. }
  4130. @media (min-width: 1200px) {
  4131.   .search-overlay-on .search-result-list {
  4132.     gap: calc(var(--gap, 8px) * 4);
  4133.     margin-bottom: calc(var(--gap, 8px) * 4);
  4134.     justify-content: space-between;
  4135.   }
  4136. }
  4137. .search-overlay-on .search-result-list__item {
  4138.   gap: calc(var(--gap, 8px) * 3);
  4139.   width: 100%;
  4140. }
  4141. @media (min-width: 900px) {
  4142.   .search-overlay-on .search-result-list__item {
  4143.     width: 45%;
  4144.   }
  4145.   .search-overlay-on .search-result-list__item:only-child {
  4146.     width: 100%;
  4147.   }
  4148. }
  4149. .search-overlay-on .search-result-products {
  4150.   flex-grow: 5;
  4151.   display: flex;
  4152.   flex-direction: column;
  4153.   align-items: center;
  4154.   justify-content: start;
  4155.   max-width: 750px;
  4156. }
  4157. @media (max-width: 899px) {
  4158.   .search-overlay-on .search-result-products {
  4159.     border-top: 1px solid var(--color-border);
  4160.   }
  4161. }
  4162. .search-overlay-on .search-result-pages {
  4163.   flex-grow: 1;
  4164.   min-width: 20rem;
  4165.   display: none;
  4166. }
  4167. @media (min-width: 900px) {
  4168.   .search-overlay-on .search-result-pages {
  4169.     max-width: 750px;
  4170.   }
  4171. }
  4172. @media (min-width: 900px) {
  4173.   .search-overlay-on .search-result-pages:not(:first-child) {
  4174.     border-top: 0;
  4175.     border-left: 1px solid var(--color-border);
  4176.     padding-top: 0;
  4177.     padding-left: calc(var(--gap, 8px) * 5);
  4178.   }
  4179. }
  4180. .search-overlay-on .search-result-pages:has(div) {
  4181.   display: flex;
  4182.   flex-direction: column;
  4183. }
  4184. .search-overlay-on .search-result-pages__list {
  4185.   border-bottom: 1px solid var(--color-border);
  4186.   padding-bottom: calc(var(--gap, 8px) * 2);
  4187.   display: flex;
  4188.   flex-direction: column;
  4189.   gap: 4px;
  4190. }
  4191. @media (min-width: 900px) {
  4192.   .search-overlay-on .search-result-pages__list {
  4193.     padding-bottom: calc(var(--gap, 8px) * 2.5);
  4194.   }
  4195. }
  4196. .search-overlay-on .search-result-pages__list:last-of-type {
  4197.   border-bottom: none;
  4198. }
  4199. .search-overlay-on .search-result-pages__item {
  4200.   margin-left: calc(var(--gap, 8px) * 2);
  4201. }
  4202. @media (min-width: 900px) {
  4203.   .search-overlay-on .search-result-pages__item {
  4204.     margin-left: 0;
  4205.   }
  4206. }
  4207. .search-overlay-on .search-result__title {
  4208.   font-size: 2rem;
  4209.   font-family: var(--font-headline);
  4210.   font-weight: var(--font-headline-weight);
  4211.   font-style: var(--font-headline-style);
  4212.   letter-spacing: var(--font-headline-letter-spacing);
  4213.   text-transform: var(--font-headline-transform, initial);
  4214.   line-height: 1.2;
  4215.   margin-top: calc(var(--gap, 8px) * 2);
  4216.   margin-bottom: calc(var(--gap, 8px) * 1);
  4217.   font-size: var(--font-base-size);
  4218.   align-self: flex-start;
  4219. }
  4220. @media (max-width: 1199px) {
  4221.   .search-overlay-on .search-result__title {
  4222.     font-size: 1.6rem;
  4223.   }
  4224. }
  4225. @media (max-width: 1199px) {
  4226.   .search-overlay-on .search-result__title {
  4227.     font-size: var(--font-base-size);
  4228.   }
  4229. }
  4230. @media (min-width: 900px) {
  4231.   .search-overlay-on .search-result__title {
  4232.     margin-top: calc(var(--gap, 8px) * 2.5);
  4233.     margin-bottom: calc(var(--gap, 8px) * 1.5);
  4234.   }
  4235.   .search-overlay-on .search-result__title:first-of-type {
  4236.     margin-top: 0;
  4237.   }
  4238. }
  4239. .search-overlay-on .search-result-top__title {
  4240.   font-size: 2rem;
  4241.   font-family: var(--font-headline);
  4242.   font-weight: var(--font-headline-weight);
  4243.   font-style: var(--font-headline-style);
  4244.   letter-spacing: var(--font-headline-letter-spacing);
  4245.   text-transform: var(--font-headline-transform, initial);
  4246.   line-height: 1.2;
  4247.   margin-bottom: calc(var(--gap, 8px) * 2);
  4248.   text-align: center;
  4249. }
  4250. @media (max-width: 1199px) {
  4251.   .search-overlay-on .search-result-top__title {
  4252.     font-size: 1.6rem;
  4253.   }
  4254. }
  4255. .search-overlay-on .search-result-top__list {
  4256.   display: flex;
  4257.   gap: calc(var(--gap, 8px) * 2);
  4258.   flex-wrap: wrap;
  4259.   justify-content: center;
  4260. }
  4261. .search-overlay-on .search-result-top__item {
  4262.   width: calc(
  4263.     (100% - (1*calc(var(--gap, 8px) * 2))) / 2*1
  4264.   );
  4265.   flex-basis: calc(
  4266.     (100% - (1*calc(var(--gap, 8px) * 2))) / 2*1
  4267.   );
  4268. }
  4269. .search-overlay-on .search-result-top__item--row.search-result-top__item {
  4270.   flex: 1 0 100%;
  4271.   width: 100%;
  4272.   flex-basis: initial;
  4273. }
  4274. @media (min-width: 600px) {
  4275.   .search-overlay-on .search-result-top__item {
  4276.     width: calc(
  4277.     (100% - (2*calc(var(--gap, 8px) * 2))) / 3*1
  4278.   );
  4279.     flex-basis: calc(
  4280.     (100% - (2*calc(var(--gap, 8px) * 2))) / 3*1
  4281.   );
  4282.   }
  4283. }
  4284. @media (min-width: 900px) {
  4285.   .search-overlay-on .search-result-top__item {
  4286.     width: calc(
  4287.     (100% - (3*calc(var(--gap, 8px) * 2))) / 4*1
  4288.   );
  4289.     flex-basis: calc(
  4290.     (100% - (3*calc(var(--gap, 8px) * 2))) / 4*1
  4291.   );
  4292.   }
  4293. }
  4294. @media (min-width: 1200px) {
  4295.   .search-overlay-on .search-result-top__item {
  4296.     width: calc(
  4297.     (100% - (5*calc(var(--gap, 8px) * 2))) / 6*1
  4298.   );
  4299.     flex-basis: calc(
  4300.     (100% - (5*calc(var(--gap, 8px) * 2))) / 6*1
  4301.   );
  4302.   }
  4303. }
  4304. .search-overlay-on .search-result-top__item__sublinks {
  4305.   display: flex;
  4306.   flex-wrap: wrap;
  4307.   justify-content: center;
  4308.   gap: 16px;
  4309.   margin-bottom: calc(var(--gap, 8px) * 2);
  4310. }
  4311. .search-overlay-on .search-result-top__item__sublinks .card__title {
  4312.   padding: 8px 16px;
  4313. }
  4314. .search-overlay-on .search-result-top__item__sublink {
  4315.   display: flex;
  4316.   flex-direction: column;
  4317.   justify-content: center;
  4318.   width: calc(
  4319.     (100% - (1*calc(var(--gap, 8px) * 2))) / 2*1
  4320.   );
  4321.   flex-basis: calc(
  4322.     (100% - (1*calc(var(--gap, 8px) * 2))) / 2*1
  4323.   );
  4324. }
  4325. @media (min-width: 600px) {
  4326.   .search-overlay-on .search-result-top__item__sublink {
  4327.     width: calc(
  4328.     (100% - (2*calc(var(--gap, 8px) * 2))) / 3*1
  4329.   );
  4330.     flex-basis: calc(
  4331.     (100% - (2*calc(var(--gap, 8px) * 2))) / 3*1
  4332.   );
  4333.   }
  4334. }
  4335. @media (min-width: 900px) {
  4336.   .search-overlay-on .search-result-top__item__sublink {
  4337.     width: calc(
  4338.     (100% - (3*calc(var(--gap, 8px) * 2))) / 4*1
  4339.   );
  4340.     flex-basis: calc(
  4341.     (100% - (3*calc(var(--gap, 8px) * 2))) / 4*1
  4342.   );
  4343.   }
  4344. }
  4345. @media (min-width: 1200px) {
  4346.   .search-overlay-on .search-result-top__item__sublink {
  4347.     width: calc(
  4348.     (100% - (5*calc(var(--gap, 8px) * 2))) / 6*1
  4349.   );
  4350.     flex-basis: calc(
  4351.     (100% - (5*calc(var(--gap, 8px) * 2))) / 6*1
  4352.   );
  4353.   }
  4354. }
  4355. .search-overlay-on .search-result-top__item .card__price {
  4356.   display: none;
  4357. }
  4358. .search-overlay-on .search-result-top__item .headline__title {
  4359.   display: block;
  4360.   font-size: calc(var(--font-base-size) * 1.5);
  4361.   margin: 0;
  4362. }
  4363. .search-overlay-on .search-result-more {
  4364.   margin-block: calc(var(--gap, 8px) * 3);
  4365.   width: 100%;
  4366. }
  4367. @media (min-width: 600px) {
  4368.   .search-overlay-on .search-result-more {
  4369.     width: auto;
  4370.   }
  4371. }
  4372. @media (min-width: 900px) {
  4373.   .search-overlay-on .search-result-more {
  4374.     align-self: flex-start;
  4375.     display: none;
  4376.   }
  4377. }
  4378. .search-overlay-on .search-result-more--desktop {
  4379.   display: none;
  4380. }
  4381. @media (min-width: 900px) {
  4382.   .search-overlay-on .search-result-more--desktop {
  4383.     display: block;
  4384.     margin-bottom: 0;
  4385.   }
  4386. }
  4387. .search-overlay-on .search-result-more__link {
  4388.   background: var(--color-button-secondary-background);
  4389.   color: var(--color-button-secondary-text);
  4390.   border-color: var(--color-button-secondary-border);
  4391.   width: 100%;
  4392. }
  4393. @media (hover: hover) {
  4394.   .search-overlay-on .search-result-more__link:hover {
  4395.     background: var(--color-button-secondary-background-hover);
  4396.     color: var(--color-button-secondary-text-hover);
  4397.   }
  4398. }
  4399. @media (min-width: 900px) {
  4400.   .search-overlay-on .search-result-more__link {
  4401.     width: auto;
  4402.   }
  4403. }
  4404. .search-overlay-on .wt-drawer--nav {
  4405.   z-index: 1;
  4406. }
  4407. .search-overlay-on .highlight {
  4408.   font-weight: bold;
  4409.   background-color: var(--color-text-highlight);
  4410.   color: #000;
  4411. }
  4412.  
  4413. .suggest-item {
  4414.   display: flex;
  4415.   align-items: center;
  4416. }
  4417. .suggest-item__thumb {
  4418.   width: 8rem;
  4419.   flex-shrink: 0;
  4420. }
  4421. @media (min-width: 600px) {
  4422.   .suggest-item__thumb {
  4423.     width: auto;
  4424.   }
  4425. }
  4426. .suggest-item__thumb img {
  4427.   display: block;
  4428.   width: 100%;
  4429. }
  4430. .suggest-item__body {
  4431.   align-items: flex-start !important;
  4432. }
Advertisement
Add Comment
Please, Sign In to add comment