.page{font-family:Space Grotesk,sans-serif;color:#292929;scroll-behavior:smooth}.page__body{margin:0;min-width:320px}.page__menu{opacity:0;pointer-events:none;transition:all .3s}.page__menu:target{opacity:1;pointer-events:all}.header{position:relative;z-index:1;box-sizing:border-box;height:100vh;background-image:url(https://ericagomes-dev.github.io/tech-store/assets/header-bg-mobile-COf2vDzx.png);background-size:cover;background-position:center}.header__content{height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding-inline:20px}@media(min-width:744px){.header__content{padding-inline:72px}}@media(min-width:1260px){.header__content{max-width:1020px;margin-inline:auto;padding-inline:120px}}.header__bottom{padding-bottom:40px}@media(min-width:744px){.header__bottom{padding-bottom:64px}}.header__title{margin:0;font-weight:800;line-height:100%;font-size:36px}@media(min-width:744px){.header__title{font-size:64px}}@media(min-width:1260px){.header__title{font-size:80px}}.top-bar{display:flex;justify-content:space-between;align-items:center;padding-top:24px}@media(min-width:744px){.top-bar{padding-top:32px}}.top-bar__logo-link{display:flex}.top-bar__logo{height:16px;transition:transform .3s}.top-bar__logo:hover{transform:scale(1.05)}@media(min-width:744px){.top-bar__logo{height:24px}}.top-bar__icons{display:flex;gap:24px}.icon{display:block;width:24px;height:24px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .3s}.icon:hover{transform:scale(1.1)}@media(min-width:744px){.icon{width:32px;height:32px}}.icon--menu{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADRSURBVHgB7dQxDoIwFAbgv8UBNo5QN9j0BOoJ9Ah4A29iPIHxBnoSHQlTvQEbTOBjI5ShoU3U8L6keclLhyZ9/wMYY3Mnho00Tc9UTphOV1W11lqXNpflsCGEyOBGRVG0tb28GDbatj3S2WO6d57nd7B/YaRAKRWHYXiAZ03TlFLKF82H7veNIaQJfnbvgGdBEHRF01n2+xJfNhbDHe2CFdUYntV1zfH8PUYMkyTJqGxggaL1KIrC6V+NIaQBvMISRavbF04PGIvhBfZuYIwxRx+iVjTCOGHINwAAAABJRU5ErkJggg==)}.icon--close{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAASRJREFUeAHtlj0SgjAQRhe9gAU/rZZQcSOxo/QmDicQboCdHsMGDgF3iJsZYBSTkF3szJtxghDyPRKyA4DD8e9sdRfiOL4EQXCPomjXdd0DGCRJcvV9vzaN4YFeQEydPK9smuYExHAhRDb+b9tWmbUxjFGNB3IgOSAww5FC11e7BH3f17gEBzxMh1NpGIZ7nMob0MIrfPocqAIcCU14ZsowClAkOOFWAjYS3HCJBwRwZ5TYHKebcXfIlhtOFlBJzCCFS6yW4B3FcrDDJRtggFMvbM7ZQJ4BxQs3YlUnVgmo3nb8PYFYrFgCuq3GrZgkgaV9vkZiUcC2yHAltr8IXyNh/CDBJrcN50qY6sCZGj4y9P34ntD1NQkUnPCZRDEby+FwfPECh0fsbOmPs5cAAAAASUVORK5CYII=)}.icon--phone{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG5SURBVHgB7VY9bsIwFH4hlSBTqRB7RmApR0hu0N6gPUG5AeUEhRvQE9CeAMaO6QQSi0cGhnSiA1H6WUok49r5oQ5SBZ9kRTx/2F+en78XogvOHZYc6Ha7L3gMFFy23+/v1+t1QAZRU8QGGq5r2/YdGUatDNmyrCYZhkoA05HjOL6mEwgIdWRkwKOqBeAtPzP4LmD0GFQZWGT9wXEcjwziikoIQHYWq9XqjQziVwawAeMbKbgTzPlkGMpriGJ7l0Lj5XKp8wfzAur1+hQixNvQp4pgq4Kbzea71Wo5wrVz2+3213a7/SDD0Dpho9EYS1kYdjodl04lIAiCMIqikRBqQtDctA9YeQR0xxkeYhMKdrudzxgLyQBymxEK8pEO+0MfZjTXHQfPEOa8oseVmwEOvhhPP19fCHO/8LlviNxerzdDPM1YkPBSe5/K/EICMkTwYxjBI8YJZwjOc8YyIbg3RwnIEMHBMLhF55oVBBzsWeqDJLFpH+NVmnKLbK5CKQGpCIwHiJCL8yiUFiAImSbZGP1FSKka0CG5ch7q44ly+oZcA0YEqMQgM30IusXgv91kelJVV73g/+IHy7CiwQP0AGEAAAAASUVORK5CYII=)}@media(min-width:1260px){.icon--phone:before{content:"+1 234 5555-55-55";position:absolute;top:50%;right:36px;transform:translateY(-50%);width:max-content;opacity:0;pointer-events:none;color:#292929;font-size:12px;font-weight:700;letter-spacing:2px;transition:opacity .3s}.icon--phone:hover:before{opacity:1}}.menu{position:fixed;top:0;left:0;right:0;z-index:10;box-sizing:border-box;height:100vh;background-color:#e5e6e8;overflow:auto}.menu__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.menu__nav{display:flex;flex-direction:column;gap:32px}.menu__nav-link{width:fit-content;color:#292929;font-size:22px;font-weight:700;line-height:100%;letter-spacing:2px;text-transform:uppercase;text-decoration:none}.menu__phone-number,.menu__phone-number:visited,.menu__phone-number:hover,.menu__phone-number:active{display:block;width:fit-content;margin-top:48px;color:#292929!important;font-weight:700;text-decoration:none}.menu__call-to-order,.menu__call-to-order:visited,.menu__call-to-order:hover,.menu__call-to-order:active{display:block;width:fit-content;margin-top:16px;padding-bottom:8px;border-bottom:1px solid #292929;color:#292929!important;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none}.nav__list{display:flex;flex-direction:column;gap:32px;padding:0;margin:0;list-style:none}.nav__link{position:relative;color:#292929;font-size:22px;font-weight:700;line-height:100%;text-decoration:none;text-transform:uppercase}.nav__link:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background-color:#292929;transform:scale(0);transform-origin:left;transition:transform .3s}.nav__link:hover:after{transform:scale(1)}.recommended__products{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media(min-width:744px){.recommended__products{--columns: 6;column-gap:24px}}@media(min-width:1260px){.recommended__products{--columns: 12;column-gap:24px}}.recommended__products{row-gap:40px}@media(min-width:744px){.recommended__products{row-gap:56px}}.recommended__product{grid-column:1/-1;text-align:left}@media(min-width:744px){.recommended__product{grid-column:2/-2}}@media(min-width:1260px){.recommended__product{grid-column:span 4}}.product__link{display:block;margin-bottom:24px}.product__image{width:100%;aspect-ratio:1/1;display:block;object-fit:cover;border-radius:4px}.product__title{margin:0 0 8px;font-size:18px;font-weight:700;line-height:140%}.product__description{max-width:280px;margin:0 0 12px;line-height:140%}.product__price{margin:0;font-weight:700}.section-title{text-align:left}.categories__images{display:grid;row-gap:40px}@media(min-width:744px){.categories__images{row-gap:64px}}.category__photos{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media(min-width:744px){.category__photos{--columns: 6;column-gap:24px}}@media(min-width:1260px){.category__photos{--columns: 12;column-gap:24px}}.category__photos{margin-bottom:16px}.category__link{position:relative;display:block;overflow:hidden;border-radius:4px}.category__link--small{height:130px}@media(min-width:744px){.category__link--small{height:184px;grid-column:span 2}}@media(min-width:1260px){.category__link--small{height:324px;grid-column:span 4}}.category__link--large{height:130px}@media(min-width:744px){.category__link--large{height:184px;grid-column:span 4}}@media(min-width:1260px){.category__link--large{height:324px;grid-column:span 8}}.category__photo{width:100%;height:100%;display:block;object-fit:cover}.category__title{margin:0;font-size:24px;font-weight:700;line-height:140%;color:#292929}.view-all{display:flex;justify-content:center;align-items:center;width:100%;height:56px;margin-top:40px;border-radius:8px;background-color:#292929;color:#fff;font-weight:700;text-decoration:none;transition:all .3s}@media(min-width:744px){.view-all{width:600px}}.about{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media(min-width:744px){.about{--columns: 6;column-gap:24px}}@media(min-width:1260px){.about{--columns: 12;column-gap:24px}}.about{row-gap:32px}.about__title{grid-column:1/-1}@media(min-width:1260px){.about__title{grid-column:span 5}}.about__content{grid-column:1/-1;display:flex;flex-direction:column;gap:24px}@media(min-width:1260px){.about__content{grid-column:7/-1}}.about__description{margin:0;text-align:left;line-height:140%}.about__banner{width:100vw;margin-left:calc(-50vw + 50%)}.about__banner-image{width:100%;height:200px;display:block;object-fit:cover}@media(min-width:744px){.about__banner-image{height:400px}}@media(min-width:1260px){.about__banner-image{height:460px}}.contacts a,.contacts a:visited,.contacts a:hover,.contacts a:active{color:#292929!important;text-decoration:none}.contacts__wrapper{--columns: 2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media(min-width:744px){.contacts__wrapper{--columns: 6;column-gap:24px}}@media(min-width:1260px){.contacts__wrapper{--columns: 12;column-gap:24px}}.contacts__form{grid-column:1/-1}@media(min-width:1260px){.contacts__form{grid-column:span 5}}.contacts__info{grid-column:1/-1}@media(min-width:1260px){.contacts__info{grid-column:8/-1}}.contacts__block{margin-bottom:24px}.contacts__label{margin-bottom:8px;color:#9393a3;font-size:14px;line-height:140%}.contacts__value{color:#292929;font-size:16px;line-height:140%;text-decoration:none}.contacts__form{display:flex;flex-direction:column;gap:16px}.contacts__input,.contacts__textarea{width:100%;box-sizing:border-box;padding:14px 16px;border:2px solid transparent;border-radius:8px;background-color:#f8f8fa;color:#292929;font-family:inherit;font-size:14px;line-height:140%;transition:border-color .3s}.contacts__input{height:48px}.contacts__textarea{height:148px;resize:none}.contacts__input:hover,.contacts__textarea:hover{border-color:#d5d7de}.contacts__input:focus,.contacts__textarea:focus{outline:none;border-color:#292929}.view-all{display:flex;justify-content:center;align-items:center;width:100%;height:56px;margin-top:40px;border:none;border-radius:8px;background-color:#292929;color:#fff;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;transition:transform .3s}.view-all:hover{transform:scale(1.02)}@media(min-width:1260px){.view-all{width:324px}}.view-all:hover{background-color:#111}.contacts__button{width:100%;height:56px;border:2px solid transparent;border-radius:8px;background-color:#f8f8fa;color:#292929;font-size:16px;font-weight:700;transition:border-color .3s;cursor:pointer}.contacts__button:hover{border-color:#d5d7de}.section-title{margin:0 0 48px;font-weight:800;font-size:32px;line-height:100%;text-align:center}@media(min-width:744px){.section-title{margin-bottom:64px;font-size:40px}}@media(min-width:1260px){.section-title{font-size:48px}}.section-title--align-left{text-align:left}.main{background-color:#fff}.main__content{display:grid;row-gap:96px;padding-block:64px;padding-inline:20px}@media(min-width:744px){.main__content{padding-inline:72px}}@media(min-width:1260px){.main__content{max-width:1020px;margin-inline:auto;padding-inline:120px}}@media(min-width:744px){.main__content{row-gap:120px;padding-block:80px}}