*,:before,:after{box-sizing:border-box}html{tab-size:4;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0;font-family:system-ui,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:Roboto;src:url(Roboto-Regular.ca197847.ttf)format("ttf")}@font-face{font-family:Roboto;src:url(Roboto-Bold.fdb9b54a.ttf)format("ttf")}:root{--main-title-color:#fff;--main-btn-color:#01383a;--main-card-color:#86e543;--main-text-color:#fff;--second-title-color:#86e543;--second-btn-color:#86e543;--second-card-color:#8d9289;--second-text-color:#86e543;--contact-text-color:#8d9289;--data-text-color:#8d9289;--placeholder-color:#fff;--background-color:#01383a;--footer-background-color:#001414;--icon-background-color:#fff;--icon-fill:#001414;--accent-fill:#86e543;--accent-color:#86e543;--backdrop-collor:rgba(0,20,20,.8);--cubic-bezier:250ms cubic-bezier(.4,0,.2,1);--main-font:"Roboto",sans-serif}p,h1,h2,h3,h4,h5,h6{margin:0}ul{margin:0;padding-left:0;list-style:none}ol{margin:0;padding-left:0}button{cursor:pointer}address{font-style:normal}a{color:currentColor;text-decoration:none}img{height:auto;display:block}body{font-family:var(--main-font)}.list{list-style:none}.link{text-decoration:none}.no-scroll{overflow:hidden}.container{width:100%;margin:0 auto;padding-left:16px;padding-right:16px}@media screen and (min-width:480px){.container{width:480px}}@media screen and (min-width:768px){.container{width:768px}}@media screen and (min-width:1280px){.container{width:1280px}}.header{width:100%;z-index:99;background-color:var(--background-color);position:relative;box-shadow:0 4px 10px rgba(97,162,58,.2),0 4px 50px rgba(94,236,54,.5),0 4px 4px rgba(17,168,26,.2)}.page-header{height:104px;z-index:1;background-color:var(--background-color);text-align:center;justify-content:space-between;align-items:center;display:flex;position:relative}@media screen and (min-width:768px){.page-header{height:136px;margin:0 auto;padding-left:40px;padding-right:40px}}.header-logo{font-family:var(--main-font);color:var(--main-title-color);padding-top:24px;padding-bottom:24px;font-size:24px;font-weight:700;line-height:1.16}@media screen and (max-width:1279px){.menu-desktop{display:none}}.menu-close-btn{z-index:3;background-color:rgba(0,0,0,0);border:none;margin-left:auto;display:block}@media screen and (min-width:1280px){.menu-close-btn{display:none}}.menu-close-btn .icon-close{display:none}.menu-close-btn.is-open .icon-close{display:block}.menu-close-btn.is-open .icon-open{display:none}.icon-open{fill:var(--second-btn-color)}.menu-nav{text-align:center;height:100%;flex-direction:column;padding-top:64px;display:flex}@media screen and (min-width:768px){.menu-nav{padding-top:120px}}@media screen and (min-width:1280px){.menu-nav{flex-direction:row;align-items:center;gap:48px;padding-top:0;display:flex}}.menu-nav__item{padding-bottom:40px}@media screen and (min-width:1280px){.menu-nav__item{flex-direction:row;padding-top:52px;padding-bottom:52px}}.menu-nav__link{font-family:var(--main-font);color:var(--main-title-color);text-transform:uppercase;font-size:24px;font-weight:700;line-height:1.16}@media screen and (min-width:768px){.menu-nav__link{font-size:32px;font-weight:700;line-height:1.18}}@media screen and (min-width:1280px){.menu-nav__link{text-transform:capitalize;font-size:16px;font-weight:400;line-height:1}}.btn-shop__link{font-family:var(--main-font);color:#000;transition:var(--cubic-bezier);background:#86e543;border:none;border-radius:16px;padding:16px 20px;font-size:14px;font-weight:700;line-height:1;display:none}@media screen and (min-width:768px){.btn-shop__link{display:flex}}.btn-shop__link:hover,.btn-shop__link :focus{box-shadow:0 8px 20px rgba(134,229,67,.5),0 4px 10px rgba(255,255,255,.1)}.menu{height:100vh;width:100vw;opacity:1;visibility:visible;z-index:2;background-image:url(background-menu-tablet.be04e040.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .3s linear;position:fixed;top:104px;left:0;transform:translateY(0%)}@media screen and (min-width:768px){.menu{background-image:url(background-menu-tablet.be04e040.jpg);top:136px}}@media screen and (min-width:1280px){.menu{display:none}}.menu.is-hidden{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(100%);transform:translateY(0%)linear(.3)opacity(.3);transition:transform .3s linear}.sale{background-color:var(--background-color);padding-bottom:48px}@media screen and (min-width:768px){.sale{padding-bottom:120px}}.sale-div{background-image:url(sale-vector-21-mobile.845d9aa7.png),url(sale-vector-22-mobile.63646d24.png),url(background-mobile.6ee75e8f.jpg);background-position:0 0,0 4px,50%;background-repeat:no-repeat;background-size:100%,100%,cover;flex-direction:column;margin-left:auto;margin-right:auto;padding-left:18px;padding-right:18px;display:flex;position:relative}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.sale-div{background-image:url(sale-vector-21-mobile-2x.3e4b740c.png),url(sale-vector-22-mobile-2x.c451e831.png),url(background-mobile-2x.0bb909d9.jpg)}}@media screen and (min-width:480px){.sale-div{background-position:0 -10px,0 -2px;padding-left:40px;padding-right:40px}}@media screen and (min-width:768px){.sale-div{background-image:url(sale-vector-21-tablet.84ad43c8.png),url(sale-vector-22-tablet.88538b1e.png),url(background-tablet.561878ac.jpg);background-position:0 46px,0 54px,50%}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2x){.sale-div{background-image:url(sale-vector-21-tablet-2x.4e8af41c.png),url(sale-vector-22-tablet-2x.db2d3626.png),url(background-tablet-2x.39cedcf2.jpg)}}@media screen and (min-width:1280px){.sale-div{background-image:url(sale-vector-21-desktop.dbba179d.png),url(sale-vector-22-desktop.8133e64c.png),url(background-desktop-1.29b5bd6f.jpg);background-position:0 46px,0 54px,left 0 bottom 0}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2x){.sale-div{background-image:url(sale-vector-21-desktop-2x.70b0fb39.png),url(sale-vector-22-desktop-2x.984303e7.png),url(background-desktop-1-2x.588a296a.jpg)}}.sale-title{font-family:var(--main-font);color:var(--main-title-color);margin-bottom:35px;margin-left:62px;font-size:24px;font-weight:500;line-height:1.1667;display:block}@media screen and (min-width:768px){.sale-title{margin-bottom:43px;margin-left:102px;font-size:56px;font-weight:500;line-height:1.1785}}@media screen and (min-width:768px){.sale-list{flex-wrap:wrap;gap:38px;display:flex}}@media screen and (min-width:1280px){.sale-list{flex-wrap:wrap;gap:20px;display:flex}}.sale-item{width:100%;display:block}@media screen and (min-width:768px){.sale-item{width:calc(50% - 19px)}}@media screen and (min-width:1280px){.sale-item{width:calc(25% - 15px)}}@media screen and (max-width:767px){.mobile-images{display:block}}@media screen and (min-width:768px){.mobile-images{display:none}}@media screen and (min-width:1280px){.mobile-images{display:none}}@media screen and (max-width:767px){.tablet-images{display:none}}@media screen and (min-width:768px){.tablet-images{display:block}}@media screen and (min-width:1280px){.tablet-images{display:none}}@media screen and (max-width:767px){.desktop-images{display:none}}@media screen and (min-width:768px){.desktop-images{display:none}}@media screen and (min-width:1280px){.desktop-images{display:block}}.sale-image{width:100%;border-radius:12px;align-items:center;margin-bottom:8px}@media screen and (min-width:768px){.price{margin-bottom:16px}}.price-item{color:var(--accent-color);width:270px;margin-bottom:11px;font-size:22px;font-weight:500;line-height:1.18}.sale-price{flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}@media screen and (max-width:767px){.sale-price{justify-content:space-between;margin-bottom:44px}}.sale-before{color:#8d9289;font-size:14px;font-weight:500;line-height:1;-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.sale-after{color:var(--accent-color);font-size:20px;font-weight:500;line-height:1}.sale-button{color:var(--main-btn-color);transition:var(--cubic-bezier);background-color:#fff;border-radius:16px;justify-content:center;align-items:center;margin:0 auto;padding:16px 48px;font-size:16px;font-weight:700;line-height:1.1875;display:block}@media screen and (min-width:768px){.sale-button{margin-top:34px}}@media screen and (min-width:1280px){.sale-button{margin-top:30px}}.sale-button:hover,.sale-button:focus{box-shadow:0 4px 20px rgba(255,255,255,.5),0 4px 10px rgba(134,229,67,.1)}.accessories{background-color:var(--background-color);padding-top:40px;padding-bottom:48px}@media screen and (min-width:768px){.accessories{padding-top:120px;padding-bottom:168px}}.accessories-div{background-image:url(accessories-vector-24-mobile.4255dd61.png),url(accessories-vector-22-mobile.fa30adb6.png),url(background-mobile.6ee75e8f.jpg);background-position:0 133px,0 137px,50%;background-repeat:no-repeat;background-size:100%,100%,cover;margin-left:auto;margin-right:auto;padding-left:18px;padding-right:18px}@media (min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2x){.accessories-div{background-image:url(accessories-vector-24-mobile-2x.a0d0f774.png),url(accessories-vector-22-mobile-2x.f1c8a790.png),url(background-mobile-2x.0bb909d9.jpg)}}@media screen and (min-width:480px){.accessories-div{background-position:0 123px,0 131px,50%}}@media screen and (min-width:768px){.accessories-div{background-image:url(accessories-vector-21-tablet.71303038.png),url(accessories-vector-22-tablet.3ee9a502.png),url(background-tablet.561878ac.jpg);background-position:0 168px,0 176px,50%;padding-left:40px;padding-right:41px}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2x){.accessories-div{background-image:url(accessories-vector-21-tablet-2x.89f2db24.png),url(accessories-vector-22-tablet-2x.99028f46.png),url(background-tablet-2x.39cedcf2.jpg)}}@media screen and (min-width:1280px){.accessories-div{background-image:url(accessories-vector-21-desktop.bea195e9.png),url(accessories-vector-22-desktop.2eac75a2.png),url(background-desktop-3.136b41af.jpg);background-position:0 168px,0 176px,left 0 bottom 0}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2x){.accessories-div{background-image:url(accessories-vector-21-desktop-2x.d3b85a74.png),url(accessories-vector-22-desktop-2x.f9fb63c4.png),url(background-desktop-3-2x.e0d5611b.jpg)}}.accessories-window{position:relative;overflow:hidden}.accessories-title{color:var(--main-title-color);margin-bottom:27px;margin-left:-2px;font-size:24px;font-weight:500;line-height:1.7}@media screen and (min-width:768px){.accessories-title{margin-bottom:51px;margin-left:102px;font-size:56px;font-weight:500;line-height:1.785}}.container-button{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:32px;display:flex}@media screen and (min-width:768px){.container-button{margin-bottom:72px}}@media screen and (min-width:1280px){.container-button{flex-wrap:nowrap;justify-content:center;gap:44px}}.btn-all,.btn{width:124px;height:35px;text-align:center;border-radius:16px;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1.1875}@media screen and (min-width:768px){.btn-all,.btn{width:132px;height:51px}}@media screen and (min-width:1280px){.btn-all,.btn{width:168px}}.btn-all{color:var(--main-btn-color);background-color:var(--second-btn-color);border:2px solid rgba(0,0,0,0)}.btn-all:hover,.btn-all :focus{background:var(--second-btn-color);box-shadow:0 4px 4px rgba(134,229,67,.2)}.btn{color:var(--second-btn-color);border:2px solid var(--second-btn-color);background-color:rgba(0,0,0,0)}.btn:hover,.btn :focus{filter:drop-shadow(0 4px 10px rgba(134,229,67,.1))drop-shadow(0 4px 20px rgba(134,229,67,.4))}.window-text{color:var(--main-text-color);background-color:var(--background-color);border:1px solid var(--accent-color);height:100%;opacity:0;border-radius:12px;padding:16px 16px 52px;font-size:14px;font-weight:400;line-height:1.14;transition:transform .3s linear;position:absolute;top:0;left:0;overflow:auto;transform:translateY(100%);box-shadow:0 4px 4px rgba(134,229,67,.2)}.accessories-window:hover .window-text{opacity:1;transform:translateY(0)}.animation-list-five{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}@media screen and (min-width:768px){.animation-list-five{margin-top:32px}}@media screen and (min-width:1280px){.animation-list-five{display:none}}.animation-item-five{width:16px;height:16px;background-color:#fff;border-radius:30px;animation:leftRight 3s infinite}.animation-item-five:first-child{animation-delay:.15s}.animation-item-five:nth-child(2){animation-delay:.3s}.animation-item-five:nth-child(3){animation-delay:.45s}.animation-item-five:nth-child(4){animation-delay:.6s}.animation-item-five:nth-child(5){animation-delay:.75s}@keyframes leftRight{0%{width:16px}50%{width:40px}to{width:16px}}.animation-list-three{justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}@media screen and (max-width:1279px){.animation-list-three{display:none}}.animation-item-three{width:16px;height:16px;background-color:#fff;border-radius:30px;animation:leftRight 3s infinite}.animation-item-three:first-child{animation-delay:.3s}.animation-item-three:nth-child(2){animation-delay:.6s}.animation-item-three:nth-child(3){animation-delay:.9s}.footer{background:var(--footer-background-color);margin:0 auto;padding-top:25px;padding-bottom:24px}@media screen and (min-width:768px){.footer{padding-top:40px;padding-bottom:40px}}@media screen and (max-width:480px){.footer{padding-left:16px;padding-right:32px}}.footer-container{display:flex}@media screen and (max-width:767px){.footer-container{flex-direction:column}}.footer-block{display:flex}@media screen and (max-width:767px){.footer-block{margin-top:25px}}.footer-logo{color:var(--main-title-color);text-align:center;max-width:130px;font-size:24px;font-weight:700;line-height:1.17;display:block}@media screen and (min-width:768px){.footer-logo{margin-right:61px}}@media screen and (min-width:1280px){.footer-logo{margin-right:118px}}.footer-menu-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}@media screen and (min-width:768px){.footer-menu-list{margin-bottom:0;margin-right:89px}}@media screen and (min-width:1280px){.footer-menu-list{margin-right:217px}}.footer-menu-item{color:var(--main-text-color);font-size:16px;font-weight:400;line-height:1}.footer-soc{margin-left:auto}.footer-soc-list{flex-direction:column;gap:32px;display:flex}@media screen and (min-width:768px){.footer-soc-list{flex-direction:row;gap:16px;margin-right:73px}}@media screen and (min-width:1280px){.footer-soc-list{flex-direction:column;margin-right:281px}}.footer-soc-link{width:24px;height:24px;background-color:var(--icon-background-color);transition:var(--cubic-bezier);border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-soc-link:hover{box-shadow:0 0 20px rgba(255,255,255,.5),0 0 20px rgba(134,229,67,.1)}.footer-soc-link:focus{outline:none;box-shadow:0 0 20px rgba(255,255,255,.5),0 0 20px rgba(134,229,67,.1)}.footer-soc-icon{fill:var(--icon-fill)}.footer-soc-link:hover .footer-soc-icon,.footer-soc-link:focus .footer-soc-icon{fill:var(--accent-fill)}.footer-mail{margin-bottom:16px}.footer-contacts-text{color:var(--main-text-color);margin-bottom:8px;font-size:16px;font-weight:400;line-height:1.1875}.footer-contacts-mail{color:var(--contact-text-color);font-size:16px;font-weight:400;line-height:1.1875}.footer-tel-item:not(:last-child){margin-bottom:8px}.footer-contacts-tel{letter-spacing:.01em;color:var(--contact-text-color);font-size:16px;font-weight:400;line-height:1.1875}
/*# sourceMappingURL=accessories-page.2a1a5fcd.css.map */