header{background:linear-gradient(90deg,#0f0f0f 0%,#333 100%);color:#fff;padding:5px 15px;position:fixed;top:0;width:100%;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,0.4);backdrop-filter:blur(10px)}nav{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;flex-direction:column;align-items:center;gap:2px}.logo{font-size:20px;font-weight:900;color:#ffca28;text-transform:uppercase;padding:3px 10px;background:#2a2a2a;border-radius:5px}.logo:hover{transform:scale(1.05);box-shadow:0 0 10px rgba(255,202,40,0.5)}.contact-header{font-size:12px;color:#ccc;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.contact-header a{color:#ffca28;font-size:14px;font-weight:600;text-decoration:none}.contact-header a:hover{color:#ffb300}.nav-links{display:flex;align-items:center;gap:10px}.nav-links a{color:#fff;text-decoration:none;font-weight:600;font-size:16px;padding:5px 10px}.nav-links a:hover{color:#ffca28;background:rgba(255,202,40,0.1);border-radius:5px}.burger{display:none;font-size:24px;cursor:pointer;color:#ffca28;padding:5px}.intro-text{ width: 100%; margin: 0; padding: 60px 15px; text-align: left; max-width: 100%; }.intro-text h1{ }.intro-text p{ }section{max-width:1200px;margin:40px auto;padding:15px;background:rgba(26,26,26,0.95);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.3)}h1{font-size:36px;color:#ffca28;margin-bottom:15px}h2{font-size:28px;color:#ffca28;margin-bottom:15px}h2::after{display:none}p,ul{color:#ccc;font-size:16px}a{color:#ffca28;text-decoration:none}a:hover{color:#ffb300}.filters{margin-bottom:20px;display:flex;gap:10px;justify-content:center}.filter-btn{padding:8px 16px;background:#333;color:#fff;border:1px solid #ffca28;border-radius:20px;cursor:pointer;font-weight:600}.filter-btn.active, .filter-btn:hover{background:#ffca28;color:#000}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{background:#2a2a2a;padding:15px;text-align:center;border-radius:8px}.product.hidden{display:none}.product:hover{transform:translateY(-5px);box-shadow:0 0 10px rgba(255,202,40,0.3)}.product-image{width:100%;height:250px;overflow:hidden;border-radius:5px}.product img{width:100%;height:100%;object-fit:cover}.product h3{font-size:15px;color:#fff}.product p{font-weight:bold;color:#ffca28}.product-description{font-size:14px;color:#999}.zoom-btn{position:absolute;top:8px;right:8px;background:#ffca28;color:#000;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer}.zoom-btn:hover{background:#ffb300}.order-btn{background:#ffca28;color:#000;padding:8px 16px;border:none;border-radius:20px;cursor:pointer;font-weight:600}.order-btn:hover{background:#ffb300}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:200;justify-content:center;align-items:center} .modal.active{display:flex;} .modal-content{background:#2a2a2a;padding:30px;border-radius:15px;width:90%;max-width:450px;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,0.6);position:relative;transform:scale(0.9);transition:transform 0.3s ease}.modal.active .modal-content{transform:scale(1)}.modal-content h3{color:#ffca28;margin-bottom:25px;font-size:24px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;color:#ccc;margin-bottom:8px;font-weight:600;font-size:16px}.modal-content input,.modal-content textarea{width:100%;padding:12px;border:1px solid #ffca28;border-radius:8px;background:#333;color:#fff;font-size:16px;box-sizing:border-box}.modal-content textarea{resize:vertical;min-height:100px}.modal-content button[type="submit"]{background:#ffca28;color:#000;padding:12px 25px;border:none;border-radius:25px;cursor:pointer;font-weight:700;font-size:16px;transition:background 0.3s ease}.modal-content button[type="submit"]:hover{background:#ffb300}.close-btn{position:absolute;top:15px;right:15px;font-size:28px;color:#ffca28;cursor:pointer;background:none;border:none;transition:color 0.3s ease}.close-btn:hover{color:#ffb300}.image-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:300;justify-content:center;align-items:center;opacity:0}.image-modal.active{display:flex;opacity:1}.image-modal img{max-width:90%;max-height:90%;border-radius:8px}.image-modal .close-btn{position:absolute;top:15px;right:15px;font-size:32px;color:#fff;background:#ffca28;border-radius:50%;width:36px;height:36px}.image-modal .close-btn:hover{background:#ffb300}.section-card ul{padding-left:20px}.section-card li{margin-bottom:8px}.hidden-data{display:none;margin-top:15px}.show-details-btn{background:#ffca28;color:#000;padding:8px 16px;border:none;border-radius:20px;cursor:pointer;font-weight:600}.show-details-btn:hover{background:#ffb300}footer{background:#0f0f0f;color:#fff;padding:40px 20px;text-align:center;border-top:3px solid #ffca28}footer p{font-size:20px;font-weight:700;margin:0 0 15px}.footer-links{display:flex;justify-content:center;gap:20px}.footer-links a{color:#ffca28;text-decoration:none;font-size:16px;font-weight:600}.footer-links a:hover{color:#fff}.breadcrumbs{font-size:14px;color:#ccc;margin-bottom:15px}.breadcrumbs a{color:#ffca28;text-decoration:none}.to-top-btn{position:fixed;bottom:20px;right:20px;background:#ffca28;color:#000;padding:10px 15px;border-radius:50%;font-size:16px;cursor:pointer;display:none;z-index:100}.to-top-btn:hover{background:#ffb300}.faq-item{margin-bottom:10px;border-bottom:1px solid #ffca28}.faq-item h3{font-size:18px;color:#ffca28;padding:10px;cursor:pointer;background:#2a2a2a}.faq-item h3:hover{background:#333}.faq-item p{color:#ccc;font-size:14px;padding:10px;display:none;margin:0}.faq-item.active p{display:block}@media (max-width:1200px){nav{padding:5px 10px}.logo{font-size:18px}.nav-links a{font-size:14px;padding:4px 8px}.catalog-grid{grid-template-columns:repeat(3,1fr)}.intro-text h1{ }section{margin:20px 10px}}@media (max-width:1024px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.product-image{height:200px}.product h3{font-size:14px}.product-description{font-size:12px}.filters{flex-wrap:wrap}.filter-btn{padding:6px 12px;font-size:14px}}@media (max-width:768px){.nav-links{display:none;flex-direction:column;position:absolute;top:70px;left:0;width:100%;background:rgba(0,0,0,0.9);padding:10px 0}.nav-links.active{display:flex}.nav-links a{margin:5px 0;font-size:16px}.burger{display:block}.intro-text{ }section{margin:20px 10px;padding:10px}h1{font-size:28px}h2{font-size:22px}.catalog-grid{grid-template-columns:1fr}.product-image{height:180px}.product h3{font-size:13px}.product-description{font-size:12px}.order-btn{padding:6px 12px;font-size:14px}.modal-content{width:85%;max-width:350px;padding:20px}.modal-content input,.modal-content textarea{padding:8px;font-size:14px}.modal-content button[type="submit"]{padding:8px 16px;font-size:14px}footer p{font-size:16px}.footer-links{flex-wrap:wrap;gap:10px}.footer-links a{font-size:14px}.logo{font-size:16px}.contact-header{font-size:10px}.contact-header a{font-size:12px}}@media (max-width:480px){header{padding:5px 10px}.logo{font-size:14px}.contact-header{font-size:9px}.contact-header a{font-size:11px}.nav-links a{font-size:14px}.intro-text h1{ }h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p,ul{font-size:14px}.product-image{height:150px}.product h3{font-size:12px}.product-description{font-size:11px}.order-btn{padding:5px 10px;font-size:12px}.zoom-btn{width:24px;height:24px;font-size:14px}.modal-content{width:90%;max-width:300px;padding:15px}.modal-content h3{font-size:18px}.modal-content input,.modal-content textarea{padding:6px;font-size:12px}.modal-content button[type="submit"]{padding:6px 12px;font-size:12px}.faq-item h3{font-size:16px;padding:8px}.faq-item p{font-size:12px;padding:8px}.show-details-btn{padding:6px 12px;font-size:12px}footer{padding:20px 10px}footer p{font-size:14px}.footer-links{gap:8px}.footer-links a{font-size:12px}.to-top-btn{padding:8px 12px;font-size:14px;bottom:15px;right:15px}}@media (max-width:320px){.logo{font-size:12px}.contact-header{font-size:8px}.contact-header a{font-size:10px}.nav-links a{font-size:12px}.intro-text h1{ }h1{font-size:20px}h2{font-size:18px}h3{font-size:14px}p,ul{font-size:12px}.product-image{height:120px}.product h3{font-size:11px}.product-description{font-size:10px}.order-btn{padding:4px 8px;font-size:11px}.modal-content{width:95%;max-width:280px}.modal-content h3{font-size:16px}.modal-content input,.modal-content textarea{padding:5px;font-size:11px}.modal-content button[type="submit"]{padding:5px 10px;font-size:11px}.faq-item h3{font-size:14px}.faq-item p{font-size:11px}footer p{font-size:12px}.footer-links a{font-size:11px}} .intro-text p{ } /* ===== Hero block spacing overrides ===== */ #home .intro-text h1{text-align:center;margin:0 0 12px 0 !important;} #home .intro-text p{margin:0 !important;text-align:justify;} /* === Hero final micro‑spacing & centering === */ .header-section p{font-size:1em;} /* === Always show company requisites === */ .hidden-data{display:block!important;} .show-details-btn{display:none!important;} /* Optional: ensure text color on dark background */ .hidden-data p{color:#ffffff;} /* === Fix hero overlap & center heading === */ /* == End hero fix == */ /* ===== HERO (чистый вариант) ===== */ /* mobile */ @media (max-width:768px){ #home { padding:40px 0; } } /* Delivery text-only (friendly) */ .delivery-text{padding:24px 16px} .delivery-text .section-lead{margin:6px 0 12px; opacity:.95} .delivery-text h3{margin:14px 0 6px; font-size:18px} .delivery-text p, .delivery-text li{line-height:1.7} .delivery-text ul, .delivery-text ol{padding-left:18px; margin:0 0 10px} .delivery-text .tip{margin:8px 0 12px; padding:10px 12px; border-left:4px solid #ffc828; background:rgba(255,200,40,.08); border-radius:8px} .contact-line{margin-top:12px} /* FAQ friendly */ .faq-text{padding:24px 16px} .faq-text .section-lead{margin:6px 0 12px; opacity:.95} .faq-list h3{margin:14px 0 6px; font-size:18px} .faq-list p{margin:0 0 10px; line-height:1.7} /* Return policy (friendly) */ .return-text{padding:24px 16px} .return-text .section-lead{margin:6px 0 12px; opacity:.95} .return-text h3{margin:14px 0 6px; font-size:18px} .return-text p, .return-text li{line-height:1.7} .return-text ul, .return-text ol{padding-left:18px; margin:0 0 10px} /* Consent checkbox block */ .consent{ margin:12px 0 16px; } .consent__label{ display:flex; align-items:flex-start; gap:10px; } .consent input[type="checkbox"]{ inline-size:20px; block-size:20px; margin-top:2px; flex:0 0 auto; accent-color: var(--accent); } .consent__text{ font-size:14px; line-height:1.5; } .consent a{ text-decoration: underline; } .consent__error{ margin-top:6px; font-size:12px; color:#c62828; } /* Mobile fine-tuning */ @media (max-width:480px){ .consent__text{font-size:13px} .consent input[type="checkbox"]{inline-size:22px; block-size:22px} } /* === Design system reset — unified typography & colors (2025-08-08) === */ :root{ --accent:#ffc828; --text:#ffffff; --muted:#cfcfcf; --bg:#1b1b1b; --card:#222222; --border:rgba(255,200,40,.30); --radius:12px; } html{scroll-behavior:smooth} /* Headings */ h1,h2,h3,h4{margin:0 0 10px 0; line-height:1.25} h1{font-size:34px; color:var(--accent); font-weight:700} h2, h2.section-title{font-size:26px; color:var(--accent); font-weight:700} h3{font-size:18px; color:#ffffff; font-weight:600} h4{font-size:16px; color:#ffffff; font-weight:600} /* Links */ a{color:var(--accent); text-decoration:none} a:hover{text-decoration:underline} /* Breadcrumbs */ .breadcrumbs{display:inline-flex; align-items:center; white-space:nowrap; margin:6px 0 10px; gap:0} .breadcrumbs a{color:var(--accent)} .breadcrumbs .sep{margin:0 6px; opacity:.7} .breadcrumbs .current{color:#ffffff; font-weight:600} /* Sections */ section{max-width:1200px; margin:40px auto; padding:15px; background:transparent} /* Hero text list */ #home .hero-benefits, .hero .hero-benefits{margin:10px 0 0 0; padding-left:18px} #home .hero-benefits li, .hero .hero-benefits li{margin:4px 0; line-height:1.6} /* Catalog grid & product cards */ .catalog-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px} .product{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:12px; color:#ffffff; } .product h3{color:var(--accent)} .product .product-description{color:#ffffff; opacity:.95} .product [itemprop="price"]{color:#ffffff; font-weight:700} .product .order-btn{border:1px solid var(--accent); color:#000; background:var(--accent)} /* Forms */ input, textarea, select{ background:#141414; color:#fff; border:1px solid #323232; border-radius:10px; padding:10px 12px } input::placeholder, textarea::placeholder{color:#9a9a9a} .form-group.consent label{display:flex; align-items:center; gap:8px} .form-group.consent a{color:var(--accent); text-decoration:underline} /* FAQ / Return / Delivery friendly sections */ .faq-text, .return-text, .delivery-text{padding:24px 16px} .faq-text .section-lead, .return-text .section-lead, .delivery-text .section-lead{margin:6px 0 12px; opacity:.95} .faq-list h3{color:#ffffff; font-size:18px} .faq-list p{margin:0 0 10px; line-height:1.7} .return-text h3, .delivery-text h3{color:#ffffff; font-size:18px} .return-text p, .delivery-text p{line-height:1.7} /* Footer small print */ .footer, footer{color:#aaa} .footer a{color:var(--accent)} /* Utilities */ .section-subtitle{margin:4px 0 12px 0; opacity:.9} .filters{margin:10px 0 16px 0} /* Product cards: title yellow, texts white */ #catalog .product h3{color:#ffc828 !important} #catalog .product .product-description, #catalog .product [itemprop="price"], #catalog .product p{color:#fff !important} /* ===== Unified product card layout (2025-08-11) ===== */ .catalog-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:16px; } .product{ display:grid; grid-template-rows: auto auto 1fr auto auto; /* image | title | desc (flex) | price | button */ gap:10px; align-content:start; background:var(--card, #222222); border:1px solid var(--border, rgba(255,200,40,.30)); border-radius:var(--radius, 12px); padding:14px; } .product-image{ position:relative; width:100%; aspect-ratio:1 / 1; /* gives uniform squares */ height:auto !important; /* override any fixed heights */ overflow:hidden; border-radius:8px; } .product-image img{ width:100%; height:100%; object-fit:cover; display:block; } .product h3{ margin:2px 0 0 0; font-size:16px; line-height:1.35; color:var(--accent, #ffc828); min-height:auto; /* let content wrap naturally */ } .product .product-description{ margin:0; color:#ffffff; opacity:.95; } .product [itemprop="offers"]{ margin:0; font-weight:700; color:#ffffff; } .product .order-btn{ width:100%; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-weight:700; border:1px solid var(--accent, #ffc828); background:var(--accent, #ffc828); color:#000; } /* Place the zoom button correctly within image */ .product .zoom-btn{ position:absolute; top:8px; right:8px; } /* Small screens: keep square images and consistent layout */ @media (max-width:480px){ .catalog-grid{ gap:12px } .product{ padding:12px; gap:8px } .product .order-btn{ height:40px } } /* === Moved from inline