/* Reset & Base */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#333;background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:#006cb5;text-decoration:none;transition:color .2s}
a:hover{color:#004a7f;text-decoration:underline}
ul,ol{list-style:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* Container */
.container{max-width:1140px;margin:0 auto;padding:0 15px}

/* Header */
.site-header{background:#fff;padding:15px 0;border-bottom:1px solid #e0e0e0}
.header-inner{display:flex;align-items:center;flex-wrap:wrap;gap:15px}
.header-left{flex:0 0 auto}
.logo{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333}
.logo img{max-width:180px;height:auto}
.logo-text{font-size:.9rem;color:#333;margin-top:5px;text-align:center;font-weight:500}
.header-center{flex:1;text-align:center}
.slogan{font-size:.95rem;color:#333;font-style:italic}
.site-name,.site-name-text{font-size:1.5rem;font-weight:700;color:#006cb5;text-transform:uppercase;line-height:1.3;margin:5px 0}
h1.site-name{margin:5px 0}
.site-desc{font-size:1rem;color:#006cb5}
.slogan-red{font-size:.95rem;color:#e53935;font-weight:600}
.header-right{flex:0 0 auto;text-align:right}
.tel{margin-bottom:5px}
.tel a{font-size:1.4rem;font-weight:700;color:#333;text-decoration:none;white-space:nowrap}
.tel a:hover{color:#006cb5}
.worktime{font-size:.9rem;color:#006cb5;font-weight:600}
.workinfo{font-size:.8rem;color:#555;margin-top:5px;line-height:1.4}
.workinfo p{margin:0}
.messengers{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
.messenger-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:opacity .2s}
.messenger-link:hover{opacity:.8}
.messenger-link img{border-radius:8px}

/* Mobile menu toggle */
.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px;position:absolute;right:15px;top:20px}
.mobile-menu-toggle span{display:block;width:28px;height:3px;background:#006cb5;border-radius:2px;transition:all .3s}

/* Navigation */
.main-nav{background:#006cb5;padding:0}
.nav-list{display:flex;justify-content:center;gap:0;margin:0;padding:0}
.nav-list li{list-style:none}
.nav-link{display:block;padding:12px 25px;color:#fff;font-size:1rem;font-weight:500;text-decoration:none;transition:background .2s}
.nav-link:hover,.nav-link.active{background:#004a7f;color:#fff;text-decoration:none}

/* Breadcrumbs */
.breadcrumbs{padding:10px 0;font-size:.85rem;color:#666;background:#f8f9fa;border-bottom:1px solid #e9ecef}
.breadcrumb-item{color:#666;text-decoration:none}
a.breadcrumb-item:hover{color:#006cb5;text-decoration:underline}
.breadcrumb-item.active{color:#333;font-weight:500}
.breadcrumb-sep{margin:0 6px;color:#999}

/* Main Content */
.main-content{padding:25px 0 40px}
.page-title,.section-title{color:#333;margin-bottom:20px}
.page-title{font-size:1.7rem;line-height:1.3;text-align:center}
.section-title{font-size:1.4rem;line-height:1.3}

/* Hero Section */
.hero-section{margin-bottom:30px}
.hero-section p{margin-bottom:12px;font-size:1rem;text-align:justify}

/* Advantages */
.advantages-section{margin-bottom:30px}
.advantages-grid{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}
.advantage-item{flex:1;min-width:250px;max-width:350px;display:flex;align-items:flex-start;gap:10px;padding:15px;background:#f0f7ff;border-radius:8px;border-left:4px solid #006cb5}
.advantage-icon{font-size:1.5rem;color:#006cb5;flex-shrink:0}
.advantage-item p{font-size:.95rem;margin:0}

/* Price Tables */
.prices-section{margin-bottom:35px}
.table-title{text-align:center}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
.price-table{width:100%;border-collapse:collapse;margin:15px 0}
.price-table thead th{background:#006cb5;color:#fff;padding:12px 15px;text-align:left;font-weight:600;font-size:.95rem}
.price-table tbody td{padding:10px 15px;border-bottom:1px solid #e0e0e0;font-size:.95rem}
.price-table tbody tr:nth-child(even){background:#f8f9fa}
.price-table tbody tr:hover{background:#e8f0fe}
.price-note{font-size:.85rem;color:#666;font-style:italic;margin-top:10px}

/* Order Steps */
.order-section{margin-bottom:35px;background:#f8f9fa;padding:25px;border-radius:8px}
.order-steps{counter-reset:step;padding:0;margin:15px 0 0}
.order-step{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px;padding:12px 15px;background:#fff;border-radius:6px;border-left:4px solid #006cb5}
.step-icon{font-size:1.3rem;color:#006cb5;flex-shrink:0;font-weight:700}
.order-step p{margin:0;font-size:.95rem}

/* Brands */
.brands-section{margin:30px 0;padding:20px 0;border-top:3px solid #006cb5;border-bottom:1px solid #e0e0e0;overflow:hidden}
.brands-marquee{display:flex;flex-wrap:wrap;gap:15px 25px;justify-content:center;align-items:center}
.brands-marquee span{font-size:.85rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}

/* FAQ Section */
.faq-section{margin-bottom:35px}
.faq-item{margin-bottom:15px;padding:15px 20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #006cb5}
.faq-question{font-size:1.05rem;color:#333;margin-bottom:8px}
.faq-answer{font-size:.95rem;color:#555}

/* Contact Page */
.contact-section{margin-bottom:30px}
.contact-info-card{background:#f0f7ff;padding:25px;border-radius:10px;margin:20px 0}
.contact-phone{text-align:center;margin-bottom:20px}
.big-phone{font-size:2rem;font-weight:700;color:#006cb5;text-decoration:none}
.big-phone:hover{color:#004a7f}
.contact-messengers{text-align:center}
.contact-messengers h3{margin-bottom:12px;font-size:1.1rem}
.messengers--large{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.messengers--large .messenger-link{padding:10px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);font-weight:500;color:#333}
.messengers--large .messenger-link:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);text-decoration:none}
.about-master{margin-bottom:30px}
.how-to-order-contact{margin-bottom:30px}
.contact-advantages{margin-bottom:30px}
.advantages-list{padding-left:0}
.advantages-list li{padding:8px 0 8px 25px;position:relative;font-size:.95rem}
.advantages-list li::before{content:"✓";position:absolute;left:0;color:#006cb5;font-weight:700}

/* When to call */
.when-call-section{margin-bottom:30px}
.when-call-list{padding-left:0}
.when-call-list li{padding:8px 0 8px 25px;position:relative;font-size:.95rem}
.when-call-list li::before{content:"⚠";position:absolute;left:0}

/* Related Services */
.related-services{margin-bottom:25px;padding:15px 20px;background:#f0f7ff;border-radius:8px}
.related-services h3{margin-bottom:8px;font-size:1.1rem}
.related-services p{font-size:.95rem;margin:0}

/* Brands text section */
.brands-text-section{margin-bottom:25px}
.brands-text-section h3{margin-bottom:10px;font-size:1.1rem}

/* Footer */
.site-footer{background:#1a1a2e;color:#ccc;padding:30px 0 20px}
.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:20px}
.footer-left{}
.footer-title{font-size:1.2rem;color:#fff;text-transform:uppercase;margin-bottom:5px}
.footer-subtitle{font-size:.9rem;color:#aaa}
.footer-right{text-align:right}
.footer-tel a{font-size:1.4rem;font-weight:700;color:#fff;text-decoration:none}
.footer-tel a:hover{color:#6cb4ee}
.footer-worktime{font-size:.9rem;color:#aaa;margin-top:3px}
.footer-disclaimer{font-size:.75rem;color:#888;text-align:center;margin-bottom:10px;font-style:italic}
.footer-copy{font-size:.85rem;text-align:center;color:#aaa}
.footer-copy a{color:#6cb4ee;text-decoration:none}
.footer-copy a:hover{text-decoration:underline}

/* Back to top */
.back-to-top{position:fixed;bottom:20px;right:20px;width:45px;height:45px;background:#006cb5;color:#fff;border:none;border-radius:50%;font-size:1.4rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.back-to-top.visible{opacity:1;visibility:visible}
.back-to-top:hover{background:#004a7f}

/* Responsive */
@media(max-width:991px){
    .header-inner{flex-direction:column;text-align:center;position:relative}
    .header-right{text-align:center;width:100%}
    .messengers{justify-content:center}
    .tel a{font-size:1.2rem}
    .footer-inner{flex-direction:column;text-align:center}
    .footer-right{text-align:center}
}
@media(max-width:768px){
    .mobile-menu-toggle{display:flex}
    .nav-list{display:none;flex-direction:column;width:100%}
    .nav-list.open{display:flex}
    .nav-link{text-align:center;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.1)}
    .site-name,.site-name-text{font-size:1.2rem}
    .page-title{font-size:1.4rem}
    .section-title{font-size:1.2rem}
    .advantages-grid{flex-direction:column;align-items:stretch}
    .advantage-item{max-width:none}
    .price-table thead th,.price-table tbody td{padding:8px 10px;font-size:.85rem}
    .big-phone{font-size:1.5rem}
    .brands-marquee span{font-size:.75rem}
    .header-left{order:1}
    .header-center{order:2}
    .header-right{order:3}
}
@media(max-width:480px){
    .container{padding:0 10px}
    .site-name,.site-name-text{font-size:1.05rem}
    .page-title{font-size:1.2rem}
    .hero-section p{font-size:.9rem}
    .order-step{flex-direction:column;gap:5px}
    .messengers--large{flex-direction:column;align-items:center}
}

/* Print */
@media print{
    .main-nav,.back-to-top,.messengers,.mobile-menu-toggle{display:none!important}
    body{font-size:12pt;color:#000}
    a{color:#000;text-decoration:underline}
    .site-footer{background:#fff;color:#333}
}