input,textarea{font-family:Blinker}main{margin-top:150px;display:flex;flex-direction:column;align-items:center;padding:5%}main .hero-grid-container{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}main .hero-grid-container .grid-item{grid-row:span 2;position:relative;max-height:500px;overflow:hidden;cursor:pointer}main .hero-grid-container .grid-item img{height:100%;width:100%;object-fit:cover;filter:brightness(.5);transition:all .4s}main .hero-grid-container .grid-item img:hover{filter:brightness(.7)}main .hero-grid-container .grid-item h1{margin:0;z-index:2;position:absolute;color:#fff;font-size:30px;bottom:25px;left:50px}main .hero-grid-container .grid-item:nth-child(3){grid-column:3;grid-row:1}main .hero-grid-container .grid-item:nth-child(4){grid-column:3;grid-row:2}main .proud-products-container{margin-top:150px}main .proud-products-container h2{font-size:30px}main .proud-products-container .proud-products-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}main .proud-products-container .proud-products-grid .product{display:flex;flex-direction:column;align-items:start;border:solid #dfdfdf 3px;padding:10px;max-height:400px;width:300px;object-fit:cover;transition:all .15s ease-in;cursor:pointer}main .proud-products-container .proud-products-grid .product:hover{border-color:#000}main .proud-products-container .proud-products-grid .product .img-container{height:300px}main .proud-products-container .proud-products-grid .product .img-container img{height:100%}main .proud-products-container .proud-products-grid .product h4{font-size:20px;font-weight:400;margin:0}main .proud-products-container .proud-products-grid .product p{font-size:20px;font-weight:700}main .banner{margin-top:150px;display:flex;align-items:center;background:#dfdfdf;width:80%;gap:50px;height:400px;justify-content:space-around}main .banner .img-container{height:100%;width:100%}main .banner .img-container img{height:100%;width:100%;object-fit:cover;overflow:hidden}main .banner .text-container{display:flex;flex-direction:column;padding:100px;width:100%}main .banner .text-container h2{font-size:30px}main .banner .text-container p{font-size:17px}main .banner .text-container button{border:#000 solid 2px;background:#000;color:#fff;font-size:17px;font-weight:700;padding:20px;max-width:150px;transition:all .4s;cursor:pointer}main .banner .text-container button:hover{background-color:#fff;color:#000}main .trends-container{margin-top:150px;display:flex;flex-direction:column}main .trends-container .header-container{display:flex;align-items:center;justify-content:space-between}main .trends-container .header-container h2{font-size:30px}main .trends-container .header-container .skip-buttons-container{display:flex;justify-self:end;gap:10px}main .trends-container .header-container .skip-buttons-container button{border:none;display:flex;align-items:center;padding:10px;background:#000;opacity:.7;transition:opacity .4s;cursor:pointer}main .trends-container .header-container .skip-buttons-container button:hover{opacity:1}main .trends-container .header-container .skip-buttons-container button svg{color:#fff}main .trends-container .trending-products-container{display:flex;width:89vw;overflow:hidden}main .trends-container .trending-products-container .trending-products-slider{display:flex;width:100%;gap:20px;transition:transform .4s}main .trends-container .trending-products-container .trending-products-slider .product{display:flex;flex-direction:column;align-items:start;border:solid #dfdfdf 3px;padding:10px;max-height:400px;width:300px;object-fit:cover;transition:all .15s ease-in;cursor:pointer}main .trends-container .trending-products-container .trending-products-slider .product:hover{border-color:#000}main .trends-container .trending-products-container .trending-products-slider .product .img-container{height:300px}main .trends-container .trending-products-container .trending-products-slider .product .img-container img{height:100%}main .trends-container .trending-products-container .trending-products-slider .product h4{font-size:20px;font-weight:400;margin:0}main .trends-container .trending-products-container .trending-products-slider .product p{font-size:20px;font-weight:700}@media (max-width: 1390px){main .proud-products-container .proud-products-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 1030px){main .proud-products-container .proud-products-grid{grid-template-columns:1fr 1fr}main .banner .img-container{display:none}}@media (max-width: 750px){main .hero-grid-container{grid-template-columns:1fr 1fr}main .hero-grid-container .grid-item{grid-row:span 1}main .hero-grid-container .grid-item:nth-child(3){grid-column:2}main .hero-grid-container .grid-item:nth-child(4){grid-column:2}main .proud-products-container .proud-products-grid{grid-template-columns:1fr}}section{margin-top:150px;display:flex;flex-direction:column;align-items:center;padding:5%}section .head{position:relative;display:flex;align-items:center;justify-content:center;width:100%}section .head a{all:unset;position:absolute;left:0;font-size:15px;cursor:pointer}section .head a svg{transition:all .4s}section .head a:hover svg{transform:scale(1.4)}section .head div{font-size:30px;font-weight:700}section .categories-flex-container{margin-top:25px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}section .categories-flex-container button{padding:5px 10px;background:#fff;font-size:15px;border:#dfdfdf solid 2px;cursor:pointer;transition:all .4s}section .categories-flex-container button:hover{border-color:#6d6d6d}section .proud-products-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;margin-top:50px}section .proud-products-grid .product{display:flex;flex-direction:column;align-items:start;border:solid #dfdfdf 3px;padding:10px;max-height:400px;width:300px;object-fit:cover;transition:all .15s ease-in;cursor:pointer}section .proud-products-grid .product:hover{border-color:#000}section .proud-products-grid .product .img-container{height:300px}section .proud-products-grid .product .img-container img{height:100%}section .proud-products-grid .product h4{font-size:20px;font-weight:400;margin:0}section .proud-products-grid .product p{font-size:20px;font-weight:700}@media (max-width: 1390px){section .proud-products-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 1030px){section .proud-products-grid{grid-template-columns:1fr 1fr}}@media (max-width: 750px){section .proud-products-grid{grid-template-columns:1fr}}section{margin-top:150px;display:flex;flex-direction:column;padding:5%;align-items:center}section .product-container{display:flex;align-items:center;justify-content:space-between;position:relative}section .product-container h1{position:absolute;text-align:center;top:0;left:50%;transform:translate(-50%);font-size:40px;margin:0;padding:0}section .product-container .product-img-container{max-width:500px;margin:10px}section .product-container .product-img-container img{width:100%}section .product-container .product-description-container{max-width:400px;height:100%;background-color:#dfdfdf;padding:100px;align-items:center}section .product-container .product-description-container p{font-size:20px}section .product-container .product-description-container .quantity-price-flex-container{display:flex;align-items:center;margin-block:50px}section .product-container .product-description-container .quantity-price-flex-container h2{font-size:30px;margin:0}section .product-container .product-description-container .quantity-price-flex-container .increment-decrement-buttons{display:flex;align-items:center;border:2px gray solid;margin-inline:10px}section .product-container .product-description-container .quantity-price-flex-container .increment-decrement-buttons h2{margin:0;padding:5px 15px;border-right:2px gray solid;border-left:2px gray solid}section .product-container .product-description-container .quantity-price-flex-container .increment-decrement-buttons button{padding:5px 15px;font-size:30px;font-weight:700;border:none;background:white;cursor:pointer}section .product-container .product-description-container .buy-add-buttons-container{display:flex;justify-content:space-between}section .product-container .product-description-container .buy-add-buttons-container .add{border:#000 solid 2px;background:#000;color:#fff;font-size:17px;font-weight:700;padding:20px;max-width:150px;transition:all .4s;cursor:pointer;max-width:200px}section .product-container .product-description-container .buy-add-buttons-container .add:hover{background-color:#fff;color:#000}section .product-container .product-description-container .buy-add-buttons-container .buy{border:#b6002c solid 2px;background:#b6002c;color:#fff;font-size:17px;font-weight:700;padding:20px;max-width:150px;transition:all .4s;cursor:pointer}section .product-container .product-description-container .buy-add-buttons-container .buy:hover{background-color:#fff;color:#b6002c}section .charateristics-grid-container{margin-top:50px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;width:100%}section .charateristics-grid-container div{background-color:#dfdfdf;padding:25px 50px}section .charateristics-grid-container div h2{font-size:30px;margin:0}section .charateristics-grid-container div p{font-size:20px}section .trends-container{margin-top:150px;display:flex;flex-direction:column}section .trends-container .header-container{display:flex;align-items:center;justify-content:space-between}section .trends-container .header-container h2{font-size:30px}section .trends-container .header-container .skip-buttons-container{display:flex;justify-self:end;gap:10px}section .trends-container .header-container .skip-buttons-container button{border:none;display:flex;align-items:center;padding:10px;background:#000;opacity:.7;transition:opacity .4s;cursor:pointer}section .trends-container .header-container .skip-buttons-container button:hover{opacity:1}section .trends-container .header-container .skip-buttons-container button svg{color:#fff}section .trends-container .trending-products-container{display:flex;width:89vw;overflow:hidden}section .trends-container .trending-products-container .trending-products-slider{display:flex;width:100%;gap:20px;transition:transform .4s}section .trends-container .trending-products-container .trending-products-slider .product{display:flex;flex-direction:column;align-items:start;border:solid #dfdfdf 3px;padding:10px;max-height:400px;width:300px;object-fit:cover;transition:all .15s ease-in;cursor:pointer}section .trends-container .trending-products-container .trending-products-slider .product:hover{border-color:#000}section .trends-container .trending-products-container .trending-products-slider .product .img-container{height:300px}section .trends-container .trending-products-container .trending-products-slider .product .img-container img{height:100%}section .trends-container .trending-products-container .trending-products-slider .product h4{font-size:20px;font-weight:400;margin:0}section .trends-container .trending-products-container .trending-products-slider .product p{font-size:20px;font-weight:700}@media (max-width: 1000px){section .product-container{flex-direction:column;align-items:center;margin-top:100px}section .product-container h1{top:-110px}section .product-container p{text-align:center}section .product-container .product-description-container{padding:50px}section .product-container .product-description-container .quantity-price-flex-container{flex-direction:column;gap:10px}section .product-container .product-description-container .buy-add-buttons-container{flex-direction:column;align-items:center;gap:20px}section .charateristics-grid-container{grid-template-columns:1fr}section .charateristics-grid-container div{display:flex;flex-direction:column;align-items:center}}::-webkit-scrollbar{width:10px;height:100%}::-webkit-scrollbar-thumb{background-color:#000c;height:100px;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#000}html{scroll-behavior:smooth;font-size:62.5%;overflow-y:scroll;overflow-x:hidden}html body{height:fit-content;margin:0;font-family:Blinker,sans-serif;color:#000;overflow:hidden}footer{display:flex;flex-direction:column;align-items:center;position:sticky;bottom:0;box-shadow:0 -1px 10px #0006;font-size:15px}footer .news-letter-container{display:flex;flex-direction:column;align-items:center;width:100%;height:200px;background:gray}footer .news-letter-container form{display:flex;gap:10px;max-width:70%}footer .news-letter-container form input{width:50%}footer .news-letter-container form button{border:#fff solid 2px;background:#fff;color:#000;font-size:17px;font-weight:700;max-width:150px;transition:all .4s;cursor:pointer;border:none;padding:7px}footer .news-letter-container form button:hover{background-color:#000;color:#fff}footer .news-letter-container h5{font-size:15px}footer .footer-nav{display:flex;align-items:center;justify-content:center;background:#000;color:#fff;width:100%;height:100px}footer .footer-nav ul{padding:10px;list-style:none;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px}footer .footer-nav ul li{cursor:pointer}footer .footer-nav ul li:hover{border-bottom:#fff solid}header{z-index:10;background-color:#fff;position:fixed;top:0;left:0;right:0;height:100px;padding:20px;box-shadow:0 0 10px #0000004d;display:flex;align-items:center;justify-content:space-between}header .logo-container img{height:100px}header nav{flex:1;display:flex;justify-content:end;align-items:center}header nav a{all:unset;position:relative;text-decoration:none;font-size:18px;padding:5px 10px;transition:all .3s ease-out;cursor:pointer}header nav a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);background-color:#000;width:0;height:1.5px;transition:all .4s}header nav a:hover:after{width:90%}header .right-section{display:flex}header .right-section a{all:unset;text-decoration:none;font-size:18px;padding:10px;cursor:pointer}header .right-section .burger-menue{display:none}header .right-section button{all:unset;position:relative;padding:10px;cursor:pointer}header .right-section button .cart-counter{background-color:#b6002c;border-radius:50%;color:#fff;height:20px;width:20px;position:absolute;top:-5px;right:0;text-align:center}header .right-section button .cart-counter p{margin-top:1px;font-weight:600;font-size:14px}header .right-section button svg{height:20px}header .cart-container{direction:rtl;position:fixed;padding-inline:20px;right:-200%;top:0;bottom:0;max-width:600px;background:#fff;overflow-y:scroll;transition:all .8s ease-out;z-index:100}header .cart-container svg{height:25px;position:absolute;right:40px;top:15px;cursor:pointer}header .cart-container.show{right:0}.darken-bg{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background-color:#000;opacity:.3;z-index:10}.darken-bg.show{display:flex}.mobile-nav-bar{display:none;flex-direction:column;align-items:center;justify-content:center;background:white;box-shadow:0 0 10px #0000004d;width:100vw;padding-block:25px;transition:all .5s ease-in}.mobile-nav-bar a{all:unset;position:relative;text-decoration:none;font-size:18px;padding:5px 10px;transition:all .3s ease-out;cursor:pointer}.mobile-nav-bar a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);background-color:#000;width:0;height:1.5px;transition:all .4s}.mobile-nav-bar a:hover:after{width:90%}.mobile-nav-bar.show{margin-top:140px}@media (max-width: 630px){.right-section .burger-menue{display:block!important}.cart-container{width:90vw}.cart-container ul li{display:flex;flex-direction:column;margin-inline:25px}.cart-container ul li .text-container{width:90%}.cart-container ul li .text-container .description-price-container h2{font-size:20px}.nav-bar{display:none}.mobile-nav-bar{display:flex}}.cart-header-flex{display:flex;direction:ltr}.cart-items{direction:ltr;padding:0;list-style:none;display:flex;flex-direction:column;gap:20px}.cart-items li{display:flex;align-items:center;max-width:100%;padding:20px;border:solid #000 2px;gap:10px}.cart-items li .img-container{max-width:150px}.cart-items li .img-container img{height:100%;max-width:100%}.cart-items li .text-container{display:flex;flex-direction:column;gap:25px;background-color:#dfdfdf;width:100%;padding:25px}.cart-items li .text-container .description-price-container{display:flex;align-items:center;justify-content:space-between}.cart-items li .text-container .description-price-container h2{font-size:25px;font-weight:300}.cart-items li .text-container .buttons-container{display:flex;align-items:center}.cart-items li .text-container .buttons-container h2{margin:0;padding:11px 15px;background:#fff}.cart-items li .text-container .buttons-container button{width:40px;padding:3px 10px;color:#fff;font-size:30px;font-weight:700;border:none;background:#000;cursor:pointer}.cart-items li .text-container .buttons-container .delete-button{height:40px;position:relative;margin-left:25px}.cart-items li .text-container .buttons-container .delete-button svg{position:absolute;height:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-cart-cont{display:flex;flex-direction:column;align-items:center;padding-bottom:100px}.empty-cart-cont img{padding:100px}.empty-cart-cont h2{font-size:30px}.empty-cart-cont button{border:#000 solid 2px;background:#000;color:#fff;font-size:17px;font-weight:700;padding:20px;max-width:150px;transition:all .4s;cursor:pointer}.empty-cart-cont button:hover{background-color:#fff;color:#000}