:root{--gray:#333333;--light-gray:#E0E0E0;--main-gray:#595959;--red:#DC2626;--white:#ffffff;--dark-red:#b91c1c}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}html,body{height:100%;scroll-behavior:smooth}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1;background-color:#F9FAFB}header{background-color:white;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}#toast-message{position:fixed;top:-100px;left:50%;transform:translateX(-50%);background-color:#4BB543;color:white;padding:15px 25px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.2);font-size:16px;opacity:0;transition:all 0.6s ease-in-out;z-index:10000}.header-container{display:flex;justify-content:space-between;align-items:center;height:80px;margin:5px 5% 0 5%}.logo{height:80px}.nav-menu{display:flex;justify-content:space-between;width:55%;max-width:600px}.nav-menu a{color:var(--gray);text-decoration:none;font-size:20px}.nav-menu a:hover{color:var(--red)}.search-box{position:relative;width:40px;height:40px;overflow:hidden;transition:width 0.4s ease,border-bottom 0.3s ease;color:var(--gray);border-bottom:none}.search-box.active{width:200px;border-bottom:1px solid var(--gray)}.search-input{position:absolute;top:0;left:40px;width:0;padding:0 10px;height:38px;border:none;outline:none;border-radius:5px;font-size:16px;opacity:0;transition:width 0.4s ease,opacity 0.3s ease;color:var(--gray)}.search-icon{position:absolute;top:10px;left:10px;cursor:pointer;transition:left 0.4s ease}.search-box.active{width:200px}.search-box.active .search-input{width:150px;opacity:1}.search-box.active .search-icon{left:10px}footer{background-color:var(--main-gray);color:#ffffff;padding:40px}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:20px;margin:40px 80px 0 80px;justify-content:center}.footer-item{min-height:120px;max-width:280px;width:100%;display:flex;flex-direction:column;gap:20px;font-size:14px}.footer-item h5{font-size:18px}.footer-item p,.footer-item ul,.footer-item a{color:#ddd;font-size:14px;text-decoration:none}.footer-item ul{list-style-type:none;padding-left:0;display:flex;flex-direction:column;gap:8px}.footer-item a:hover{color:#ffffff}.socials{display:flex;flex-direction:row;align-items:center;gap:16px}.footer-bottom{text-align:center;padding-top:40px;font-size:14px;color:var(--light-gray)}.line{border-color:var(--main-gray)}.burger-menu{display:none;flex-direction:column;cursor:pointer;gap:5px;padding:10px}.burger-menu .bar{width:25px;height:3px;background-color:var(--gray);transition:all 0.3s ease}.mobile-nav{display:none;flex-direction:column;background-color:white;position:fixed;top:85px;left:0;width:100%;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.1);z-index:1000}.mobile-nav a{padding:10px 0;font-size:18px;color:var(--gray);text-decoration:none;border-bottom:1px solid #eee}.mobile-nav a:hover{color:var(--red)}.hidden{display:none!important}@media (max-width:768px){header{position:fixed;top:0;left:0;width:100%;height:86px;z-index:1001}main{margin-top:85px}main .catalog-content{margin-top:0px}.header-container{height:40px}.nav-menu{display:none}header .search-box{display:none}.burger-menu{display:flex}.logo{height:50px}h1{}.mobile-nav{display:flex}}@media (max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin:20px 40px}}@media (max-width:600px){.footer-grid{grid-template-columns:1fr;margin:10px 20px}.footer-item{align-items:flex-start}html,body{width:100%;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}}.form-group{display:flex;flex-direction:column;gap:5px}.errorlist{color:var(--red);list-style-type:none}.contact-section{display:flex;background:#fff;border-radius:10px;overflow:hidden;max-width:900px;margin:40px auto;flex-wrap:wrap}.contact-left,.contact-right{flex:1;padding:40px;min-width:300px}.contact-left{background-color:#ffffff}.contact-right{background-color:#f3f4f6}.contact-left h2,.contact-right h3{margin-bottom:20px}.contact-left form{display:flex;flex-direction:column;gap:16px}.contact-left input,.contact-left textarea{padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;resize:none}.contact-left button{background-color:var(--red);color:white;padding:10px;border:none;border-radius:6px;cursor:pointer;font-size:16px}.contact-left button:hover{background-color:var(--dark-red)}.contact-info{list-style:none;padding:0;font-size:15px;display:flex;flex-direction:column;gap:12px}.contact-info .icon{margin-right:10px;color:#d32222}@media (max-width:768px){.contact-section{flex-direction:column}}h2{font-size:24px}h3{font-size:22px}.truncate{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.start-block{display:flex;justify-content:space-between;align-items:stretch;background-color:var(--main-gray);color:white;height:450px;width:100%;padding:0 5%;margin:0 auto;overflow:hidden}.left-info{flex:1;padding:60px 5% 60px 0;display:flex;flex-direction:column;justify-content:center;background-color:var(--main-gray);max-width:700px;color:white}.left-info h1{font-size:48px;font-weight:700;margin-bottom:20px}.left-info p{font-size:20px;margin-bottom:30px;max-width:500px}.left-info button{background-color:var(--red);color:white;border:none;padding:12px 24px;font-size:16px;border-radius:6px;cursor:pointer;width:fit-content}.left-info button:hover{background-color:var(--dark-red)}.right-image{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;max-width:600px}.right-image img{height:100%;width:auto;object-fit:cover}.directions{max-width:1280px;margin:0 auto;padding:40px 20px;text-align:center}.directions h2{margin-bottom:30px;font-weight:bold}.direction-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card{position:relative;flex:1 1 300px;max-width:600px;height:250px;border-radius:15px;overflow:hidden;text-decoration:none;color:white;display:flex;flex-direction:column;justify-content:flex-end;transition:transform 0.3s}.card:hover .card-image{transform:scale(1.05)}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:brightness(1);transition:transform 0.3s ease;z-index:1}.card-image::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(89,89,89,0.8) 0%,rgba(0,0,0,0) 100%);z-index:2}.card-image img{width:100%}.card-content{position:relative;z-index:2;padding:20px;text-align:left}.card-content h3{margin:0 0 10px;font-size:18px}.card-content p{margin:0;font-size:14px}@media (max-width:768px){.direction-cards{flex-direction:column;align-items:center}.card{width:100%;max-width:600px;max-height:150px}}.site-description{padding:60px 20px;width:80%;margin:0 auto}.site-description p{margin-top:30px;font-size:16px;color:#333;line-height:24px}.benefits{background-color:white;margin:0 auto;padding:60px 20px;text-align:center}.benefits h2{margin-bottom:40px;font-weight:bold}.benefits-grid{display:flex;justify-content:space-around;gap:30px;flex-wrap:wrap}.benefit-card{flex:1 1 250px;max-width:300px;background:transparent;text-align:center;padding:10px}.benefit-card .icon{background-color:rgba(255,0,0,0.1);border-radius:50%;width:60px;height:60px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.benefit-card .icon i{font-size:24px;color:red}.benefit-card h3{font-size:18px;margin-bottom:10px;font-weight:bold}.benefit-card p{font-size:14px;color:#333}@media (max-width:768px){.start-block{height:350px}.right-image{display:none}.left-info h1{font-size:38px}h2{font-size:20px}h3{font-size:18px}.left-info p{font-size:16px;margin-bottom:30px;max-width:500px}.benefits-grid{flex-direction:column;align-items:center}.benefit-card{width:100%;max-width:90%;max-height:150px}}@media (max-width:370px){.start-block{height:300px}.left-info h1{font-size:30px}.left-info p{font-size:15px;margin-bottom:30px;max-width:500px}}.container{width:90%;max-width:1300px;margin:0 auto}.breadcrumbs{font-size:16px;margin-top:20px;color:var(--gray)}.breadcrumbs a{color:var(--gray);text-decoration:none}.container h1{font-size:40px;margin-bottom:20px;margin-top:40px;color:var(--main-gray)}.product-info{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.product-gallery{flex:1;position:relative;margin:0 auto 40px;width:100%;max-height:400px;order:2;display:flex;justify-content:center;align-items:center}.product-img{border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 0 20px rgba(0,0,0,0.2);overflow:hidden;margin:0 auto}.product-img img{width:100%;height:100%;object-fit:cover;display:block}.product-slider{width:100%;overflow:hidden;position:relative}.slider-track{display:flex;transition:transform 0.5s ease;will-change:transform}.slide{flex:0 0 100%;max-width:100%;display:flex;justify-content:center;align-items:center}.slide img,.slide video{width:100%;height:100%;max-height:400px;object-fit:cover;border-radius:12px}.slide iframe{width:100%;aspect-ratio:16/9;max-height:400px;object-fit:cover;border-radius:12px}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:white;border:1px solid var(--main-gray);border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;z-index:2}.nav-btn.left{left:10px}.nav-btn.right{right:10px}.description{flex:1;margin:0 50px 90px 0;order:1}.description h2{font-size:32px;text-decoration:none;font-style:normal;font-weight:400;font-size:32px;line-height:38px;color:var(--main-gray)}.description p{font-size:18px;line-height:1.4;margin-bottom:20px;margin-top:20px;color:var(--gray)}.contact-btn{display:inline-block;background-color:var(--red);color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-size:16px}@media (max-width:600px){.product-img{max-width:700px;max-height:400px}}@media (max-width:991px){.product-info{flex-direction:column}.product-gallery{order:1;margin-bottom:20px}.product-slider{max-height:400px;max-width:600px}.description{order:2;margin-right:0}}@media (max-width:600px){.container h1{margin:20px 0;font-size:28px}.description h2{font-size:24px}.description p{font-size:15px}.breadcrumbs{font-size:15px}.nav-btn{width:30px;height:30px;font-size:15px}}.catalog-container{display:flex;gap:30px;max-width:1300px;width:90%;margin:0 auto;padding:40px 20px;align-items:flex-start}.sidebar{width:280px;background-color:#fff;padding:20px;border-radius:10px;flex-shrink:0}.catalog-container h4{margin-bottom:15px;font-size:18px}.sidebar .search-box{width:100%;margin-bottom:15px}.sidebar .search-box input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid #ddd}.catalog-content-title{margin-bottom:20px}.category-title{background:none;border:none;font-size:16px;cursor:pointer;display:block;margin-bottom:5px}.subcategory-list{list-style:none;margin:15px 0 0 20px;display:block;max-height:0;overflow:hidden;transition:max-height 0.3s ease}.open{margin-bottom:15px}.subcategory-list li{font-size:14px;padding:10px 0;cursor:pointer;color:var(--main-gray);position:relative}.subcategory-list li:hover{color:var(--red)}.subcategory-list li.active{color:var(--red)}.subcategory-list li:not(:last-child)::after{content:"";position:absolute;bottom:0;left:0;width:25px;height:1px;background-color:var(--light-gray)}.catalog-content{flex:1}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.catalog-card{background:#fff;border-radius:10px;text-align:left;box-shadow:0 0 5px rgba(0,0,0,0.05);display:flex;flex-direction:column;height:100%}.card-text{display:flex;flex-direction:column;flex:1;padding:15px;gap:10px}.catalog-card img{width:100%;height:160px;object-fit:cover;border-radius:8px 8px 0 0}.catalog-card h4{font-size:16px;font-weight:bold}.catalog-card p{font-size:14px;color:#555;flex-grow:1}.catalog-card button{margin-top:auto;padding:8px 16px;background-color:#f1f1f1;border:none;border-radius:6px;cursor:pointer;width:100%}.catalog-card button:hover{background-color:var(--red);color:white}.title-with-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:30px}.mobile-sidebar-toggle{display:none;background-color:var(--red);color:white;font-size:22px;padding:6px 12px;border:none;border-radius:8px;cursor:pointer}.pagination{display:flex;justify-content:center;margin-top:30px;gap:10px}.pagination button{border:none;padding:8px 12px;background-color:#eee;border-radius:5px;cursor:pointer}.pagination button.active{background-color:red;color:white}.pagination button:disabled{background-color:#ddd}.close-sidebar{background:none;border:none;font-size:24px;color:#333;cursor:pointer;position:absolute;top:12px;right:12px;z-index:1003;display:none}@media (max-width:768px){.close-sidebar{display:block}}@media (max-width:1220px){.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.catalog-container{width:100%}.sidebar{width:35%}.products-grid{grid-template-columns:1fr}}@media (max-width:768px){.mobile-sidebar-toggle{display:inline-block}.sidebar{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:#fff;padding:20px;z-index:1002;transition:left 0.3s ease;overflow-y:auto;box-shadow:2px 0 12px rgba(0,0,0,0.2)}.sidebar.open{left:0}.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1002}.overlay.active{display:block}}@media (max-width:600px){.catalog-grid{grid-template-columns:1fr}}@media (max-width:400px){.catalog-card img{height:120px}.card-text p{display:none}}:root{--gray:#333333;--light-gray:#E0E0E0;--main-gray:#595959;--red:#DC2626;--white:#ffffff;--dark-red:#b91c1c}.error-container{text-align:center;padding:40px}.error-code{font-size:96px;font-weight:bold;color:var(--red)}.error-message{font-size:24px;margin-bottom:20px}.back-link{text-decoration:none;color:var(--white);background-color:var(--red);padding:10px 20px;border-radius:6px;transition:background-color 0.3s}.back-link:hover{background-color:var(--dark-red)}