@import"https://fonts.googleapis.com/css2?family=Archivo&display=swap";.header{display:flex;flex-direction:column;margin:0 auto;width:100%;align-items:center;padding-top:40px}.header .header__logos{display:flex;justify-content:space-between;width:100%;margin-bottom:10px}.header .header__logos .logo{width:159px;height:25.22px}.header .header__logos .cart{width:54px;height:54px;cursor:pointer}.header .line{width:100%;height:0px;border:2px solid #e4e4e4}@media screen and (max-width: 414px){.header{width:100%}.header .header__logos{width:90%}.header .line{width:400px}.header .header__logos .cart{cursor:none}}.dropdown{width:443px;display:flex;height:279px;left:64.7%;top:112px;position:absolute;background:#ffffff;border:4px solid #e4e4e4;box-sizing:border-box;justify-content:space-between;flex-direction:column;align-items:center;padding:10px}.dropdown .del{align-self:flex-end;width:40px;height:18px;cursor:pointer}.dropdown .item{display:flex;justify-content:space-between;width:392px}.dropdown .item .item-details{display:flex;flex-direction:column;justify-content:space-evenly;margin-right:20px}.dropdown .item .item-details .name{font-weight:700;font-size:20px;line-height:22px;color:#000}.dropdown .item .item-details .price{font-weight:400;font-size:29px;line-height:32px;color:#656565}.dropdown .item .image{width:149px;background-repeat:no-repeat;background-size:cover;height:86px}.dropdown .hr{width:388px;height:0px;left:965px;top:298px;border:1px solid #c2c2c2}.dropdown .button button{color:#000;background-color:#fff;width:392px;height:55px;margin-bottom:10px;border:3px solid #000000;font-style:normal;font-weight:900;font-size:23px;line-height:25px;text-align:center;letter-spacing:.07em}@media screen and (max-width: 414px){.dropdown{display:none}}.button button{background:#000000;color:#fff;font-style:normal;font-weight:500;font-size:23px;line-height:25px;letter-spacing:.07em;border:none;outline:none;cursor:pointer}.homepage{background:#FFFFFF;width:1440px;height:2716px;margin:0 auto}@media screen and (max-width: 414px){.homepage{width:414px;height:5500px;overflow:hidden}}.first-view{display:flex;flex-direction:column;justify-content:space-between;width:100%}.first-view .first-view__header{display:flex;align-items:center;justify-content:space-between;margin-left:10px}.first-view .first-view__header h2{font-style:normal;font-weight:700;font-size:32px;line-height:35px;color:#000}.first-view .first-view__header button{width:257px;height:47px}.first-view .first-view__image .image--container{height:589px;width:100%;background-image:url(https://res.cloudinary.com/dmar6wa9y/image/upload/v1650422733/dog-image_wl3ekl.png);background-repeat:no-repeat;background-size:cover}.first-view .first-view__image .image--container .image--text{background:white;width:271.95px;height:67px;font-style:normal;font-weight:700;font-size:20px;line-height:22px;color:#000;text-align:center;position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;top:742px}.first-view .first-view__other-content{display:flex;flex-direction:row;margin-top:30px;width:100%;justify-content:space-between}.first-view .first-view__other-content .image__details{display:flex;flex-direction:column;width:50%;margin-left:10px}.first-view .first-view__other-content .image__details .image__details--heading{font-style:normal;display:inline-block;font-weight:700;font-size:22px;line-height:24px;margin-bottom:10px;color:#000}.first-view .first-view__other-content .image__details .heading--fade{color:#656565}.first-view .first-view__other-content .image__details .image__details--text{font-style:normal;font-weight:400;font-size:18px;line-height:200%;color:#656565}.first-view .first-view__other-content .other-contents--abouts{display:flex;justify-content:space-between;flex-direction:column;width:40%}.first-view .first-view__other-content .other-contents--abouts .other-content--about{display:flex;width:100%;justify-content:space-between;align-items:center}.first-view .first-view__other-content .other-contents--abouts .other-content--about .other-images{width:25%;height:147px;background-repeat:no-repeat;background-size:cover}.first-view .first-view__other-content .other-contents--abouts .other-content--about .one{background-image:url(/assets/yellow.f376f640.png)}.first-view .first-view__other-content .other-contents--abouts .other-content--about .two{background-image:url(/assets/balloon.e0b50e3c.png)}.first-view .first-view__other-content .other-contents--abouts .other-content--about .three{background-image:url(/assets/window.ac4eac9c.png)}.first-view .first-view__other-content .other-contents--abouts .people{align-self:flex-end;font-style:normal;font-weight:700;font-size:22px;line-height:24px;height:27px;text-align:right;margin-top:8px;color:#000}.first-view .first-view__other-content .other-contents--abouts .content--about--details{display:flex;align-self:flex-end;flex-direction:column;justify-content:space-between}.first-view .first-view__other-content .other-contents--abouts .content--about--details .details-header{font-style:normal;font-weight:700;font-size:22px;line-height:24px;text-align:right;margin-bottom:20px}.first-view .first-view__other-content .other-contents--abouts .content--about--details .details-text{font-style:normal;font-weight:400;margin-bottom:10px;height:27px;font-size:16px;line-height:17px;text-align:right;color:#656565}.first-view hr{width:100%;height:0px;border:2px solid #e4e4e4}@media screen and (max-width: 414px){.first-view{width:380px;margin:0 auto;align-self:center}.first-view .first-view__header{flex-direction:column;margin:0}.first-view .first-view__header .button{position:relative;margin:0 auto;top:330px;width:370px}.first-view .first-view__header .button button{width:100%}.first-view .first-view__image{margin-bottom:30px;width:380px}.first-view .first-view__image .image--container{width:370px;height:239px}.first-view .first-view__image .image--container .image--text{top:434px}.first-view .first-view__other-content{flex-direction:column;margin-top:100px;width:370px}.first-view .first-view__other-content .image__details{width:370px;margin-left:0}.first-view .first-view__other-content .image__details .heading--fade{display:none}.first-view .first-view__other-content .other-contents--abouts{margin-top:20px;width:370px}.first-view .first-view__other-content .other-contents--abouts .people{align-self:flex-start;margin-bottom:20px}.first-view .first-view__other-content .other-contents--abouts .other-content--about{width:370px}.first-view .first-view__other-content .other-contents--abouts .other-content--about .other-images{width:97.57px;height:122.58px}.first-view .first-view__other-content .other-contents--abouts .content--about--details{margin-top:20px;align-self:flex-start;align-items:flex-start}.first-view hr{width:400px;align-self:center}}.second{margin-top:50px;display:flex;justify-content:space-between;flex-direction:column;width:100%}.second .second__view{display:flex;justify-content:space-between;width:100%}.second .second__view .view--category .category-photography{font-style:normal;font-weight:700;font-size:30px;line-height:33px;color:#000}.second .second__view .view--category .category-slash{font-family:Archivo;font-style:normal;font-weight:600;font-size:34px;line-height:37px;width:10px;height:37px;color:#000}.second .second__view .view--category .category-premium{font-family:Archivo;font-style:normal;font-weight:400;font-size:30px;line-height:33px;width:222px;height:33px;color:#9b9b9b}.second .second__view .second__sort{display:flex;width:20%;align-items:center;justify-content:space-evenly;justify-self:flex-end}.second .second__view .second__sort .sort-svg{height:14.5006523132px;width:14.9999828339px;border-radius:0;cursor:pointer}.second .second__view .second__sort .sort-by{font-family:Archivo;font-style:normal;font-weight:400;font-size:22px;line-height:24px;color:#9b9b9b}.second .second__view .second__sort .sort-price{font-style:normal;font-weight:400;font-size:22px;line-height:24px;color:#000}.second .second__view .second__sort .sort-dropdown{width:16px;height:8px;cursor:pointer}.second .second__view .second__sort .sort-mobile-dropdown{display:none}.second .second__categories{display:flex;justify-content:space-between;margin-top:60px}.second .second__categories .category-items{display:flex;flex-wrap:wrap;justify-content:space-between;width:65%}.second .second__footer{display:flex;align-self:center;margin-top:90px;width:15%;justify-content:space-between;cursor:pointer}.second .second__footer .footer-arrow{width:30px;height:32px}.second .second__footer .footer-number{font-style:normal;font-weight:400;font-size:29px;line-height:32px;text-align:right;color:#b4b4b4}.second .second__footer .footer-number:active{color:#000}@media screen and (max-width: 414px){.second{width:380px;margin:50px auto 0}.second .second__categories{flex-direction:row;margin:50px auto}.second .second__categories .category-items{flex-direction:column;width:100%;align-items:center}.second .second__view{width:370px;align-items:center}.second .second__view .view--category{align-self:flex-end;margin:0 auto;width:262px;height:37px}.second .second__view .view--category .category-photography,.second .second__view .view--category .category-premium,.second .second__view .view--category .category-slash{font-size:18px;line-height:20px}.second .second__view .view--category .category-slash{font-size:24px}.second .second__view .second__sort .sort-dropdown,.second .second__view .second__sort .sort-price,.second .second__view .second__sort .sort-by,.second .second__view .second__sort .sort-svg{display:none}.second .second__view .second__sort .sort-mobile-dropdown{display:block;width:29px;height:29px}.second .second__footer{width:56%}}.checkbox-area{display:flex;flex-direction:column;box-sizing:border-box;justify-content:flex-start;width:20%}.checkbox-area .hr{width:268px;height:0px;margin-bottom:20px;border:1px solid #c2c2c2}.checkbox-area .checkbox-area__category{display:flex;flex-direction:column;justify-content:space-between;height:40%;margin-bottom:30px}.checkbox-area .checkbox-area__category .category-name{display:inline-block;font-style:normal;font-weight:700;font-size:22px;line-height:24px;margin-bottom:40px;color:#000}.checkbox-area .checkbox-area__category .category-checkbox{display:flex;justify-content:flex-start;margin-bottom:30px}.checkbox-area .checkbox-area__category .category-checkbox .checkbox-name{justify-self:flex-start;margin-left:45px;font-style:normal;font-weight:400;font-size:22px;line-height:24px;color:#1d1d1d}.checkbox-area .checkbox--bottom{height:20%;align-self:flex-start;margin-top:10px}.checkbox-area .checkbox--bottom .category-checkbox{margin-bottom:40px}@media screen and (max-width: 414px){.checkbox-area{display:none}}.checkbox{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;width:1.56em;height:1.56em;border:.15em solid black;border-radius:.15em;transform:translateY(-.075em);display:grid;place-content:center;cursor:pointer}.checkbox:before{content:"";width:.95em;height:.95em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #000;transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.checkbox:checked:before{transform:scale(1)}.product{display:flex;flex-direction:column;justify-content:space-between;width:31%;height:540px;margin-bottom:50px;box-sizing:border-box}.product .product__image{width:281.72px;height:390.67px;position:relative}.product .product__image .importance{left:419px;top:1440px;font-style:normal;font-weight:400;font-size:20px;line-height:22px;padding:20px 10px 4px 20px;text-align:end;z-index:1;color:#000;background:#ffffff}.product .product__image .button{position:absolute;top:347px;z-index:1;width:100%}.product .product__image .button button{width:100%;font-style:normal;font-weight:500;font-size:23px;line-height:25px;text-align:center;letter-spacing:.07em;color:#fff;height:46px}.product .product__category{width:84.05px;height:21.79px;font-family:Archivo;font-style:normal;font-weight:700;font-size:22px;line-height:24px;color:#656565}.product .product__name{width:257px;height:37px;left:419.43px;top:1877px;font-family:Archivo;font-style:normal;font-weight:700;font-size:34px;line-height:37px;color:#000}.product .product__price{width:104px;height:31px;font-style:normal;font-weight:400;font-size:29px;line-height:32px;color:#656565}@media screen and (max-width: 414px){.product{margin:20px auto;width:100%}.product .product__image{width:362px;background-repeat:no-repeat;background-size:cover}}.checkbox-area-mobile{display:none}@media screen and (max-width: 414px){.checkbox-area-mobile{display:flex;flex-direction:column;position:absolute;overflow-y:scroll;top:1650px;z-index:3;background:white;border:2px solid grey;padding:20px;box-sizing:border-box;justify-content:flex-start;width:370px;height:600px}.checkbox-area-mobile .hr:last-of-type{width:368px;align-self:flex-start;height:0px;margin-bottom:20px;margin-left:-20px;border:1px solid #c2c2c2}.checkbox-area-mobile .hr{border:1px solid #c2c2c2;height:0px;margin-bottom:20px;width:280px}.checkbox-area-mobile .checkbox-area__category{display:flex;flex-direction:column;justify-content:space-between;height:500px;margin-bottom:30px}.checkbox-area-mobile .checkbox-area__category .category-head{display:flex;font-style:normal;font-weight:700;font-size:22px;line-height:24px;margin-bottom:40px;color:#000;justify-content:space-between}.checkbox-area-mobile .checkbox-area__category .category-name{display:inline-block;font-style:normal;font-weight:700;font-size:22px;line-height:24px;margin-bottom:40px;color:#000}.checkbox-area-mobile .checkbox-area__category .category-checkbox{display:flex;justify-content:flex-start;margin-bottom:30px}.checkbox-area-mobile .checkbox-area__category .category-checkbox .checkbox-name{justify-self:flex-start;margin-left:45px;font-style:normal;font-weight:400;font-size:22px;line-height:24px;color:#1d1d1d}.checkbox-area-mobile .checkbox--bottom{height:270px;align-self:flex-start;margin-top:10px}.checkbox-area-mobile .checkbox--bottom .category-checkbox{margin-bottom:40px}.checkbox-area-mobile .buttons{display:flex;justify-content:space-between;position:sticky}.checkbox-area-mobile .buttons .button{width:50%}.checkbox-area-mobile .buttons .button .white{background-color:#fff;border:2px solid black;color:#000}.checkbox-area-mobile .buttons .button button{width:90%;height:50px}}*{box-sizing:border-box;font-family:Archivo}body{margin:0;font-family:Archivo,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
