.home-layout{width:80%;min-height:calc(100dvh - var(--navigation-menu-height));margin:var(--navigation-menu-height) auto auto auto;font-family:var(--default-font-family)}.home-layout .introduction{padding-top:25px;text-align:center}.home-layout .introduction h1{font-size:50px}.home-layout .introduction img{height:200px}.home-layout .introduction h1:nth-child(3){font-size:60px;margin-bottom:50px;color:var(--logo-color)}.home-layout .introduction p{font-size:25px}.home-layout .section-title{margin-top:50px;color:var(--logo-color)}.home-layout .catalog-preview,.home-layout .savings-preview{grid-template-columns:repeat(5,1fr);margin:50px 0;display:grid}.home-layout .catalog-preview .item,.home-layout .savings-preview .item{font-size:20px;padding:20px;width:calc(100% - 40px);flex-direction:column;display:flex;cursor:pointer}.home-layout .catalog-preview .item:hover,.home-layout .savings-preview .item:hover{background-color:#37a00033}.home-layout .catalog-preview .item span,.home-layout .savings-preview .item span{text-align:center}.home-layout .catalog-preview .item img,.home-layout .savings-preview .item img{height:150px;width:150px;margin:auto}.home-layout .catalog-preview .item p,.home-layout .savings-preview .item p{width:80%;text-align:left}.home-layout .catalog-preview .item p:nth-child(2){font-weight:700}.home-layout .catalog-preview .item p b:nth-of-type(1),.home-layout .savings-preview .item p b:nth-of-type(1){color:var(--logo-color)}.home-layout .catalog-preview .item:first-child,.home-layout .savings-preview .item:first-child{border-radius:10px 0 0 10px}.home-layout .catalog-preview .item:not(:first-child),.home-layout .savings-preview .item:not(:first-child){border-left:1px solid rgb(220,220,220)}.home-layout .catalog-preview .link,.home-layout .savings-preview .link{font-size:35px;border-radius:0 10px 10px 0;color:var(--logo-color);display:flex;flex-direction:column;justify-content:center;text-align:center;cursor:pointer}.home-layout .catalog-preview .link p,.home-layout .savings-preview .link p{width:100%;text-align:center}.home-layout .section-title:nth-of-type(3){text-align:center}.home-layout .signup{display:flex;flex-direction:column;align-items:center}.home-layout .signup p{font-size:25px}.home-layout .signup ul{font-size:20px}.home-layout .signup li{padding:10px}.home-layout .signup .signup-link{gap:15px;transition:var(--default-CSS-transition-time);display:flex;align-items:center;justify-content:center;cursor:pointer}.home-layout .signup .signup-link:hover{gap:25px}.home-layout .signup .signup-link p,.home-layout .signup .signup-link svg{font-size:45px;color:var(--logo-color)}.home-layout hr{height:1px;margin:0;background-color:#dcdcdc;border:none}@media screen and (max-width: 1200px) and (min-width: 800px){.home-layout .catalog-preview,.home-layout .savings-preview{grid-template-columns:repeat(2,1fr)}.home-layout .catalog-preview .item:last-child{grid-column:1 / span 2}.home-layout .catalog-preview .link{border-radius:0}.home-layout .catalog-preview .item:nth-child(odd){border-left:none}}@media screen and (max-width: 800px){.home-layout{width:90%}.home-layout .catalog-preview,.home-layout .savings-preview{grid-template-columns:repeat(1,1fr)}.home-layout .catalog-preview .item img,.home-layout .savings-preview .item img{height:150px}.home-layout .catalog-preview .item:not(:first-child),.home-layout .savings-preview .item:not(:first-child){border-top:1px solid rgb(220,220,220);border-left:none}.home-layout .catalog-preview .item:first-child,.home-layout .savings-preview .item:first-child{border-radius:0}.home-layout .catalog-preview .link,.home-layout .savings-preview .link{height:100%;height:276px;border-radius:0}.home-layout .catalog-preview,.home-layout .savings-preview{margin-bottom:0}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}:root{--nav-menu-background-color: rgb(30, 30, 30);--logo-color: rgb(55, 165, 0);--footer-background-color: rgb(30, 30, 30);--body-background-color: rgb(250, 250, 250);--default-CSS-transition-time: .2s ease-out;--default-font-family: Arial, Lato, Helvetica}body{margin:0;background-color:var(--body-background-color)}main{margin-top:var(--navigation-menu-height);background-color:var(--body-background-color)}@media screen and (max-width: 575px){main{margin-top:calc(var(--navigation-menu-height) + var(--mobile-searchbar-height))}}:root{--logo-width: 80px;--mobile-searchbar-height: 65px;--navigation-menu-width: 70%;--navigation-menu-height: 90px;--dropdown-width: 45px;--medium-navigation-menu-height: calc(100% - var(--navigation-menu-height));--mobile-navigation-menu-height: calc(100% - var(--navigation-menu-height))}nav{z-index:10;padding:0 2.5%;width:95%;top:0;box-shadow:0 5px 15px -2px var(--nav-menu-background-color);height:var(--navigation-menu-height);background-color:var(--nav-menu-background-color);font-family:var(--default-font-family);position:fixed;display:flex;justify-content:space-evenly;align-items:center}nav a{border-radius:10px;padding:0 1%;width:30%;height:var(--logo-width);align-items:center;display:flex;justify-content:center;cursor:pointer}nav a img{margin-right:15px;width:var(--logo-width)}nav a h1{color:var(--logo-color);font-size:2rem;margin:0}nav ul{margin:0;padding:0;color:#fff;width:var(--navigation-menu-width);display:flex;justify-content:space-between;list-style-type:none}nav ul li{font-size:120%;height:61px;width:20%;border-radius:10px;font-weight:500;gap:5%;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}nav ul li:hover{gap:7.5%;transition:var(--default-CSS-transition-time);background-color:var(--logo-color)}nav ul li p{margin:0}.items-in-cart{text-align:center;margin:0;padding:2px;font-size:20px;line-height:25px;width:25px;height:25px;border-radius:10px;background-color:var(--logo-color);position:relative}.dropdown{display:none}nav form button{cursor:pointer}@media screen and (max-width: 800px){nav form{width:calc(var(--searchbar-width) + 35%)}nav ul{display:none}nav .mobile-page-menu{width:100%;left:0;height:var(--medium-navigation-menu-height);top:var(--navigation-menu-height);background-color:var(--nav-menu-background-color);display:flex;flex-direction:column;position:fixed}.mobile-page-menu li{width:100%;height:20%;gap:1%}.mobile-page-menu li:hover,.mobile-page-menu li:active{gap:3%}.dropdown{border-radius:10px;padding:11px;height:40px;width:calc(var(--dropdown-width));transition:var(--default-CSS-transition-time);display:block;display:flex;justify-content:space-between;flex-direction:column;cursor:pointer}.dropdown:hover,.dropdown:active{background-color:var(--logo-color);cursor:pointer}.dropdown div{height:5px;width:100%;border-radius:50px;background-color:#fff}.exit{background-color:var(--logo-color)}.exit .bar1,.exit .bar3{width:110%;margin-left:-5%;transition:var(--default-CSS-transition-time)}.exit .bar2{width:60%;margin-left:40%;transition:var(--default-CSS-transition-time)}}@media screen and (max-width: 575px){nav{justify-content:space-between}nav a{width:85%}nav .mobile-page-menu{height:var(--mobile-navigation-menu-height);top:calc(var(--navigation-menu-height))}}:root{--footer-width: 100%;--footer-height: 270px;--footer-logo-width: 75px}footer{grid-template-columns:.5fr .25fr .5fr .5fr;bottom:0;height:var(--footer-height);width:var(--footer-width);background-color:var(--footer-background-color);font-family:var(--default-font-family);align-items:center;display:grid;position:relative}footer a{padding:15px 0;height:calc(var(--footer-height) - 30px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}footer a img{height:var(--footer-logo-width);width:var(--footer-logo-width)}footer a p{font-size:30px;margin-bottom:0;color:var(--logo-color);font-weight:700}footer .links{height:100%;color:#fff;display:flex;align-items:center;flex-direction:column}footer .links p{width:100%}footer .links ul{height:75%;width:100%;padding:0;margin:0;grid-template-columns:50% 50%;list-style-type:none;display:grid}footer .links ul li{margin:5px 0;font-size:20px;cursor:pointer}footer .contact-form{height:100%;display:flex;flex-direction:column;align-items:center}footer .contact-form p{width:274px}footer .contact-form input,footer .contact-form textarea{width:250px;padding:10px;border:2px solid var(--logo-color);background-color:var(--footer-background-color);color:#fff;outline:none}footer .contact-form textarea{margin-top:10px;height:75px;font-family:var(--default-font-family);resize:none}footer .contact-form button{margin:10px 0 0;height:30px;width:274px;padding:10px;background-color:var(--logo-color);color:#fff;border:none;cursor:pointer}footer .social-links{height:100%}footer .social-links ul{padding:0;width:100%;margin-top:70px;list-style-type:none;display:flex;justify-content:space-evenly}footer .social-links ul li{font-size:100%;min-width:20px;padding:18px;border-radius:50px;color:#fff;background-color:var(--logo-color);text-align:center;cursor:pointer}footer .links p,footer .contact-form p,footer .social-links p{margin:15px 0;font-size:25px;color:var(--logo-color);font-weight:700}footer .links ul li:hover,footer .social-links ul li:hover,footer .contact-form button:hover{opacity:.8}@media screen and (max-width: 1000px){footer{grid-template-columns:1fr 1fr;height:525px}}@media screen and (max-width: 600px){footer{grid-template-columns:1fr;height:1100px}footer .links,footer .contact-form p,footer .social-links p{text-align:center}footer .social-links ul{margin-top:25px}}.login-layout{grid-template-columns:40% 60%;min-height:calc(100dvh - var(--navigation-menu-height));font-family:var(--default-font-family);display:grid}.login-layout .left-side h1{font-size:35px;margin:0}.login-layout .left-side .logo{height:100px;width:100px;margin:120px auto 75px}.login-layout .left-side .logo img{width:100%;height:100%}.login-layout .left-side .login-form{width:100%;gap:50px;margin:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.login-layout .left-side .login-form h1{color:var(--logo-color);text-align:center}.login-layout .left-side .login-form .username,.user-details .username,.user-details .password,.login-layout .left-side .login-form .password{height:40px;width:65%;gap:15px;border-radius:10px;padding:10px;outline:2px solid var(--logo-color);display:flex;justify-content:center;align-items:center}.login-layout .left-side .login-form .username svg,.user-details .username svg,.user-details .password svg,.login-layout .left-side .login-form .password svg{height:40px;color:var(--logo-color);width:40px}.login-layout .left-side .login-form .username input,.user-details .username input,.user-details .password input,.login-layout .left-side .login-form .password input{width:calc(95% - 40px);height:100%;font-size:1.25rem;background:none;outline:none;border:none}.login-layout .left-side .login-form button{padding:20px;font-size:1.5rem;width:calc(80% - 20px);color:#fff;background-color:var(--logo-color);border:none;cursor:pointer}.login-layout .left-side .login-form .status{width:90%;text-align:center;font-size:1.5rem}.login-layout .right-side{color:#fff;border-radius:50px 0 0 50px;background-color:var(--logo-color);display:flex;flex-direction:column;align-items:center;justify-content:center}.login-layout .right-side .icons{width:25%;height:20%;grid-template-columns:50% 50%;font-size:60px;display:grid}.login-layout .right-side .icons svg{margin:auto}.login-layout .right-side .text{text-align:center}.login-layout .right-side .text h1{font-size:40px}.login-layout .right-side .text p{font-size:25px}.login-layout .right-side .text p:nth-child(3){margin-top:100px}.login-layout .right-side .sign-up{width:50%;gap:5%;font-size:30px;background-color:var(--logo-color);transition:var(--default-CSS-transition-time);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.login-layout .right-side .sign-up:hover{gap:7%}.login-layout .left-side .login-form button:hover,.login-layout .left-side .login-form button:active,.logged-in-layout .username-row button:hover,.logged-in-layout .password-row button:hover,.logged-in-layout button[type=submit]:hover,.logged-in-layout .logout:hover{opacity:.8}.logged-in-layout{margin-top:200px;min-height:100dvh;font-family:var(--default-font-family);display:flex;flex-direction:column;align-items:center}.logged-in-layout .user-details{width:500px;height:600px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.logged-in-layout .user-details .logo img{height:10rem;width:10rem}.logged-in-layout .username-row,.logged-in-layout .password-row{gap:15px;width:450px;display:flex;align-items:center}.logged-in-layout .username-row button,.logged-in-layout .password-row button{width:75px;height:50px;border-radius:10px;font-size:1.5rem;background-color:var(--logo-color);border:none;color:#fff;cursor:pointer}.logged-in-layout .username-row button:disabled,.logged-in-layout .password-row button:disabled{background-color:#df3434}.logged-in-layout button[type=submit]{background-color:var(--logo-color)}.logged-in-layout .logout{background-color:#df3434}.logged-in-layout .status{margin-bottom:5rem;font-size:1.25rem}.logged-in-layout button[type=submit],.logged-in-layout .logout{border-radius:10px;font-size:2rem;padding:.5rem;width:15rem;color:#fff;border:none;cursor:pointer}@media screen and (max-width: 900px){.login-layout{grid-template-columns:100%}.login-layout .left-side .logo{margin-top:30px}.login-layout .left-side .login-form{width:65%}.login-layout .left-side .login-form .username,.login-layout .left-side .login-form .password{width:calc(100% - 55px)}.login-layout .left-side .login-form button{width:calc(100% - 20px);cursor:pointer}.login-layout .right-side{padding-top:50px;margin:50px 0 0;border-radius:0;height:auto}.login-layout .right-side .icons{height:200px;width:30%}}@media screen and (max-width: 575px){.login-layout .left-side .login-form{width:85%}.login-layout .right-side .icons{width:60%}.logged-in-layout .user-details{height:800px;width:100%}.logged-in-layout .username-row,.logged-in-layout .password-row{flex-direction:column;width:100%}}.signup-layout{min-height:calc(100vh - var(--navigation-menu-height));font-family:var(--default-font-family);display:flex}.signup-form{width:45%;height:700px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin:auto}.signup-form .logo,.signup-form .logo img{height:100px;width:100px}.signup-form h1{font-size:35px;margin:0;color:var(--logo-color)}.signup-form .username,.signup-form .password{height:40px;width:65%;gap:15px;border-radius:10px;padding:10px;outline:2px solid var(--logo-color);display:flex;justify-content:center;align-items:center}.signup-form .username svg,.signup-form .password svg{height:40px;width:40px;color:var(--logo-color)}.signup-form .username input,.signup-form .password input{width:calc(95% - 40px);height:100%;font-size:1.25rem;background:none;outline:none;border:none}.signup-form button{padding:20px;font-size:1.5rem;width:calc(80% - 35px);color:#fff;background-color:var(--logo-color);border:none;cursor:pointer}.signup-form .status{font-size:1.5rem}.signup-form button:hover,.signup-form button:active{opacity:.8}@media screen and (max-width: 1000px){.signup-layout .signup-form{width:70%}}@media screen and (max-width: 600px){.signup-layout .signup-form{width:90%}}@media screen and (max-width: 400px){.signup-layout .signup-form{width:100%}}.shop-layout{width:75%;padding-top:50px;padding-bottom:30px;min-height:calc(100dvh - var(--navigation-menu-height));margin:var(--navigation-menu-height) auto auto auto;font-family:var(--default-font-family)}.shop-layout .top-area{width:100%;height:120px;display:flex;align-items:center;justify-content:space-between}.shop-layout .top-area h1{font-size:1.5rem;margin-top:0;color:var(--logo-color)}.shop-layout .search-bar{width:70%}.shop-layout .search-bar form{width:calc(100% - 20px);padding:10px;border-radius:10px;outline:2px solid var(--logo-color);display:flex}.shop-layout .search-bar form input{width:calc(100% - 50px);font-size:1.5rem;outline:none;background:none;border:none}.shop-layout .search-bar form button{width:50px;height:40px;color:var(--logo-color);background:none;display:flex;align-items:center;justify-content:center;border:none}.shop-layout .search-bar form button svg{width:100%;height:60%}.shop-layout .categories{width:25%}.shop-layout .categories select{height:60px;width:100%;padding:10px;border-radius:10px;font-size:1.5rem;outline:2px solid var(--logo-color);border:none;cursor:pointer}.shop-layout .catalog{width:100%;height:calc(100% - 120px);grid-template-columns:repeat(3,1fr);display:grid}.shop-layout .item{height:410px;padding:40px 20px;border-bottom:1px solid rgb(220,220,220);display:flex;flex-direction:column}.shop-layout .item span{text-align:center}.shop-layout .item:not(:nth-child(3n+1)){border-left:1px solid rgb(220,220,220)}.shop-layout .item:last-child:not(:nth-child(3n+3)){border-right:1px solid rgb(220,220,220)}.shop-layout .catalog .item img{height:200px;width:200px;margin:auto}.shop-layout .catalog .item h1{font-size:1.25rem;width:100%;text-align:left;font-weight:700}.shop-layout .catalog .item p{width:100%;font-size:1.15rem;text-align:left}.shop-layout .catalog .item p b{color:var(--logo-color)}.shop-layout .catalog .item button{padding:10px;font-size:1.25rem;width:130px;border-radius:10px;background-color:var(--logo-color);border:none;color:#fff;cursor:pointer}.shop-layout .item button:hover{opacity:.8}.shop-layout .catalog .no-stock p b{color:#e02f2f}.shop-layout .catalog .no-stock button:disabled{opacity:.3;cursor:not-allowed}@media screen and (max-width: 1000px){.shop-layout{width:95%}}@media screen and (max-width: 800px){.shop-layout .catalog{grid-template-columns:repeat(2,1fr)}.shop-layout .item:not(:nth-child(3n+1)){border-left:none}.shop-layout .item:nth-child(2n){border-left:1px solid rgb(220,220,220)}.shop-layout .item:last-child:not(:nth-child(3n+3)){border-right:none}}@media screen and (max-width: 575px){.shop-layout{width:100%}.shop-layout .top-area{height:250px;flex-direction:column}.shop-layout .search-bar,.shop-layout .categories{width:95%}.shop-layout .catalog{grid-template-columns:1fr}.shop-layout .item{border-bottom:1px solid rgb(220,220,220);border-left:none;border-right:none}.shop-layout .item:nth-child(2n){border-left:none}}.cart-layout{width:90%;column-gap:40px;grid-template-columns:calc(100% - 340px) 300px;min-height:calc(100dvh - var(--navigation-menu-height));margin:var(--navigation-menu-height) auto auto auto;font-family:var(--default-font-family);display:grid}.cart-layout .order-summary{margin-bottom:50px}.cart-layout .order-details h1,.cart-layout .order-summary h1{font-size:2rem;color:var(--logo-color);font-weight:400}.cart-layout .top-row{display:flex;justify-content:space-between;align-items:center}.cart-layout .top-row .empty-cart{height:43px}.cart-layout .order-details .order-item{height:150px;gap:20px;padding:40px 0;border-bottom:1px solid rgb(180,180,180);justify-content:space-between;align-items:center;display:flex}.cart-layout .order-details .order-item:nth-of-type(2){border-top:1px solid rgb(180,180,180)}.cart-layout .order-details .order-item span{text-align:center}.cart-layout .order-details .order-item img{height:200px;width:200px}.cart-layout .order-details .order-item h2{font-size:1.5rem;font-weight:400}.cart-layout .order-details .order-item .price{font-size:1.25rem;display:flex;flex-direction:column;justify-content:center}.cart-layout .order-details .order-item .price p{margin:12px}.cart-layout .order-details .order-item .quantity{font-size:1.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.cart-layout .order-details .order-item .quantity p,.cart-layout .order-details .order-item .quantity input{margin:10px;text-align:center}.cart-layout .order-details .order-item .quantity input{width:40px;font-size:1.25rem;padding:5px;border-radius:10px;outline:2px solid var(--logo-color);border:none}.cart-layout .order-details .order-item button,.cart-layout .top-row .empty-cart{padding:10px;font-size:1.25rem;width:130px;border-radius:10px;background-color:#df3434;border:none;color:#fff;cursor:pointer}.order-summary hr{height:1px;margin:0;background-color:#b4b4b4;border:none}.cart-layout .order-summary .summary-item{width:100%;display:flex;justify-content:space-between}.cart-layout .order-summary .summary-item p{font-size:1.25rem}.cart-layout .order-summary .summary-item p:first-child{font-weight:600}.cart-layout .order-summary button{padding:25px;font-size:1.25rem;width:100%;border-radius:10px;background-color:var(--logo-color);border:none;color:#fff;cursor:pointer}.cart-layout button:hover{opacity:.8}@media screen and (max-width: 1100px){.cart-layout{width:90%}.cart-layout .order-details .order-item{height:600px;flex-direction:column;align-items:center;text-align:center}.cart-layout .order-details .order-item h2{margin-bottom:0}}@media screen and (max-width: 700px){.cart-layout{grid-template-columns:100%}.cart-layout .top-row{flex-direction:column;margin-bottom:25px;align-items:flex-start}}.checkout-layout{width:60%;margin:calc(var(--navigation-menu-height) + 50px) auto 50px auto;font-family:var(--default-font-family)}.checkout-layout .disclaimer{color:red;font-weight:700}.checkout-layout .checkout-form h1{font-size:3rem;margin:0;color:var(--logo-color)}.checkout-form hr{margin:50px 0}.checkout-form .personal-information div input,.checkout-form .banking-information div input{padding:10px;width:calc(100% - 20px);border-radius:10px;font-size:1.25rem;outline:2px solid var(--logo-color);border:none}.personal-information .firstname,.personal-information .lastname,.personal-information .city{width:300px}.personal-information .email,.banking-information .holder-name{width:350px}.personal-information .row-1,.personal-information .row-2,.personal-information .row-3,.banking-information .row-1{display:flex;gap:15px}.personal-information .address,.banking-information .card-number{width:500px}.personal-information .apt{width:200px}.personal-information .state{width:100px}.personal-information .zip{width:150px}.banking-information .expire,.banking-information .cvv{width:100px}.order-summary p{font-size:1.75rem}.order-summary button{padding:25px;font-size:1.75rem;width:300px;border-radius:10px;background-color:var(--logo-color);border:none;color:#fff;cursor:pointer}.form-status{font-size:1.5rem}.order-summary button:hover,.order-summary button:active{opacity:.8}@media screen and (max-width: 1000px){.checkout-layout{width:80%}.personal-information .address,.banking-information .card-number{width:400px}}@media screen and (max-width: 800px){.row-1,.row-2,.row-3{flex-direction:column}}@media screen and (max-width: 575px){.personal-information .email,.personal-information .firstname,.personal-information .lastname,.personal-information .address,.personal-information .apt,.personal-information .city,.personal-information .state,.personal-information .zip,.banking-information .holder-name,.banking-information .card-number,.banking-information .expire,.banking-information .cvv,.order-summary button{width:100%}}.save-layout{width:75%;padding-top:50px;padding-bottom:30px;min-height:calc(100dvh - var(--navigation-menu-height));margin:var(--navigation-menu-height) auto auto auto;font-family:var(--default-font-family)}.save-layout .top-area{width:100%;height:120px;display:flex;align-items:center;justify-content:space-between}.save-layout .top-area h1{margin-top:0;font-size:1.5rem;color:var(--logo-color)}.save-layout .search-bar{width:70%}.save-layout .search-bar form{width:calc(100% - 20px);padding:10px;border-radius:10px;outline:2px solid var(--logo-color);display:flex}.save-layout .search-bar form input{width:calc(100% - 50px);font-size:1.5rem;outline:none;background:none;border:none}.save-layout .search-bar form button{width:50px;height:40px;color:var(--logo-color);background:none;display:flex;align-items:center;justify-content:center;border:none}.save-layout .search-bar form button svg{width:100%;height:60%}.save-layout .categories{width:25%}.save-layout .categories select{height:60px;width:100%;padding:10px;border-radius:10px;font-size:1.5rem;outline:2px solid var(--logo-color);border:none;cursor:pointer}.save-layout .catalog{width:100%;height:calc(100% - 120px);grid-template-columns:repeat(3,1fr);display:grid}.save-layout .item{height:410px;padding:40px 20px;border-bottom:1px solid rgb(220,220,220);display:flex;flex-direction:column;cursor:pointer}.save-layout .item span{text-align:center}.save-layout .item:not(:nth-child(3n+1)){border-left:1px solid rgb(220,220,220)}.save-layout .item:last-child:not(:nth-child(3n+3)){border-right:1px solid rgb(220,220,220)}.save-layout .catalog .item img{height:200px;width:200px;margin:auto}.save-layout .catalog .item h1{font-size:1.25rem;width:100%;text-align:left;font-weight:700}.save-layout .catalog .item p{width:100%;font-size:1.15rem;text-align:left}.save-layout .catalog .item p b{color:var(--logo-color)}.save-layout .catalog .item button{padding:10px;font-size:1.25rem;width:130px;border-radius:10px;background-color:var(--logo-color);border:none;color:#fff;cursor:pointer}.save-layout .item button:hover{opacity:.8}@media screen and (max-width: 1000px){.save-layout{width:95%}}@media screen and (max-width: 800px){.save-layout .catalog{grid-template-columns:repeat(2,1fr)}.save-layout .item:not(:nth-child(3n+1)){border-left:none}.save-layout .item:nth-child(2n){border-left:1px solid rgb(220,220,220)}.save-layout .item:last-child:not(:nth-child(3n+3)){border-right:none}}@media screen and (max-width: 575px){.save-layout{width:100%}.save-layout .top-area{height:250px;flex-direction:column}.save-layout .search-bar,.save-layout .categories{width:95%}.save-layout .catalog{grid-template-columns:1fr}.save-layout .item{border-bottom:1px solid rgb(220,220,220);border-left:none;border-right:none}.save-layout .item:nth-child(2n){border-left:none}}