*,*:after,*:before{box-sizing:border-box}body{margin:0}h1,h2,h3,h4,h5,h6,p,ul,ol,li{margin:0;padding:0}a{color:inherit}button,input{color:currentColor;font-family:inherit;font-size:inherit}input{all:unset;appearance:none;-webkit-appearance:none;-moz-appearance:none}input:-internal-autofill-selected{background-color:unset}ul,ol{list-style:none}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}:root{--color-white: #fff;--color-black: #0d141c;--color-primary: #338ff2;--color-primary-hover: #2a75cc;--color-primary-active: #265db3;--color-secondary: #4a709c;--color-secondary-hover: #2a4b7c;--color-light-blue: #e8edf5;--color-light-gray: #f8fafd;--color-gray: #a0a8b3;--color-light-text: #7a8ca8;--font-main: "Plus Jakarta Sans", sans-serif;--font-weight-extrabold: 750;--font-weight-bold: 700;--font-weight-medium: 500;--font-weight-regular: 400;--border-radius-small: 12px;--border-radius-medium: 16px;--border-radius-large: 20px;--shadow-default: 0 8px 20px rgb(0 0 0 / .08);--gap-small: 8px;--gap-medium: 16px;--gap-large: 24px;--gap-xlarge: 32px;--gap-xxlarge: 36px;--sections-gap: 36px;--icon-size-small: 18px;--icon-size-medium: 20px;--icon-size-large: 24px;--transition-default: all .3s ease;--transition-fast: all .2s ease}.header{display:flex;align-items:center;justify-content:space-between;border-block-end:1px solid var(--color-light-blue, #e8edf5);inline-size:100%;padding:12px 40px;position:fixed;inset-block-start:0;inset-inline:0;z-index:1000;background-color:#fff}.header__left,.header__right{display:flex;align-items:center;gap:var(--gap-xlarge, 32px)}.header__logo{display:flex;align-items:center;gap:var(--gap-small, 8px);transition:var(--transition-default, all .3s ease)}.header__logo:hover{transform:scale(1.03)}.header__logo:focus-visible{outline:2px dashed var(--color-secondary);outline-offset:4px}.header__logo-svg{inline-size:28px;block-size:28px}.header__logo-text{font-family:var(--font-main, "Plus Jakarta Sans", sans-serif);font-weight:var(--font-weight-bold, 700);font-size:18px;line-height:23px;color:#0d141c}.header__nav{display:flex;align-items:center;margin-inline-start:32px}.header__nav-list{display:flex;gap:var(--gap-xxlarge, 36px)}.header__nav-link{font-family:var(--font-main, "Plus Jakarta Sans", sans-serif);font-weight:var(--font-weight-medium, 500);font-size:14px;line-height:21px;color:#0d141c;text-decoration:none;position:relative;transition:var(--transition-default, all .3s ease)}.header__nav-link:after{content:"";position:absolute;left:0;bottom:-2px;inline-size:0%;block-size:2px;background-color:var(--color-secondary);transition:inline-size .3s ease}.header__nav-link:hover{color:var(--color-secondary)}.header__nav-link:hover:after{inline-size:100%}.header__nav-link:focus-visible{outline:2px dashed var(--color-secondary);outline-offset:4px}.header__nav-link_active{text-decoration:underline;color:var(--color-gray, #a0a8b3);pointer-events:none;cursor:default}.header__search{display:flex;align-items:center;position:relative;background-color:var(--color-light-blue, #e8edf5);color:#4a709c;border-radius:var(--border-radius-small, 12px);max-width:160px;inline-size:100%;gap:var(--gap-small, 8px);block-size:40px;transition:var(--transition-default, all .3s ease);cursor:pointer}.header__search:hover{transform:scale(1.05)}.header__search-icon{inline-size:var(--icon-size-large, 24px);block-size:var(--icon-size-large, 24px);margin-inline-start:16px;fill:#4a709c;flex-shrink:0}.header__search-input{font-family:var(--font-main, "Plus Jakarta Sans", sans-serif);font-size:16px;line-height:24px;color:#4a709c;max-width:160px;inline-size:100%;background-color:transparent}.header__search-input:focus-visible{outline:none}.header__search-input::placeholder{color:#4a709c}.header__buttons{margin-inline-start:32px;display:flex;gap:var(--gap-large)}.header__button{position:relative;border:none;padding:0;justify-self:center;display:flex;align-items:center;inline-size:40px;block-size:40px;background-color:var(--color-light-blue, #e8edf5);border-radius:50%;transition:var(--transition-default, all .3s ease);cursor:pointer}.header__button:hover{transform:scale(1.1)}.header__button:active{transform:scale(.95)}.header__button-icon{inline-size:var(--icon-size-medium, 20px);block-size:var(--icon-size-medium, 20px);margin:10px;flex-shrink:0}.header__button--search{display:none}.header__cart-count{font-family:var(--font-main);position:absolute;top:-5px;right:-5px;background-color:var(--color-secondary);color:#fff;border-radius:50%;width:20px;height:20px;display:none;align-items:center;justify-content:center;font-size:12px;font-weight:700}.header__burger{position:relative;margin-inline-start:10px;inline-size:40px;block-size:30px;background:none;border:none;cursor:pointer;z-index:1001;display:none}.header__burger-line{display:block;position:absolute;block-size:4px;inline-size:100%;background:var(--color-black);opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.header__burger-line:nth-of-type(1){top:0;transform-origin:left center}.header__burger-line:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}.header__burger-line:nth-of-type(3){top:100%;transform-origin:left center;transform:translateY(-100%)}.header__burger.active .header__burger-line:nth-of-type(1){transform:rotate(45deg);top:0;left:5px}.header__burger.active .header__burger-line:nth-of-type(2){inline-size:0%;opacity:0}.header__burger.active .header__burger-line:nth-of-type(3){transform:rotate(-45deg);top:28px;left:5px}.header__mobile-nav{position:fixed;top:0;left:0;inline-size:100%;height:-webkit-fill-available;background-color:#fff;z-index:999;padding:40px 20px;display:flex;flex-direction:column;align-items:start;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.header__mobile-nav.active{opacity:1;inline-size:100%;pointer-events:auto;transform:translateY(0)}.header__mobile-nav-list{display:flex;flex-direction:column;gap:24px}.header__mobile-nav-list .header__nav-item{padding:30px 0;inline-size:100vw;border-block-end:1px solid var(--color-black)}.header__mobile-nav-list.active .header__nav-link{display:flex;align-items:center;gap:16px;font-size:64px}.header__nav-link-icon{display:block;inline-size:64px;block-size:64px}.search-modal{font-family:var(--font-main);position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:2000;transform:translateY(-100%);transition:transform .3s ease;box-shadow:0 4px 12px #0000001a;padding-bottom:20px}.search-modal[aria-modal=true]{transform:translateY(0)}.search-modal__container{max-width:1200px;margin:0 auto;padding:16px;height:100%;display:flex;flex-direction:column}.search-modal__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--color-light-blue)}.search-modal__logo{display:flex;align-items:center;gap:8px}.search-modal__logo:focus-visible{outline:2px dashed var(--color-secondary);outline-offset:4px}.search-modal__logo-svg{inline-size:var(--icon-size-large, 24px);block-size:var(--icon-size-large, 24px)}.search-modal__logo-text{font-family:var(--font-main);font-weight:var(--font-weight-bold);font-size:18px}.search-modal__form{width:50%;cursor:text;max-width:unset}.search-modal__form:hover{transform:scale(1.01)}.search-modal__close{background:none;border:none;cursor:pointer;padding:8px}.search-modal__close:focus-visible{outline:2px dashed var(--color-secondary);outline-offset:-8px}.search-modal__close-icon{inline-size:var(--icon-size-large, 24px);block-size:var(--icon-size-large, 24px)}.search-modal__results{flex-grow:1;overflow-y:auto;padding-top:16px}.search-modal__popular{justify-self:center}.search-modal__subtitle{justify-self:start;font-family:var(--font-main);font-size:18px;color:var(--color-gray);margin-bottom:12px}.search-modal__popular-items{display:flex;gap:12px;flex-wrap:wrap}.search-modal__popular-item{padding:12px 16px;background-color:var(--color-light-blue);border-radius:var(--border-radius-small);font-family:var(--font-main);font-size:16px;cursor:pointer;transition:background-color .2s ease;text-decoration:none;color:inherit}.search-modal__popular-item:hover,.search-modal__popular-item:focus-visible{outline:none;background-color:var(--color-secondary);color:#fff}.search-suggestion{justify-self:center;padding:12px 0;width:80%;border-bottom:1px solid var(--color-light-blue);cursor:pointer;display:block;text-decoration:none;color:inherit}.search-suggestion:hover{color:var(--color-secondary)}.search-suggestion:first-child{padding-top:40px}.search-suggestion--empty{color:var(--color-gray);cursor:default}@media (width <= 769px){.header{padding:12px 16px}.header__left,.header__right{gap:16px}.header__logo-svg{inline-size:34px;block-size:34px}.header__logo-text{font-size:24px}.header__nav{display:none}.header__nav-link{width:fit-content}.header__mobile-search{display:none}.header__right .header__search{display:flex}.header__buttons{gap:0}.header__button{margin-inline-start:8px}.header__burger{display:block}.search-modal__header{gap:12px}.search-modal__logo-text{display:none}}@media (width <= 550px){.header__mobile-search{display:list-item}.header__mobile-search .header__search{max-width:50%}.header__right .header__search{display:none}.header__button--search{display:block}.search-modal{transform:translate(100%)}.search-modal[aria-modal=true]{transform:translate(0)}}@media (width <= 320px){.header__logo-svg{inline-size:28px;block-size:28px}.header__logo-text{font-size:18px}.header__buttons{margin-inline-start:14px}}.footer{position:relative;display:flex;align-items:center;flex-direction:column;font-family:var(--font-main, "Plus Jakarta Sans", sans-serif);font-size:16px;color:var(--color-secondary, #4a709c);justify-content:center;inline-size:100%;gap:var(--gap-medium, 16px);margin-block-start:60px;padding:20px 0;background-color:var(--color-light-gray, #f8fafd);border-block-start:1px solid var(--color-light-blue, #e8edf5)}.footer__nav-list{display:flex;flex-direction:row;align-items:center;gap:var(--gap-xlarge, 32px)}.footer__nav-link{color:var(--color-secondary, #4a709c);text-decoration:none;font-weight:var(--font-weight-medium, 500);position:relative;transition:var(--transition-default, all .3s ease)}.footer__nav-link:hover{color:var(--color-secondary-hover, #2a4b7c)}.footer__nav-link:after{content:"";position:absolute;inset-block-end:-2px;inset-inline-start:0;width:0;height:2px;background-color:var(--color-secondary-hover, #2a4b7c);transition:width .3s ease}.footer__nav-link:hover:after{width:100%}.footer__nav-link:focus-visible{outline:2px dashed var(--color-accent);outline-offset:4px}.footer__text{color:var(--color-light-text, #7a8ca8)}.footer__github{position:absolute;right:20px;bottom:20px;color:var(--color-secondary, #4a709c);transition:var(--transition-default, all .3s ease)}.footer__github:hover{color:var(--color-secondary-hover, #2a4b7c)}.footer__github-icon{width:45px;height:45px}@media (width <= 376px){.footer__github{position:static;margin-top:8px;align-self:center}.footer__github-icon{width:32px;height:32px}}