html, body {width: 100%;max-width: 100%;overflow-x: hidden;} *{box-sizing: border-box;} *{box-sizing:border-box;margin:0;padding:0} body{font-family: Arial, Helvetica, sans-serif;font-size: 16px;line-height:1.6;color:#222;background:#fafafa;} h1 { font-size: 28px; } h2 { font-size: 22px; } h3 { font-size: 18px; } a{text-decoration:none;color:inherit} img{max-width:100%;display:block} .wrap{max-width:1120px;margin:0 auto;padding:14px} .header{background:#ffffff;position:sticky;top:0;z-index:50;border-bottom:1px solid #eee;} .header-flex{display:flex;align-items:center;justify-content:space-between;gap:16px} .logo a{font-weight:700;color:#d32f2f;font-size:16px;white-space:nowrap} .nav{display:flex;flex-wrap:wrap;gap:10px;font-size:14px} .nav a{padding:6px 8px;border-radius:4px;color:#444} .nav a:hover{background:#f2f2f2} .phone a{font-size:14px;color:#111;font-weight:bold} .btn{background:#d32f2f;color:#fff;padding:12px 12px;border-radius:999px;font-size:14px;display:inline-block;border:none;cursor:pointer;font-weight:700;} .btn:hover{background:#b71c1c} .btn-small{padding:6px 12px;font-size:13px} .btn.ghost{background:transparent;border:1px solid #d32f2f;color:#d32f2f} .btn.ghost:hover{background:#fff0f0} .hero{background:linear-gradient(90deg,#ffffff 0,#fdf3f3 100%);padding:32px 0;margin-bottom:8px} .hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:center} .hero h1{font-size:26px;margin-bottom:8px} .hero p{margin-bottom:14px;font-size:14px;color:#555} .hero-ctas a{margin-right:4px;margin-bottom:8px} .hero-badges{list-style:none;font-size:13px;color:#333;margin-top:8px} .hero-badges li{margin-bottom:4px} .hero-image img{border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.08)} section{padding:24px 0} .section-gray{background:#f5f5f5} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:12px} .card{background:#fff;border-radius:10px;border:1px solid #eee;padding:16px;box-shadow:0 2px 6px rgba(0,0,0,.02)} .card h3{margin-bottom:6px;font-size:16px} .card p{font-size:14px;color:#555} .card-image{margin-bottom:8px} .card-image img{border-radius:8px;height:150px;object-fit:cover} .cta{text-align:center;background:#111;color:#fff} .cta h2{font-size:20px;margin-bottom:10px} .footer{background:#111;color:#ddd;margin-top:32px;padding:20px 0} .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px} .footer h3,h4{color:#fff;margin-bottom:8px} .footer ul{list-style:none;font-size:14px} .footer li{margin-bottom:4px} .footer a{color:#ccc} .footer a:hover{color:#fff} .bottom{text-align:center;font-size:12px;border-top:1px solid #333;margin-top:12px;padding-top:8px} .charges{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px} .charges th,.charges td{border:1px solid #ddd;padding:8px;text-align:left} .charges th{background:#f0f0f0} .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px} .contact textarea{min-height:120px} .quote-form input,.quote-form textarea, .admin-form input[type=text],.admin-form textarea{ display:block;width:100%;padding:8px;margin-top:4px;margin-bottom:10px;border:1px solid #ccc;border-radius:6px;font-size:14px } .quote-form button{width:100%;} .reviews-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))} .testimonial-card{position:relative;border-left:4px solid #ffb300} .testimonial-text{font-style:italic;font-size:14px;margin-top:4px} .testimonial-meta{margin-top:8px;font-size:13px;color:#555} .stars{color:#ffb300;font-size:14px} .blog-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .blog-card .blog-meta{font-size:12px;color:#777;margin-top:4px} .blog-content{margin-top:10px;font-size:14px;color:#444;white-space:pre-line} @media (max-width: 768px) { .blog-grid {grid-template-columns: 1fr;} } .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px} .gallery-item img{border-radius:10px;height:160px;object-fit:cover} .gallery-item figcaption{text-align:center;font-size:13px;font-weight:700;margin-top:4px;color:#444} .chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px} .chip{border-radius:999px;border:1px solid #ddd;padding:6px 12px;font-size:13px;background:#fff} .chip:hover{background:#ffecec;border-color:#d32f2f;color:#b71c1c} .text-center{text-align:center} .text-link{color:#d32f2f;font-size:13px} .text-link:hover{text-decoration:underline} .mt-1{margin-top:8px} .about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center} .about-image img{border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08)} @media(max-width:900px){ .hero-grid{grid-template-columns:1fr} .about-grid{grid-template-columns:1fr} .header-flex{flex-direction:column;align-items:flex-start} .footer-grid{grid-template-columns:1fr 1fr} } @media(max-width:600px){ .nav{flex-direction:column;align-items:flex-start} .contact-grid{grid-template-columns:1fr} .footer-grid{grid-template-columns:1fr} } .header{background:#ffffff;position:sticky;top:0;z-index:50;border-bottom:1px solid #eee;} .header-flex{display:flex;justify-content:space-between;align-items:center;gap:16px} .logo-row{display:flex;align-items:center;justify-content:space-between;width:800px;} .logo a{font-weight:700;color:#d32f2f;font-size:16px;line-height:1.2} .nav{display:flex;align-items:center;gap:10px;font-size:15px} .nav a{padding:6px 8px;border-radius:4px;color:#444} .nav a:hover{background:#f2f2f2} .nav { display: flex; gap: 4px; align-items: center; } .nav a { position: relative; padding: 9px 18px; background: #ffffff; border-radius: 8px; text-decoration: none; font-size: 15px; font-weight: 600; color: #333; border: 1px solid #f0f0f0; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); transition: all 0.35s ease; overflow: hidden; } .nav a::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 135deg, rgba(13, 71, 161, 0.15), rgba(229, 57, 53, 0.15) ); opacity: 0; transition: opacity 0.35s ease; z-index: 0; } .nav a:hover::before, .nav a.active::before { opacity: 1; } .nav a span, .nav a { position: relative; z-index: 1; } .nav a:hover { box-shadow: 0 6px 16px rgba(13, 71, 161, 0.25); transform: translateY(-2px); } .nav-actions{display:flex;align-items:center;gap:10px;margin-left:8px;} .phone-btn{background:#fcecec;padding:8px 14px;border-radius:20px;color:#d32f2f;font-weight:bold;text-decoration:none;font-size:13px;} .phone-btn:hover{background:#ffdede;} .nav-toggle{display:none;flex-direction:column;gap:4px;border:none;background:transparent;padding:6px;cursor:pointer;} .nav-toggle span{width:20px;height:2px;background:#333;border-radius:2px;} @media(max-width:768px){ .btn, .btn-small {width: 100%;text-align: center;display: inline-block;} .hero-buttons {display: flex;flex-direction: column;gap: 10px;width: 100%;} } @media(max-width:768px){ .header, .wrap, .header-flex, .logo-row, nav {width: 100% !important;max-width:100%;overflow-x:hidden;box-sizing:border-box;} } @media (max-width:768px){ .header-flex{flex-direction:column;align-items:stretch;} .nav-toggle{display:flex;} .nav{display:none;flex-direction:column;align-items:flex-start;gap:4px;padding-top:8px;} .nav.open{display:flex;align-items: center;border: 1px;font-weight: 900; font-size: 17px;} .nav.open > a { width: 95%; text-align: center; padding: 6px 0; border: 1px solid black; font-weight: 900; } .nav-actions{flex-direction:column;align-items:stretch;width:100%;margin-top:8px;} .nav-actions .btn, .nav-actions .phone-btn{width:95%;text-align:center;justify-content:center;} } .mb-pricing-section {padding: 40px 15px;max-width: 1200px;margin: 0 auto;text-align: center;} .mb-pricing-heading {font-size: 28px;font-weight: 700;color: #1e56ff; margin-bottom: 10px;} .mb-pricing-text {font-size: 16px;color: #333;max-width: 900px;margin: 0 auto 25px auto;line-height: 1.6;} .mb-table-wrapper {overflow-x: auto;} .mb-price-table {width: 100%;border-collapse: collapse;margin-top: 5px;font-size: 16px;} .mb-price-table thead tr {background: #e63946; color: #fff;} .mb-price-table th, .mb-price-table td {padding: 14px 16px;border: 1px solid #ddd;text-align: left;white-space: nowrap;} .mb-price-table tbody tr:nth-child(even) {background: #f8f9fa;} .mb-price-table tbody tr:hover {background: #ffe5e8;transition: 0.2s;} .mb-price-cta {margin-top: 20px;} .mb-price-btn, .mb-whatsapp-btn {display: inline-block;padding: 10px 22px;margin: 6px;border-radius: 4px;font-size: 15px;font-weight: 600;text-decoration: none;} .mb-price-btn {background: #1e56ff;color: #fff;} .mb-whatsapp-btn {border: 2px solid #e63946;color: #e63946;background: #fff;} @media (max-width: 768px) { .mb-price-table th, .mb-price-table td {font-size: 13px;padding: 10px;} .mb-pricing-heading {font-size: 22px;} .mb-pricing-text {font-size: 14px;} .mb-price-btn, .mb-whatsapp-btn {width: 100%;box-sizing: border-box;} } .mb-google-badge-animated {display: inline-flex;align-items: center;gap: 5px;padding: 5px 8px;background: #ffffff;border: 2px solid #25d366; border-radius: 50px;box-shadow: 0 0 0 0 rgba(230,57,70,0.4);animation: googlePulse 3s infinite;transition: .3s;cursor: pointer;} .mb-google-badge-animated:hover {transform: scale(1.02);} .mb-google-text {text-align: left;font-size: 14px;color: #333;} .mb-google-stars {font-size: 15px;color: #ffb000;} .mb-google-rating strong {color: #e63946;font-weight: bold;} .mb-google-review-link {display: inline-block;margin-top: 3px;font-size: 12px;background: #1e56ff;color: #fff;padding: 4px 10px;border-radius: 50px;text-decoration: none;font-weight: 600;} @keyframes googlePulse {0% { box-shadow: 0 0 0 0 rgba(230,57,70,0.4); } 50% { box-shadow: 0 0 0 12px rgba(230,57,70,0); } 100% { box-shadow: 0 0 0 0 rgba(230,57,70,0); }} @media (max-width: 768px) { .mb-google-badge-animated {width: 100%;justify-content: center;} .mb-google-text {font-size: 13px;} } .cta-buttons{display:flex;gap:15px;flex-wrap:wrap;} .btn{padding:12px 22px;border-radius:999px;font-size:15px;font-weight:700;display:inline-block;cursor:pointer;text-decoration:none;text-align:center;transition:.3s ease;} .quote-btn{background:#fff;color:#e63946;border:2px solid #e63946;} .quote-btn:hover{background:#b71c1c;border-color:#b71c1c;transform:scale(1.07);} .cta-buttons{display:flex;gap:5px;flex-wrap:wrap;} .btn{padding:12px 10px;border-radius:999px;font-size:15px;font-weight:700;display:inline-block;cursor:pointer;text-decoration:none;transition:.3s ease;} .call-btn{background:#fff; border:2px solid #d32f2f;color:#d32f2f;} .call-btn:hover{background:#b71c1c;transform:scale(1.07);} .whatsapp-btn{background:#fff;border:2px solid #25d366;color:#25d366;} .whatsapp-btn:hover{background:#25d366;color:#fff;transform:scale(1.07);} .star{color:#ddd;font-size:14px;margin-right:1px} .star.filled{color:#ffb300} .review-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:10px 0 16px;} .review-filters label{display:block;font-size:12px;color:#666;margin-bottom:2px;} .review-filters select{padding:6px 8px;border-radius:6px;border:1px solid #ccc;font-size:13px;} .honeypot-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;} .review-photo-strip{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;} .review-photo-thumb{width:70px;height:70px;border-radius:6px;object-fit:cover;cursor:pointer;border:2px solid #ddd;transition:transform .2s, border-color .2s;} .review-photo-thumb:hover{border-color:#ffb300;transform:scale(1.05);} .avatar-wrapper{margin-right:8px;} .review-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;} .review-lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.85);display:none;align-items:center;justify-content:center;z-index:9999;} .review-lightbox.open{display:flex;} .review-lightbox-inner{position:relative;max-width:90vw;max-height:90vh;} .review-lightbox-inner img{max-width:90vw;max-height:90vh;display:block;border-radius:8px;} .review-lightbox-close{position:absolute;top:-36px;right:-4px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;} .review-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);border:none;color:#fff;font-size:24px;width:40px;height:60px;cursor:pointer;} .review-lightbox-nav.prev{ left:-50px; } .review-lightbox-nav.next{ right:-50px; } @media(max-width:700px){ .review-lightbox-nav.prev{ left:5px; } .review-lightbox-nav.next{ right:5px; } .review-filters{flex-direction:column;align-items:flex-start;} } .star{color:#e5e7eb;font-size:14px;margin-right:1px;} .star.filled{color:#f59e0b; } .wrap h1{margin-top:10px;margin-bottom:10px;} .review-summary{display:flex;flex-wrap:wrap;gap:24px;align-items:center;background:#ffffff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 10px 25px rgba(15,23,42,0.06);padding:20px 24px;margin:8px 0 24px;} .review-summary-left{flex:0 0 210px;text-align:center;padding-right:24px;border-right:1px solid #f1f5f9;} .review-score{font-size:34px;font-weight:700;color:#111827;} .review-stars-big .star{font-size:22px;} .review-count{font-size:13px;color:#64748b;margin-top:4px;} .review-summary-right{flex:1;min-width:230px;} .review-bar-row{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:6px;} .review-bar-label{width:32px;text-align:right;color:#4b5563;} .review-bar-track{flex:1;height:10px;border-radius:999px;background:#f3f4f6;overflow:hidden;} .review-bar-fill{height:100%;background:#f59e0b;border-radius:999px;} .review-bar-percent{width:42px;text-align:right;color:#9ca3af;} .review-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0 0 18px;padding:10px 12px;background:#f9fafb;border-radius:999px;border:1px solid #e5e7eb;} .review-filters label{display:block;font-size:12px;font-weight:500;color:#4b5563;margin-bottom:2px;} .review-filters select{padding:6px 10px;border-radius:999px;border:1px solid #d1d5db;font-size:13px;background:#ffffff;} .review-filters .btn{padding:7px 14px;} .review-form-box{background:#ffffff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 10px 25px rgba(15,23,42,0.06);padding:20px 24px;margin-bottom:24px;} .review-form-box h2{margin-top:0;margin-bottom:10px;font-size:18px;} .review-form-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;} .review-form-field{flex:1;min-width:220px;} .review-form-field label{display:block;font-size:13px;font-weight:500;color:#111827;margin-bottom:4px;} .review-form input[type="text"], .review-form input[type="email"], .review-form input[type="number"], .review-form input[type="file"], .review-form select, .review-form textarea{width:100%;padding:9px 11px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;transition:border-color .15s, box-shadow .15s, background-color .15s;} .review-form textarea{min-height:110px;resize:vertical;} .review-form input:focus, .review-form select:focus, .review-form textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 1px #fecaca;background:#fff;} .review-form .btn{background:#ef4444;color:#fff;border:none;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:600;} .review-form .btn:hover{background:#dc2626;} .review-success{color:#16a34a;font-size:13px;margin-bottom:8px;} .review-error{color:#dc2626;font-size:13px;margin-bottom:8px;} .review-list{margin-top:8px;display:flex;flex-direction:column;gap:12px;} .review-item{padding:14px 16px;border-radius:14px;border:1px solid #e5e7eb;background:#ffffff;} .review-header{display:flex;gap:10px;align-items:flex-start;margin-bottom:6px;} .avatar-wrapper{margin-right:4px;} .avatar-circle{width:36px;height:36px;border-radius:50%;background:#e0e7ff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#1d4ed8;} .review-name{font-weight:600;font-size:14px;color:#111827;} .review-meta{font-size:12px;color:#6b7280;} .review-stars-inline .star{font-size:15px;} .review-text{font-size:14px;color:#374151;margin-top:6px;} .review-photo-strip{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;} .review-photo-thumb{width:70px;height:70px;border-radius:6px;object-fit:cover;cursor:pointer;border:2px solid #e5e7eb;transition:transform .2s, border-color .2s;} .review-photo-thumb:hover{border-color:#f59e0b;transform:scale(1.05);} .review-lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.85);display:none;align-items:center;justify-content:center;z-index:9999;} .review-lightbox.open{display:flex;} .review-lightbox-inner{position:relative;max-width:90vw;max-height:90vh;} .review-lightbox-inner img{max-width:90vw;max-height:90vh;display:block;border-radius:8px;} .review-lightbox-close{position:absolute;top:-36px;right:-4px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;} .review-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.4);border:none;color:#fff;font-size:24px;width:40px;height:60px;cursor:pointer;} .review-lightbox-nav.prev{ left:-50px; } .review-lightbox-nav.next{ right:-50px; } .honeypot-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;} @media (max-width:700px){ .review-summary{flex-direction:column;align-items:flex-start;} .review-summary-left{border-right:none;border-bottom:1px solid #f1f5f9;padding-right:0;padding-bottom:10px;width:100%;} .review-form-row{flex-direction:column;} .review-filters{border-radius:12px;align-items:flex-start;} .review-lightbox-nav.prev{ left:5px; } .review-lightbox-nav.next{ right:5px; }} .home-reviews{background:#f9fafb;padding:20px 0 32px;} .home-reviews h2{font-size:24px;margin-bottom:20px;} .home-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;} .home-review-card{background:#fff;border-radius:14px;border-left:4px solid #f59e0b;box-shadow:0 6px 18px rgba(15,23,42,0.06);padding:18px 20px;font-size:14px;color:#374151;} .home-review-stars .star{font-size:14px;color:#f59e0b;} .home-review-text{margin:10px 0;font-style:italic;} .home-review-author{font-size:13px;color:#4b5563;margin:0;} .home-review-link{text-align:center;margin-top:18px;} .home-review-link a{color:#ef4444;font-size:14px;text-decoration:none;} .home-review-link a:hover{text-decoration:underline;} @media(max-width:900px){ .home-review-grid{grid-template-columns:1fr;} } .city-sidebar {position: relative;} .city-reviews-box {background: #ffffff;border-radius: 16px;padding: 14px 14px 16px;box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);border: 1px solid #e5e7eb;} .city-reviews-box h3 {margin-top: 0;margin-bottom: 8px;font-size: 16px;color: #111827;} .city-reviews-grid {display: flex;flex-direction: column;gap: 10px;} .city-review-card {border-radius: 12px;border: 1px solid #e5e7eb;padding: 9px 10px 8px;background: #f9fafb;} .review-header {display: flex;align-items: center;gap: 8px;margin-bottom: 4px;} .review-avatar {width: 32px;height: 32px;border-radius: 999px;background: #111827;color: #f9fafb;display: flex;align-items: center;justify-content: center;font-size: 15px;font-weight: 600;} .review-meta {flex: 1;} .review-name {font-size: 13px;font-weight: 600;color: #111827;} .review-city {font-size: 11px;color: #6b7280;} .review-stars {font-size: 12px;} .star-full {color: #fbbf24;} .star-empty {color: #d1d5db;} .review-text {font-size: 13px;color: #4b5563;margin: 0;} .city-reviews-link {display: inline-block;margin-top: 8px;font-size: 12px;color: #2563eb;text-decoration: none;} .city-reviews-link:hover {text-decoration: underline;} .verified-badge {background: #16a34a;color: #fff;font-size: 11px;padding: 3px 6px;border-radius: 4px;margin-left: 6px;font-weight: bold;} .action-btn.verify {background:#fef3c7;color:#b45309;} .action-btn.unverify {background:#fee2e2;color:#b91c1c;} .blog-card{background:#ffffff;border-radius:14px;padding:18px 20px;margin-bottom:16px;box-shadow:0 8px 20px rgba(15,23,42,0.06);border:1px solid #f3f4f6;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;} .blog-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,0.12);border-color:#fee2e2;} .blog-card-title{font-size:18px;margin:0 0 4px;} .blog-card-title a{color:#111827;text-decoration:none;} .blog-card-title a:hover{color:#e11d48;} .blog-card-meta{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:6px;margin-bottom:4px;} .blog-card-tag{padding:2px 8px;border-radius:999px;background:#fef2f2;color:#b91c1c;font-size:11px;text-transform:uppercase;letter-spacing:.06em;} .blog-card-excerpt{font-size:14px;color:#4b5563;margin:4px 0 0;} .blog-card-footer{margin-top:6px;} .blog-card-link{font-size:14px;color:#e11d48;text-decoration:none;font-weight:500;} .blog-card-link:hover{color:#b91c1c;} @media(max-width:768px){ .blog-card{padding:14px 15px; } .blog-card-title{ font-size:16px;} .blog-card-excerpt{font-size:13px;} } .blog-read {font-weight: 600;color: #e11d48;text-decoration: none;font-size: 15px;transition: 0.3s;display: inline-flex;align-items: center;gap: 6px;} .blog-read.highlight {background: #ffe4e6;padding: 8px 16px;border-radius: 30px;border: 1px solid #fda4af;} .blog-read:hover {background: #e11d48;color: #fff;border-color: #e11d48;transform: translateY(-1px);} .blog-page{padding:30px 0;} .breadcrumb{font-size:13px;margin-bottom:16px;} .breadcrumb a{color:#6b7280;text-decoration:none;} .breadcrumb a:hover{text-decoration:underline;} .blog-article{max-width:800px;margin:0 auto 40px;background:#fff;border-radius:16px;padding:22px 24px;box-shadow:0 10px 30px rgba(15,23,42,0.08);} .blog-header h1{margin:4px 0 6px;font-size:24px;} .blog-tag{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#e11d48;} .blog-meta{font-size:13px;color:#6b7280;} .blog-body h2{margin-top:20px;font-size:20px;} .blog-body p{line-height:1.7;margin:8px 0;} .blog-body ul{padding-left:20px;margin:8px 0;} .blog-body hr{border:none;border-top:1px solid #e5e7eb;margin:18px 0;} .blog-comments{margin-top:24px;} .blog-comments-title{font-size:20px;margin-bottom:10px;} .comment-success{font-size:14px;color:#16a34a;} .comment-error{font-size:14px;color:#b91c1c;} .comment-list{list-style:none;padding:0;margin:0 0 16px;} .comment-item{display:flex;gap:10px;padding:10px 12px;border-radius:10px;background:#f9fafb;margin-bottom:8px;} .comment-avatar{width:36px;height:36px;border-radius:999px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:600;color:#374151;} .comment-author{margin:0 0 3px;font-weight:600;font-size:14px;} .comment-date{font-weight:400;font-size:12px;color:#6b7280;margin-left:6px;} .comment-text{margin:0;font-size:14px;color:#4b5563;} .comment-empty{font-size:14px;color:#6b7280;} .comment-form-box{margin-top:14px;padding:14px 14px 16px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;} .comment-form-box h3{margin-top:0;} .comment-form-box .form-row{margin-bottom:10px;} .comment-form-box input, .comment-form-box textarea{width:100%;padding:8px 9px;border-radius:6px;border:1px solid #e5e7eb;font-size:14px;box-sizing:border-box;} .comment-form-box .btn-primary{margin-top:4px;} .comment-btn {background: #e11d48; color: #fff;padding: 12px 26px;font-size: 16px;font-weight: 600;border-radius: 30px;border: none;cursor: pointer;transition: 0.3s ease-in-out;display: inline-flex;align-items: center;gap: 8px;letter-spacing: 0.3px;} .comment-btn:hover {background: #be123c;transform: translateY(-2px);box-shadow: 0 4px 14px rgba(225, 29, 72, 0.3);} .comment-btn:active {transform: scale(0.96);} .page-hero{padding:40px 0 20px;} .page-hero h1{font-size:28px;margin-bottom:6px;} .page-hero .subtitle{font-size:16px;color:#6b7280;} .about-intro p{margin-bottom:10px;} .about-section{padding:18px 10px;} .about-section h2{font-size:22px;margin-bottom:8px;} .about-section ul{padding-left:20px;} .about-section ul.checklist li::marker{content:"✔ ";color:#16a34a;} .about-image-block{text-align:center;margin:20px 0 35px;} .about-image img{max-width:100%;width:850px;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 6px 20px rgba(0,0,0,0.08);transition:transform .3s ease;} .about-image img:hover{transform:scale(1.02);} .two-col{display:flex;flex-wrap:wrap;gap:24px;} .two-col .col{flex:1 1 260px;} .about-promise{padding-bottom:40px;} .about-contact-box{margin-top:16px;padding:16px 18px;border-radius:14px;background:#fef2f2;border:1px solid #fecaca;} .about-contact-box a{color:#e11d48;text-decoration:none;} .about-contact-box a:hover{text-decoration:underline;} @media (max-width:768px){ .page-hero{padding:28px 0 10px;} .page-hero h1{font-size:24px;} .about-image img{width:100%;border-radius:10px;} } .about-image-block {width: 100%;text-align: center;display: flex;justify-content: center;margin: 25px 0 40px;} .about-image img {max-width: 100%;width: 750px; border-radius: 14px;border: 1px solid #e5e7eb;box-shadow: 0 6px 20px rgba(0,0,0,0.08);transition: transform .3s ease;} .about-image img:hover {transform: scale(1.03);} .quote-section {max-width: 720px;margin: 40px auto;padding: 28px 26px 30px;background: #ffffff;border-radius: 16px;box-shadow: 0 10px 26px rgba(15,23,42,0.12);} .quote-title {text-align: center;font-size: 28px;font-weight: 700;margin-bottom: 22px;color: #111827;} .quote-form .field {margin-bottom: 14px;} .quote-form input, .quote-form textarea {width: 100%;padding: 13px 14px;font-size: 15px;border-radius: 10px;border: 1px solid #e5e7eb;box-sizing: border-box;transition: border-color .2s ease, box-shadow .2s ease, transform .08s ease;} .quote-form input::placeholder, .quote-form textarea::placeholder {color: #9ca3af;} .quote-form input:focus, .quote-form textarea:focus {outline: none;border-color: #e11d48;box-shadow: 0 0 0 3px rgba(225,17,72,0.15);} .quote-form textarea {min-height: 110px;resize: vertical;} .quote-btn-new {width: 100%;background: #ff1744;color: white;font-size: 18px;padding: 15px;border: none;border-radius: 12px;font-weight: 600;cursor: pointer;margin-top: 10px;transition: .3s ease-in-out;display: flex;justify-content: center;align-items: center;gap: 8px;} .quote-btn-new:hover {background: #d50000;transform: translateY(-2px);box-shadow: 0px 10px 18px rgba(255, 23, 68, 0.30);} @media(max-width: 520px){ .quote-btn-new{font-size: 16px;border-radius: 50px;padding: 14px;} } @media (max-width: 768px) { .quote-section {margin: 24px 12px 32px;padding: 22px 16px 24px;} .quote-title {font-size: 24px;} } .city-coming-banner {margin: 6px 0 10px;padding: 8px 10px;border-radius: 8px;background: #fef3c7;border: 1px solid #facc15;color: #92400e;font-size: 13px;line-height: 1.4;} .city-coming-banner strong {font-weight: 600;} .city-page-wrap {max-width: 900px;margin: 30px auto;padding: 0 16px 40px;} .city-page-wrap h1 {margin-bottom: 10px;} .city-page-intro {font-size: 14px;color: #4b5563;margin-bottom: 14px;} .city-search-bar {margin-bottom: 14px;} .city-search-input {width: 100%;max-width: 420px;padding: 9px 11px;border-radius: 999px;border: 1px solid #d1d5db;font-size: 14px;box-sizing: border-box;} .city-search-input:focus {outline: none;border-color: #e11d48;box-shadow: 0 0 0 2px rgba(225, 29, 72, 0.15);} .city-accordion {width: 100%;margin-top: 10px;border-radius: 12px;overflow: hidden;border: 1px solid #e5e7eb;background: #f9fafb;} .accordion-item {background: #fff;border-bottom: 1px solid #eaeaea;} .accordion-header {padding: 14px 16px;cursor: pointer;font-size: 15px;font-weight: 600;background: #f3f4f6;display: flex;justify-content: space-between;align-items: center;transition: .2s;} .accordion-header:hover {background: #e5e7eb;} .accordion-header span {transition: transform .2s;} .accordion-content {display: none;padding: 10px 12px 12px;font-size: 14px;} .city-pill {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;background: #f9fafb;border-radius: 9px;padding: 8px 10px;margin-bottom: 6px;border: 1px solid #e5e7eb;} .city-pill-main {display: flex;align-items: center;gap: 8px;} .city-name {font-weight: 600;color: #111827;} .city-badge-coming {font-size: 11px;padding: 2px 7px;border-radius: 999px;background: #fef3c7;color: #92400e;border: 1px solid #facc15;} .city-pill-links {display: flex;flex-wrap: wrap;gap: 6px;margin-top: 4px;} .city-pill-links a, .city-pill-links span.disabled-link {font-size: 12px;padding: 5px 9px;border-radius: 999px;text-decoration: none;border: 1px solid #d1d5db;color: #111827;display: inline-flex;align-items: center;gap: 4px;} .city-pill-links a:hover {background: #e5e7eb;} .city-pill-links .map-link {border-color: #22c55e;color: #166534;} .city-pill-links .map-link:hover {background: #dcfce7;} .city-pill-links span.disabled-link {color: #9ca3af;border-style: dashed;cursor: not-allowed;} .rotate {transform: rotate(90deg);} .city-no-results {margin-top: 10px;font-size: 13px;color: #6b7280;} @media (max-width: 600px) { .city-pill {flex-direction: column;align-items: flex-start;} .city-pill-links {margin-top: 6px;} } .city-page {background: #f9fafb;} .city-hero {padding: 28px 16px 10px;} .city-hero-inner {max-width: 1100px;margin: 0 auto;display: flex;gap: 24px;align-items: flex-start;} .city-hero-text {flex: 1.5;} .city-hero-text h1 {font-size: 28px;margin: 0 0 6px;color: #111827;} .city-coming-banner {margin: 6px 0 10px;padding: 8px 10px;border-radius: 8px;background: #fef3c7;border: 1px solid #facc15;color: #92400e;font-size: 13px;line-height: 1.4;} .city-coming-banner strong {font-weight: 600;} .city-hero-sub {margin: 0 0 10px;color: #4b5563;font-size: 14px;} .city-hero-points {list-style: none;padding: 0;margin: 0 0 12px;color: #111827;font-size: 13px;} .city-hero-points li {margin-bottom: 4px;} .city-hero-cta {display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 8px;} .btn-main {background: #e11d48;padding: 9px 16px;border-radius: 999px;color: #fff;text-decoration: none;font-size: 14px;font-weight: 600;display: inline-flex;align-items: center;gap: 6px;border: none;cursor: pointer;} .btn-main:hover {background: #be123c;} .btn-ghost {border-radius: 999px;padding: 8px 14px;border: 1px solid #d1d5db;background: #ffffff;text-decoration: none;color: #111827;font-size: 14px;display: inline-flex;align-items: center;gap: 6px;cursor: pointer;} .btn-ghost:hover {background: #f3f4f6;} .city-rating-badge {font-size: 12px;color: #111827;background: #fef3c7;display: inline-block;padding: 5px 9px;border-radius: 999px;margin-top: 4px;} .city-hero-aside {flex: 1;} .city-hero-card {background: #111827;color: #e5e7eb;border-radius: 16px;padding: 14px 16px 16px;box-shadow: 0 16px 30px rgba(15, 23, 42, 0.5);} .city-hero-card h2 {margin: 0 0 8px;font-size: 18px;} .city-hero-card ul {list-style: none;padding: 0;margin: 0 0 10px;font-size: 13px;} .city-hero-card li {margin-bottom: 4px;} .city-hero-note {font-size: 12px;color: #9ca3af;} .city-content {max-width: 1100px;margin: 4px auto 30px;padding: 0 16px 24px;display: grid;grid-template-columns: minmax(0, 1.7fr) minmax(0, 1.1fr);gap: 20px;align-items: flex-start;} .city-main h2, .city-main h3, .city-main h4 {color: #111827;margin-top: 14px;margin-bottom: 6px;} .city-main p {font-size: 14px;color: #4b5563;line-height: 1.6;margin: 0 0 8px;} .city-main ul, .city-main ol {font-size: 14px;color: #111827;padding-left: 18px;margin: 0 0 8px;} .city-main li {margin-bottom: 4px;} .city-bottom-cta {margin-top: 16px;padding: 12px 14px;border-radius: 12px;background: #eef2ff;border: 1px solid #e0e7ff;} .city-bottom-cta h3 {margin: 0 0 6px;font-size: 17px;color: #111827;} .city-bottom-cta p {margin: 0 0 10px;font-size: 13px;color: #4b5563;} @media (max-width: 900px) { .city-hero-inner {flex-direction: column;} .city-content {grid-template-columns: 1fr;} } @media (max-width: 640px) { .city-hero-text h1 {font-size: 24px;} .city-hero {padding-top: 20px;} } .contact-page {background:#f9fafb;min-height:60vh;} .page-hero {padding:32px 16px 12px;text-align:center;} .page-hero .hero-inner {max-width:720px;margin:0 auto;} .page-hero h1 {font-size:32px;margin:0 0 8px;font-weight:700;color:#111827;} .page-hero p {margin:0;color:#6b7280;font-size:15px;} .contact-section {max-width:1100px;margin:10px auto 40px;padding:0 16px 32px;} .contact-grid {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:28px;align-items:flex-start;} .contact-info h2, .contact-form-wrap h2 {font-size:22px;margin-bottom:8px;} .contact-intro {font-size:14px;color:#4b5563;margin-bottom:16px;} .contact-cards {display:flex;flex-direction:column;gap:10px;margin-top:4px;} .contact-card {background:#ffffff;border-radius:12px;padding:10px 12px;box-shadow:0 6px 14px rgba(15,23,42,.06);border:1px solid #e5e7eb;} .contact-card .card-label {font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:2px;} .contact-card .card-value {font-size:14px;font-weight:600;color:#111827;} .contact-card .card-value a {color:#111827;text-decoration:none;} .contact-card .card-value a:hover {text-decoration:underline;} .contact-card .card-note {font-size:12px;color:#9ca3af;margin-top:2px;} .contact-card.contact-hours .card-value {font-weight:500;} .contact-form-wrap {background:#ffffff;border-radius:16px;padding:18px 18px 20px;box-shadow:0 10px 24px rgba(15,23,42,.08);border:1px solid #e5e7eb;} .contact-form .field, .contact-form .field-row {margin-bottom:12px;} .contact-form .field-row {display:flex;gap:10px;} .contact-form input, .contact-form textarea {width:100%;padding:11px 12px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;box-sizing:border-box;transition:border-color .2s ease, box-shadow .2s ease;} .contact-form input::placeholder, .contact-form textarea::placeholder {color:#9ca3af;} .contact-form input:focus, .contact-form textarea:focus {outline:none;border-color:#e11d48;box-shadow:0 0 0 3px rgba(225,17,72,0.15);} .contact-form textarea {min-height:80px;resize:vertical;} .contact-btn {width:100%;padding:13px;border:none;border-radius:999px;background:#e11d48;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.25s ease;} .contact-btn:hover {background:#be123c;box-shadow:0 10px 24px rgba(190,18,60,0.35);transform:translateY(-1px);} .contact-alert {font-size:13px;padding:8px 10px;border-radius:8px;margin-bottom:10px;} .contact-alert-success {background:#dcfce7;color:#166534;border:1px solid #bbf7d0;} .contact-alert-error {background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;} .contact-extra {margin-top:26px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:20px;align-items:stretch;} .contact-cta {background:#111827;color:#f9fafb;border-radius:16px;padding:18px 18px 20px;box-shadow:0 16px 30px rgba(15,23,42,.55);} .contact-cta h3 {margin:0 0 6px;font-size:20px;} .contact-cta p {margin:0 0 14px;font-size:14px;color:#e5e7eb;} .cta-buttons {display:flex;flex-wrap:wrap;gap:10px;} .cta-whatsapp, .cta-call {display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:.2s ease;} .cta-whatsapp {background:#22c55e;color:#f0fdf4;} .cta-whatsapp:hover {background:#16a34a;} .cta-call {background:#f9fafb;color:#111827;} .cta-call:hover {background:#e5e7eb;} .contact-map {background:#ffffff;border-radius:16px;padding:10px;box-shadow:0 10px 24px rgba(15,23,42,.08);border:1px solid #e5e7eb;} .contact-map .map-inner {border-radius:12px;overflow:hidden;height:230px;} .contact-map iframe {width:100%;height:100%;border:0;} .map-note {font-size:11px;color:#9ca3af;margin-top:4px;} @media (max-width: 900px) { .contact-grid {grid-template-columns:1fr;} .contact-extra {grid-template-columns:1fr;} } @media (max-width: 640px) { .page-hero h1 {font-size:26px;} .contact-form .field-row {flex-direction:column;} } .city-notify-form {margin-top: 8px;} .city-notify-form .form-row {margin-bottom: 8px;} .city-notify-form .form-row.two {display: flex;gap: 8px;} .city-notify-form input[type="text"], .city-notify-form input[type="email"] {width: 100%;padding: 8px 10px;border-radius: 8px;border: 1px solid #d1d5db;font-size: 13px;box-sizing: border-box;background: #ffffff;color: #111827;} .city-notify-form input::placeholder {color: #9ca3af;} .city-notify-form input:focus {outline: none;border-color: #e11d48;box-shadow: 0 0 0 2px rgba(225, 29, 72, 0.12);} @media (max-width: 640px) { .city-notify-form .form-row.two {flex-direction: column;} } .gallery-page {padding-top: 2rem;padding-bottom: 3rem;} .section-head {max-width: 720px;margin-bottom: 1.5rem;} .section-title {font-size: 1.75rem;font-weight: 700;margin-bottom: 0.35rem;color: #111827;} .section-subtitle {font-size: 0.95rem;line-height: 1.6;color: #6b7280;} .gallery-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px;} .gallery-item {background: #ffffff;border-radius: 14px;overflow: hidden;box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);border: 1px solid #e5e7eb;display: flex;flex-direction: column;transition: transform 0.18s ease, box-shadow 0.18s ease;} .gallery-item:hover {transform: translateY(-3px);box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);} .gallery-thumb {border: none;padding: 0;margin: 0;background: transparent;width: 100%;cursor: zoom-in;} .gallery-thumb:focus-visible {outline: 2px solid #f97316;outline-offset: 2px;} .gallery-thumb-inner {position: relative;padding-top: 66%; overflow: hidden;} .gallery-thumb-inner img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.25s ease;} .gallery-item:hover .gallery-thumb-inner img {transform: scale(1.05);} .gallery-caption {padding: 10px 14px 12px;font-size: 0.9rem;color: #374151;border-top: 1px solid #f3f4f6;} .lightbox-overlay {position: fixed;inset: 0;background: rgba(15, 23, 42, 0.85);display: flex;align-items: center;justify-content: center;padding: 1.5rem;z-index: 9999;opacity: 0;pointer-events: none;transition: opacity 0.2s ease;} .lightbox-overlay.is-open {opacity: 1;pointer-events: auto;} .lightbox-inner {position: relative;max-width: 1000px;width: 100%;max-height: 85vh;background: #020617;border-radius: 16px;box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);overflow: hidden;display: flex;flex-direction: column;} .lightbox-image {width: 100%;max-height: 75vh;object-fit: contain; background: #020617;} .lightbox-caption {padding: 10px 14px 12px;font-size: 0.92rem;color: #e5e7eb;border-top: 1px solid rgba(148, 163, 184, 0.4);} .lightbox-close {position: absolute;top: 8px;right: 10px;border: none;background: rgba(15, 23, 42, 0.7);color: #f9fafb;font-size: 26px;line-height: 1;width: 34px;height: 34px;border-radius: 999px;cursor: pointer;display: flex;align-items: center;justify-content: center;} .lightbox-close:hover {background: rgba(248, 250, 252, 0.9);color: #0f172a;} .lightbox-arrow {border: none;background: rgba(15, 23, 42, 0.7);color: #f9fafb;font-size: 34px;line-height: 1;width: 42px;height: 42px;border-radius: 999px;cursor: pointer;display: flex;align-items: center;justify-content: center;margin: 0 16px;transition: background 0.2s ease, transform 0.1s ease;} .lightbox-arrow:hover {background: rgba(248, 250, 252, 0.9);color: #0f172a;transform: translateY(-1px);} .lightbox-prev {order: 0;} .lightbox-inner {order: 1;} .lightbox-next {order: 2;} @media (max-width: 640px) { .lightbox-arrow {width: 34px;height: 34px;font-size: 26px;margin: 0 8px;} } .site-footer {background: #0b0b0d;color: #cbd5e1;padding: 50px 20px 20px;font-family: Arial, sans-serif;} .footer-container {max-width: 1250px;margin: auto;display: flex;flex-wrap: wrap;gap: 40px;justify-content: space-between;} .footer-brand {max-width: 340px;} .footer-logo {width: 340px;margin-bottom: 12px;} .footer-brand h3 {margin: 0 0 10px;font-size: 20px;color: #fff;} .tagline {font-size: 15px;line-height: 1.6;} .footer-socials {margin-top: 18px;} .footer-socials a {display: inline-flex;font-size: 22px;margin-right: 12px;transition: 0.25s;} .footer-socials a:hover {transform: scale(1.2);} .footer-links h4, .footer-contact h4 {font-size: 18px;color: #fff;margin-bottom: 12px;position: relative;} .footer-links ul {list-style: none;padding: 0;} .footer-links li {margin-bottom: 8px;} .footer-links a {color: #cbd5e1;text-decoration: none;transition: 0.2s;} .footer-links a:hover {color: #ff5252;padding-left: 5px;} .footer-contact p {margin: 8px 0;line-height: 1.5;} .footer-contact a {color: #fff;font-weight: 600;} .whatsapp-btn-1 {display: inline-block;background: #25d366;color: #fff;padding: 10px 18px;border-radius: 6px;margin-top: 15px;text-decoration: none;font-weight: 600;transition: 0.2s;} .whatsapp-btn-1:hover {background: #1eb653;transform: translateY(-2px);} .footer-bottom {text-align: center;margin-top: 35px;padding-top: 15px;border-top: 1px solid #1f1f22;color: #9ca3af;font-size: 14px;} @media (max-width: 768px) { .footer-container {text-align: center;} .footer-links ul, .footer-contact {margin: auto;} } .sticky-cta-bar {position: fixed;left: 0;right: 0;bottom: 0;z-index: 999;display: flex;gap: 6px;align-items: center;justify-content: center;padding: 8px 10px;background: rgba(15, 23, 42, 0.95); backdrop-filter: blur(10px);box-shadow: 0 -4px 15px rgba(0,0,0,0.35);} .sticky-cta-btn {border-radius: 999px;padding: 8px 14px;font-size: 13px;font-weight: 600;text-decoration: none;white-space: nowrap;border: none;cursor: pointer;display: inline-flex;align-items: center;gap: 6px;transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;} .theme-toggle-btn {margin-left: 4px;width: 32px;height: 32px;border-radius: 999px;border: 1px solid rgba(148,163,184,0.8);background: #020617;color: #e5e7eb;font-size: 16px;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;transition: background 0.15s ease, transform 0.15s ease;} .theme-toggle-btn:hover {transform: translateY(-1px);} @media (min-width: 768px) { .sticky-cta-bar {width: auto;left: auto;right: 15px;bottom: 15px;border-radius: 999px;padding: 8px 10px;} } .charges-page {padding-top: 2rem;padding-bottom: 3rem;} .charges-hero h1 {font-size: 1.9rem;margin-bottom: 0.5rem;} .charges-hero p {font-size: 0.98rem;color: #4b5563;} .charges-hero-note {margin-top: 10px;padding: 10px 12px;border-radius: 8px;background: #fffbeb;border: 1px solid #facc15;font-size: 0.9rem;color: #92400e;} .charges-hero-note span {font-weight: 600;} .table-scroll {width: 100%;overflow-x: auto;margin-top: 10px;} .charges-table {width: 100%;border-collapse: collapse;font-size: 0.9rem;min-width: 620px;} .charges-table th, .charges-table td {border: 1px solid #e5e7eb;padding: 8px 10px;text-align: left;} .charges-table thead {background: #f3f4f6;} .charges-small {font-size: 0.8rem;color: #6b7280;margin-top: 6px;} .charges-section {} .charges-grid {display: grid;grid-template-columns: 1fr;gap: 16px;} @media (min-width: 768px) { .charges-grid {grid-template-columns: repeat(3, 1fr);} } .charges-card {border-radius: 12px;border: 1px solid #e5e7eb;background: #ffffff;padding: 14px 14px 12px;box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);font-size: 0.9rem;} .charges-card h3 {margin-top: 0;margin-bottom: 8px;font-size: 1rem;} .charges-card ul {padding-left: 18px;margin: 6px 0;} .charges-note {font-size: 0.8rem;color: #6b7280;} .charges-factors {display: grid;grid-template-columns: 1fr;gap: 14px;} @media (min-width: 768px) { .charges-factors {grid-template-columns: repeat(3, 1fr);} } .factor-item {border-radius: 10px;border: 1px solid #e5e7eb;padding: 10px 12px;background: #f9fafb;font-size: 0.9rem;} .factor-item h3 {margin-top: 0;margin-bottom: 4px;font-size: 0.95rem;} .charges-faq .faq-item {border-bottom: 1px solid #e5e7eb;padding: 8px 0 10px;font-size: 0.9rem;} .charges-faq .faq-item:last-child {border-bottom: none;} .charges-faq h3 {margin: 0 0 4px;font-size: 0.96rem;} .charges-cta {margin-top: 2.5rem;padding: 16px 14px;border-radius: 14px;background: #f9fafb;border: 1px solid #e5e7eb;text-align: center;} .charges-cta h2 {margin-top: 0;margin-bottom: 8px;} .charges-cta p {font-size: 0.95rem;color: #4b5563;max-width: 620px;margin: 0 auto 10px;} .charges-cta-actions {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;margin-top: 8px;} .mb-vol-teaser-card {background: linear-gradient(90deg, #eef2ff, #fdf2f8);border-radius: 14px;padding: 22px 20px 24px;display: flex;flex-wrap: wrap;align-items: stretch;gap: 16px;} .mb-vol-teaser-left {flex: 1 1 220px;min-width: 220px;} .mb-vol-teaser-title {font-size: 20px;font-weight: 700;margin: 0 0 6px;} .mb-vol-teaser-sub {margin: 0 0 10px;font-size: 14px;color: #4b5563;line-height: 1.5;} .mb-vol-teaser-list {margin: 0 0 14px 18px;padding: 0;font-size: 13px;color: #6b7280;line-height: 1.5;} .mb-vol-teaser-list li {margin-bottom: 3px;} .mb-vol-teaser-btn {display: inline-flex;align-items: center;gap: 6px;background: #e11d48;color: #ffffff;padding: 9px 18px;border-radius: 999px;font-size: 14px;font-weight: 500;text-decoration: none;box-shadow: 0 8px 18px rgba(225, 29, 72, 0.25);} .mb-vol-teaser-btn:hover {background: #be123c;} .mb-vol-teaser-aside {flex: 0 0 230px;min-width: 210px;background: #ffffffcc;border-radius: 12px;padding: 12px 14px 14px;border: 1px solid #e5e7eb;font-size: 12px;color: #4b5563;} .mb-vol-aside-title {font-weight: 600;font-size: 13px;margin-bottom: 4px;} .mb-vol-aside-text {margin: 0 0 4px;line-height: 1.4;} .mb-vol-aside-list {margin: 4px 0 0 16px;padding: 0;line-height: 1.5;} .mb-vol-aside-foot {margin-top: 6px;color: #9ca3af;} @media (max-width: 640px) { .mb-vol-teaser-card {padding: 18px 16px 20px;} .mb-vol-teaser-aside {flex-basis: 100%;} } .process-wrap { max-width:980px; margin:35px auto 50px; padding:0 15px; } .breadcrumb { font-size:14px; margin-bottom:12px; color:#6b7280; } .breadcrumb a { color:#6b7280; text-decoration:none; } .page-title { font-size:30px; font-weight:700; margin-bottom:8px; } .page-intro { font-size:15px; color:#4b5563; margin-bottom:25px; } .page-intro a { color:#e11d48; text-decoration:none; font-weight:600; } .step-grid { display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); margin-bottom:32px; } .step-box { border:1px solid #e5e7eb; border-radius:12px; padding:16px; background:#fff; } .step-box h2 { font-size:17px; margin:4px 0 6px; } .step-box p { font-size:13px; color:#4b5563; margin:0; } .step-num { font-size:12px; text-transform:uppercase; font-weight:600; letter-spacing:.08em; color:#6b7280; } .process-layout { display:grid; gap:30px; grid-template-columns:1.4fr 1fr; } .process-list ol { padding:0; margin:0; list-style:none; } .process-list li { display:flex; gap:14px; margin-bottom:20px; } .process-list h3 { margin:2px 0 4px; font-size:16px; } .process-list p { margin:0; font-size:14px; color:#4b5563; } .process-list .num {width:26px; height:26px; border-radius:50%; background:#e11d48; color:#fff; font-size:13px; display:flex; align-items:center; justify-content:center; font-weight:600;} .why-box { background:#f9fafb; border:1px solid #e5e7eb; padding:16px; border-radius:12px; } .why-box h2 { font-size:18px; margin-bottom:8px; } .why-box ul { padding-left:18px; font-size:14px; color:#4b5563; line-height:1.6; } .why-box .note { font-size:12px; color:#6b7280; margin-bottom:10px; } .why-box p { margin:0; font-size:14px; margin-bottom:15px; } @media(max-width:768px){ .process-layout { grid-template-columns:1fr; } } .ct-wrap {max-width: 1150px;margin: 30px auto 50px;padding: 0 15px;} .breadcrumb {font-size: 14px;margin-bottom: 10px;color: #6b7280;} .breadcrumb a{color:#6b7280;text-decoration:none;} .ct-title{font-size:28px;font-weight:700;margin-bottom:6px;} .ct-sub{font-size:15px;color:#4b5563;margin-bottom:18px;} .ct-form{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:16px 16px 14px;margin-bottom:18px;} .ct-label{font-size:13px;font-weight:600;color:#4b5563;margin-bottom:6px;display:block;} .ct-input-row{display:flex;gap:10px;margin-bottom:4px;} .ct-input-row input{flex:1;padding:9px 12px;border-radius:999px;border:1px solid #d1d5db;font-size:14px;} .btn-main{background:#e11d48;color:#fff;border:none;border-radius:999px;padding:9px 16px;font-size:14px;cursor:pointer;} .btn-main:hover{background:#be123c;} .ct-hint{font-size:12px;color:#6b7280;} .ct-hint a{color:#e11d48;text-decoration:none;} .ct-msg{padding:10px 12px;border-radius:8px;font-size:14px;margin-bottom:16px;} .ct-msg-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;} .ct-top-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 10px 25px rgba(15,23,42,0.07);padding:14px 16px;margin-bottom:18px;} .ct-top-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 16px;} .ct-label-sm{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;} .ct-value{font-size:15px;font-weight:600;} .ct-status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:600;} .ct-status-time{font-size:11px;color:#6b7280;margin-top:2px;} .ct-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;} .ct-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:14px 14px 16px;} .ct-map-card{display:flex;flex-direction:column;} .ct-map-title,.ct-timeline-title{font-size:16px;font-weight:600;margin-bottom:8px;} .ct-empty{font-size:13px;color:#6b7280;} .ct-timeline{list-style:none;padding:0;margin:0;position:relative;} .ct-timeline::before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:#e5e7eb;} .ct-timeline-item{position:relative;padding-left:28px;margin-bottom:14px;} .ct-timeline-dot{width:10px;height:10px;border-radius:999px;background:#e11d48;position:absolute;left:6px;top:4px;} .ct-timeline-content{font-size:13px;color:#374151;} .ct-timeline-status{font-weight:600;} .ct-timeline-city{color:#6b7280;font-weight:400;} .ct-timeline-note{margin-top:2px;} .ct-timeline-time{margin-top:2px;font-size:12px;color:#6b7280;} .ct-map{flex:1;min-height:260px;border-radius:10px;overflow:hidden;} .ct-map-hint{font-size:12px;color:#6b7280;margin-top:6px;} @media (max-width:900px){ .ct-layout{grid-template-columns:minmax(0,1fr);} } @media (max-width:640px){ .ct-input-row{flex-direction:column;align-items:stretch;} } .faq-hero { max-width:1150px;margin:26px auto;padding:0 16px; display:flex; gap:20px; align-items:center; } .faq-hero .left{flex:1;} .faq-hero h1{font-size:34px;margin:0 0 8px;} .faq-hero p{color:#475569;margin:0 0 6px;} .faq-grid{max-width:1150px;margin:20px auto;padding:0 16px;} .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;} .card{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:12px;padding:18px;border:1px solid #eef2ff;box-shadow:0 10px 30px rgba(2,6,23,0.04);} .qrow{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:12px;border-radius:8px;} .qtext{font-weight:700;color:#0f172a;} .toggle{width:36px;height:36px;border-radius:999px;background:#f3f4f6;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#475569;transition:all .18s} .qrow.open{background:linear-gradient(90deg,#f8fafc,#fff);} .answer{padding:12px 12px 6px;color:#334155;display:none;border-top:1px dashed #eef2ff;margin-top:8px;} .answer.open{display:block;} .small-muted{font-size:13px;color:#64748b;margin-top:8px;} .search-bar{max-width:640px;margin:0 auto 12px;display:flex;gap:8px;} .search-input{flex:1;padding:10px 12px;border-radius:999px;border:1px solid #d1d5db;} .search-btn{padding:10px 14px;border-radius:999px;border:none;background:#e11d48;color:#fff;cursor:pointer;} @media(max-width:640px){ .faq-hero{flex-direction:column;align-items:flex-start} } .pp-wrap{max-width: 1000px;margin: 30px auto 50px;padding: 0 18px;} .pp-wrap h1{font-size: 32px;font-weight: 700;margin-bottom: 10px;} .pp-wrap p, .pp-wrap li{font-size: 15px;color: #374151;line-height: 1.65;} .pp-section{margin-bottom: 28px;background:#fff;padding:18px 20px;border:1px solid #e5e7eb;border-radius:12px;} .pp-section h2{font-size:20px;font-weight:600;margin-bottom:6px;} .vol-wrap {max-width: 980px;margin: 30px auto 60px;padding: 0 15px;} .breadcrumb {font-size: 14px;margin-bottom: 10px;color:#6b7280;} .breadcrumb a {color:#6b7280;text-decoration:none;} .breadcrumb span { margin: 0 4px; } .vol-header-title {font-size: 32px;font-weight: 700;margin-bottom: 4px;} .vol-header-sub {color:#4b5563;font-size:15px;margin-bottom: 18px;} .vol-card {background: radial-gradient(circle at top left, #fee2e2, #ffffff);border-radius:14px;box-shadow:0 10px 30px rgba(15,23,42,0.08);padding:22px 20px 24px;} .step-tag {display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:#fee2e2;color:#b91c1c;margin-bottom:10px;} #boxesContainer {margin-top:4px;} .box-block {background:#f9fafb;border-radius:10px;border:1px dashed #e5e7eb;padding:10px 10px 8px;margin-bottom:10px;} .box-block:nth-child(even) {background:#eef2ff;} .box-row {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px;} .box-row input {flex:1;min-width:90px;border:1px solid #d1d5db;border-radius:8px;padding:9px 10px;font-size:14px;background:#ffffff;} .box-row .box-label {flex-basis:100%;font-size:13px;font-weight:600;margin-bottom:2px;color:#374151;} .box-row small {font-size:12px;color:#9ca3af;} .box-row-actions {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;} .btn-mini {font-size:15px;padding:4px 10px;font-weight:600;border-radius:999px;border:1px solid #d1d5db;background:#f9fafb;cursor:pointer;} .btn-mini-danger {border-color:#fecaca;color:#b91c1c;background:#fef2f2;} .vol-options {display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;} .vol-options select, .vol-options input {border:1px solid #d1d5db;border-radius:8px;padding:9px 10px;font-size:14px;} .vol-options select { min-width:210px; } .vol-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;} .btn-main {background:#e11d48;color:#fff;border:none;border-radius:999px;padding:10px 22px;cursor:pointer;font-size:14px;font-weight:500;} .btn-main:hover { background:#be123c; } .btn-secondary {background:#f3f4f6;color:#111827;border:1px solid #d1d5db;border-radius:999px;padding:10px 18px;cursor:pointer;font-size:14px;} .btn-secondary:hover { background:#e5e7eb; } .whatsapp-btn {align-items:center;gap:6px;background:#22c55e;color:#fff;border:none;border-radius:999px;padding:10px 18px;cursor:pointer;font-size:14px;text-decoration:none;} .whatsapp-btn:hover { background:#16a34a; } .result-box {margin-top:20px;padding:16px 16px 14px;background:linear-gradient(135deg,#f9fafb,#eef2ff);border-radius:12px;border:1px solid #e5e7eb;} .result-header {display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:8px;} .result-tag {display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#eff6ff;color:#1d4ed8;} .result-main {font-size:26px;font-weight:700;} .result-main span {font-size:30px;} .result-sub {font-size:14px;color:#4b5563;} .result-breakdown {margin-top:10px;font-size:13px;color:#6b7280;line-height:1.5;} .charge-chip {display:inline-block;margin-top:10px;background:#fffbeb;border:1px solid #fbbf24;color:#92400e;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;} .lead-box {margin-top:22px;padding-top:18px;border-top:1px dashed #e5e7eb;} .lead-box-title {font-weight:600;font-size:15px;margin-bottom:8px;} .lead-row {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;} .lead-row input {flex:1;min-width:150px;border:1px solid #d1d5db;border-radius:8px;padding:9px 10px;font-size:14px;} @media(max-width:640px){ .box-row { flex-direction:column; } .box-row input { min-width:100%; } .vol-options { flex-direction:column; } .vol-actions { flex-direction:column; } .lead-row { flex-direction:column; } .result-header { flex-direction:column; align-items:flex-start; } } .seo-link { color: inherit; text-decoration: underline; font-weight: 600; } .seo-links-box { margin: 10px auto; padding: 20px; border-radius: 14px; background: #f9fafb; border: 1px solid #e5e7eb; } .seo-links-box h3 { font-size: 17px; margin-bottom: 8px; margin-top: 8px; color: #111827; } .seo-links-grid { display: flex; flex-wrap: wrap; gap: 10px; } .seo-links-grid a { display: inline-block; padding: 6px 12px; background: #fff; border: 1px solid #d1d5db; border-radius: 999px; font-size: 13px; color: #1f2933; text-decoration: none; transition: 0.2s; } .seo-links-grid a:hover { background: #e11d48; color: #fff; border-color: #e11d48; } .trust-badges{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin:30px 0; font-size:13px; color:#166534; } .trust-badges span{ background:#ecfdf5; border:1px solid #bbf7d0; padding:6px 12px; border-radius:999px; font-weight:600; } .trust-bar{ display:flex; flex-wrap:wrap; justify-content:center; gap:18px; background:#fff7f7; border-bottom:1px solid #f3d1d1; padding:10px 12px; font-size:13px; } .trust-item{ display:flex; align-items:center; gap:6px; color:#7f1d1d; font-weight:600; } .why-us{ background:linear-gradient(180deg,#fff7f7,#ffffff); border:1px solid #f3d1d1; border-radius:18px; padding:40px 20px; margin:40px auto; max-width:1120px; } .why-title{ text-align:center; font-size:28px; font-weight:700; margin-bottom:30px; color:#7f1d1d; } .why-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px; } .why-card{ background:#ffffff; border-radius:16px; padding:22px 18px; text-align:center; box-shadow:0 10px 25px rgba(0,0,0,0.06); transition:all .3s ease; } .why-card:hover{ transform:translateY(-6px); box-shadow:0 18px 35px rgba(0,0,0,0.1); } .why-icon{ font-size:36px; margin-bottom:12px; } .why-card h3{ font-size:17px; font-weight:700; margin-bottom:6px; color:#111827; } .why-card p{ font-size:14px; color:#4b5563; line-height:1.5; } .why-hero { margin-top: 20px; background: linear-gradient(135deg, #7f1d1d, #b91c1c); color: #fff; text-align: center; padding: 40px 20px; } .why-hero h1 { font-size: 38px; font-weight: 800; margin-bottom: 10px; } .why-hero h1 span { color: #fde68a; } .why-hero p { max-width: 760px; margin: 0 auto; font-size: 16px; line-height: 1.6; } .why-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; text-align: center; margin: 50px auto; } .why-stats div { background: #fff; border-radius: 16px; padding: 25px 15px; box-shadow: 0 10px 25px rgba(0,0,0,0.08); } .why-stats strong { display: block; font-size: 36px; color: #7f1d1d; } .why-stats span { font-size: 14px; color: #374151; } .why-section { margin: 50px auto; } .why-section h2 { font-size: 26px; margin-bottom: 14px; } .why-list { padding-left: 18px; } .why-list li { margin-bottom: 8px; font-size: 15px; } .why-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 22px; margin: 50px auto; } .why-card { background: #fff; border-radius: 18px; padding: 26px; box-shadow: 0 15px 30px rgba(0,0,0,0.08); transition: all 0.35s ease; border: 1px solid #f1f5f9; } .why-card h3 { font-size: 18px; margin-bottom: 8px; } .why-card p { font-size: 14px; color: #4b5563; line-height: 1.6; } .why-card:hover { transform: translateY(-8px); box-shadow: 0 22px 40px rgba(0,0,0,0.12); } .why-safety { background: #fff7ed; padding: 60px 20px; text-align: center; } .why-safety h2 { font-size: 28px; color: #7c2d12; margin-bottom: 10px; } .why-safety p { max-width: 760px; margin: auto; font-size: 15px; color: #4b5563; } .why-faq { margin: 60px auto; } .why-faq h2 { font-size: 28px; margin-bottom: 20px; } .faq-item { background: #fff; border-radius: 14px; padding: 18px 20px; margin-bottom: 14px; border: 1px solid #e5e7eb; } .faq-item h4 { font-size: 16px; margin-bottom: 6px; color: #4b5563; } .faq-item p { font-size: 14px; color: #4b5563; } .why-cta { background: #111827; color: #fff; text-align: center; padding: 60px 20px; } .why-cta h2 { font-size: 32px; margin-bottom: 8px; } .why-cta p { font-size: 15px; opacity: 0.9; } .cta-btn { display: inline-block; margin-top: 18px; background: #e11d48; color: #fff; padding: 14px 30px; border-radius: 999px; font-weight: 600; text-decoration: none; transition: 0.3s; } .cta-btn:hover { background: #be123c; } @media (max-width: 640px) { .why-hero h1 { font-size: 30px; } .why-cta h2 { font-size: 26px; } } .pricing-section { margin: 10px 0; } .pricing-title { font-size: 22px; font-weight: 700; margin-bottom: 10px; } .pricing-intro { font-size: 14.5px; line-height: 1.6; max-width: 800px; margin-bottom: 18px; } .pricing-table-wrap { overflow-x: auto; } .pricing-table { width: 100%; border-collapse: collapse; font-size: 14px; } .pricing-table th, .pricing-table td { padding: 14px 12px; border: 1px solid #ddd; vertical-align: top; } .pricing-table th { font-weight: 700; text-align: left; } .pricing-table tbody tr:nth-child(even) { background: #fafafa; } .pricing-note { font-size: 13px; margin-top: 12px; max-width: 850px; line-height: 1.6; } .volumetric-teaser { margin: 1px 0 10px; } .volumetric-box { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; justify-content: space-between; padding: 20px 22px; border: 1px dashed #d1d5db; border-radius: 14px; background: #fafafa; } .volumetric-text h4 { font-size: 18px; margin: 0 0 6px; font-weight: 700; } .volumetric-text p { font-size: 14px; line-height: 1.6; max-width: 520px; margin: 0; } .volumetric-action { text-align: right; } .volumetric-btn { display: inline-block; padding: 10px 22px; border-radius: 999px; border: 1px solid #111; text-decoration: none; font-weight: 600; font-size: 14px; transition: all 0.3s ease; } .volumetric-btn:hover { background: #111; color: #fff; } .volumetric-note { font-size: 14px; font-weight: 600; margin-top: 6px; color: #6b7280; } @media (max-width: 640px) { .volumetric-box { text-align: center; } .volumetric-action { width: 100%; text-align: center; } } .follow-bar { display: flex; align-items: center; gap: 10px; margin-top: 30px; } .follow-text { color: #fff; font-weight: 600; margin-right: 6px; font-size: 14px; } .follow-bar a { width: 28px; height: 28px; border-radius: 4px; background: #f97316; color: #111; display: flex; align-items: center; justify-content: center; font-size: 14px; text-decoration: none; transition: 0.25s ease; } .follow-bar a:hover { background: #fb923c; transform: translateY(-2px); } .subcity-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin-top:20px; } .subcity-card{ background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px; text-decoration:none; transition:0.3s; } .subcity-card strong{ display:block; font-size:16px; color:#7f1d1d; margin-bottom:4px; } .subcity-card span{ font-size:13px; color:#4b5563; } .subcity-card:hover{ transform:translateY(-4px); box-shadow:0 12px 25px rgba(0,0,0,0.08); border-color:#fca5a5; } #installAppBox { position: fixed; bottom: 60px; left: 10px; background: #800000; color: #fff; padding: 10px; border-radius: 12px; display: none; z-index: 9999; box-shadow: 0 10px 25px rgba(0,0,0,0.3); } #installAppBox button { background: #fff; color: #800000; border: none; padding: 8px 15px; border-radius: 6px; font-weight: bold; cursor: pointer; } .mc-wrapper{font-family:Inter,system-ui;background:#f4f6f8;padding:30px} .mc-header{text-align:center;margin-bottom:20px} .mc-header h1{margin:0;font-size:28px;color:#7f1d1d} .mc-header p{color:#555} .mc-steps{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px} .step{width:34px;height:34px;border-radius:50%;background:#ddd;color:#555;display:flex;align-items:center;justify-content:center;font-weight:600} .step.active{background:#7f1d1d;color:#fff} .line{width:40px;height:3px;background:#ddd} .line.active{background:#7f1d1d} .mc-card{max-width:900px;margin:auto;background:#fff;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.08);overflow:hidden} .mc-card-header{background:#7f1d1d;color:#fff;padding:15px 20px;font-weight:600} .mc-card-header span{display:block;font-size:13px;opacity:.9} .mc-step-content{display:none;padding:20px} .mc-step-content.active{display:block} .mc-move-type{display:flex;gap:10px;margin:15px 0} .move-btn{flex:1;padding:12px;border:1px solid #ddd;background:#f9f9f9;border-radius:8px;font-weight:600;cursor:pointer} .move-btn.active{background:#7f1d1d;color:#fff;border-color:#7f1d1d} .mc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px} label{font-size:14px;font-weight:600} input,select{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px} .map-placeholder{margin-top:6px;background:#f1f5f9;padding:18px;text-align:center;border-radius:8px;color:#777} .floor-row{display:flex;align-items:center;gap:10px;margin-top:10px} .switch{position:relative;width:40px;height:20px} .switch input{display:none} .slider{position:absolute;inset:0;background:#ccc;border-radius:20px} .slider:before{content:"";position:absolute;width:16px;height:16px;background:#fff;top:2px;left:2px;border-radius:50%} .switch input:checked + .slider{background:#7f1d1d} .switch input:checked + .slider:before{transform:translateX(20px)} .mc-actions{text-align:right;margin-top:20px} .next-btn,.back-btn{padding:12px 22px;border:none;border-radius:8px;font-weight:600;cursor:pointer} .next-btn{background:#7f1d1d;color:#fff} .back-btn{background:#e5e7eb} .item-tabs{display:flex;gap:10px;margin:15px 0} .tab{padding:8px 16px;border-radius:20px;border:1px solid #ccc;background:#f9f9f9} .tab.active{background:#7f1d1d;color:#fff;border-color:#7f1d1d} .search-box{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc} .custom-item-btn{width:100%;margin:10px 0;padding:10px;border:2px dashed #7f1d1d;background:#fff;color:#7f1d1d;font-weight:600;border-radius:8px} .items-list{display:none} .items-list.active{display:block} .item{display:flex;justify-content:space-between;align-items:center;border:1px solid #eee;padding:12px;border-radius:8px;margin-bottom:8px} .qty{display:flex;gap:10px;align-items:center} .qty button{width:30px;height:30px;border-radius:6px;border:1px solid #ccc;background:#fff} .classified-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px;} .classified-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.06);} .classified-card h3{font-size:16px;} .classifieds-page { margin: 40px auto; } .classifieds-head { text-align: center; margin-bottom: 30px; } .classifieds-head h1 { font-size: 30px; font-weight: 800; margin-bottom: 6px; } .classifieds-head p { max-width: 720px; margin: auto; font-size: 15px; color: #4b5563; } .classified-single { margin: 40px auto; } .classified-single-head h1 { font-size: 30px; font-weight: 800; margin-bottom: 8px; } .classified-tags { display: flex; gap: 12px; flex-wrap: wrap; font-size: 13px; color: #6b7280; } .tag-city { background: #eef2ff; color: #3730a3; padding: 4px 10px; border-radius: 999px; } .classified-single-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 30px; margin-top: 30px; } .classified-single-content h2, .classified-single-content h3 { margin-top: 22px; margin-bottom: 8px; } .classified-desc { font-size: 15px; line-height: 1.7; color: #374151; } .classified-points { padding-left: 18px; font-size: 14px; } .classified-single-sidebar { position: sticky; top: 90px; } .contact-card { background: #fff; border-radius: 16px; padding: 22px; border: 1px solid #e5e7eb; box-shadow: 0 10px 25px rgba(0,0,0,0.08); } .contact-card h3 { margin-bottom: 12px; } .contact-item { margin-bottom: 10px; font-size: 14px; } .btn-call-big, .btn-wa-big { display: block; text-align: center; padding: 12px 0; margin-top: 10px; border-radius: 999px; font-weight: 600; text-decoration: none; } .btn-call-big { background: #e11d48; color: #fff; } .btn-wa-big { background: #22c55e; color: #fff; } .trust-box { margin-top: 18px; background: #f9fafb; border-radius: 14px; padding: 10px; font-size: 15px; } .trust-box ul { padding-left: 16px; } @media (max-width: 900px) { .classified-single-layout { grid-template-columns: 1fr; } } .pagination{ display:flex; justify-content:center; gap:8px; margin:40px 0; flex-wrap:wrap; } .pagination a, .pagination span{ padding:8px 14px; border:1px solid #ddd; text-decoration:none; color:#333; border-radius:4px; font-size:14px; } .pagination span.active{ background:#0d6efd; color:#fff; border-color:#0d6efd; } .pagination a:hover{ background:#f1f1f1; }