:where(html:has(.page-contact)) .contact-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#a4d65e 0%,#009739 100%);padding:80px 0;position:relative;overflow:hidden}:where(html:has(.page-contact)) .contact-hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"20\" cy=\"20\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"80\" cy=\"40\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"40\" cy=\"80\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>");position:absolute;inset:0}:where(html:has(.page-contact)) .contact-hero-content{z-index:1;position:relative}:where(html:has(.page-contact)) .contact-hero h1{text-shadow:2px 2px 4px #0000004d;margin-bottom:20px;font-size:48px;font-weight:700}:where(html:has(.page-contact)) .contact-hero p{opacity:.9;max-width:600px;margin:0 auto;font-size:20px;line-height:1.6}:where(html:has(.page-contact)) .contact-main{background:#fff;padding:80px 0}:where(html:has(.page-contact)) .contact-grid{grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px;display:grid}:where(html:has(.page-contact)) .contact-form-section{background:#fff;border:1px solid #f0f0f0;border-radius:20px;padding:50px;box-shadow:0 10px 30px #0097391a}:where(html:has(.page-contact)) .contact-form-section h2{color:#009739;margin-bottom:15px;font-size:32px;font-weight:700}:where(html:has(.page-contact)) .form-subtitle{color:#666;margin-bottom:40px;font-size:16px;line-height:1.6}:where(html:has(.page-contact)) .form-group{margin-bottom:25px}:where(html:has(.page-contact)) .form-group label{color:#009739;margin-bottom:8px;font-size:14px;font-weight:600;display:block}:where(html:has(.page-contact)) .form-control{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;width:100%;padding:15px 20px;font-family:inherit;font-size:14px;transition:all .3s}:where(html:has(.page-contact)) .form-control:focus{background:#fff;border-color:#009739;outline:none;box-shadow:0 0 0 3px #0097391a}:where(html:has(.page-contact)) .form-control.textarea{resize:vertical;min-height:120px}:where(html:has(.page-contact)) .form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}:where(html:has(.page-contact)) .submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009739 0%,#a4d65e 100%);border:none;border-radius:30px;padding:15px 40px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #0097394d}:where(html:has(.page-contact)) .submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00973966}:where(html:has(.page-contact)) .contact-info-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #e0e0e0;border-radius:20px;padding:50px}:where(html:has(.page-contact)) .contact-info-section h2{color:#009739;margin-bottom:15px;font-size:32px;font-weight:700}:where(html:has(.page-contact)) .info-subtitle{color:#666;margin-bottom:40px;font-size:16px;line-height:1.6}:where(html:has(.page-contact)) .info-item{background:#fff;border-radius:15px;align-items:flex-start;gap:20px;margin-bottom:35px;padding:20px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000000d}:where(html:has(.page-contact)) .info-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}:where(html:has(.page-contact)) .info-icon{color:#fff;background:linear-gradient(135deg,#a4d65e 0%,#009739 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex}:where(html:has(.page-contact)) .info-content h3{color:#009739;margin-bottom:8px;font-size:18px;font-weight:600}:where(html:has(.page-contact)) .info-content p{color:#666;margin:0;font-size:14px;line-height:1.6}:where(html:has(.page-contact)) .map-section{text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:20px;padding:50px;box-shadow:0 10px 30px #0097391a}:where(html:has(.page-contact)) .map-section h2{color:#009739;margin-bottom:15px;font-size:32px;font-weight:700}:where(html:has(.page-contact)) .map-subtitle{color:#666;margin-bottom:40px;font-size:16px;line-height:1.6}:where(html:has(.page-contact)) .map-container{border-radius:15px;width:100%;height:400px;overflow:hidden;box-shadow:0 8px 25px #0000001a}:where(html:has(.page-contact)) .map-placeholder{color:#666;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px dashed #ddd;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;display:flex}:where(html:has(.page-contact)) .business-hours{background:#fff;border:1px solid #f0f0f0;border-radius:20px;margin-top:60px;padding:50px;box-shadow:0 10px 30px #0097391a}:where(html:has(.page-contact)) .business-hours h2{color:#009739;text-align:center;margin-bottom:15px;font-size:32px;font-weight:700}:where(html:has(.page-contact)) .hours-subtitle{color:#666;text-align:center;margin-bottom:40px;font-size:16px;line-height:1.6}:where(html:has(.page-contact)) .hours-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}:where(html:has(.page-contact)) .hours-card{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #e0e0e0;border-radius:15px;padding:30px}:where(html:has(.page-contact)) .hours-card h3{color:#009739;margin-bottom:20px;font-size:20px;font-weight:600}:where(html:has(.page-contact)) .hours-list{padding:0;list-style:none}:where(html:has(.page-contact)) .hours-list li{color:#666;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}:where(html:has(.page-contact)) .hours-list li:last-child{border-bottom:none}:where(html:has(.page-contact)) .hours-list li .day{color:#009739;font-weight:600}@media (max-width:768px){:where(html:has(.page-contact)) .contact-hero{padding:60px 0}:where(html:has(.page-contact)) .contact-hero h1{font-size:36px}:where(html:has(.page-contact)) .contact-hero p{font-size:18px}:where(html:has(.page-contact)) .contact-main{padding:60px 0}:where(html:has(.page-contact)) .contact-grid{grid-template-columns:1fr;gap:40px;margin-bottom:60px}:where(html:has(.page-contact)) .contact-form-section,:where(html:has(.page-contact)) .contact-info-section{padding:30px}:where(html:has(.page-contact)) .form-row{grid-template-columns:1fr}:where(html:has(.page-contact)) .map-section{padding:30px}:where(html:has(.page-contact)) .business-hours{margin-top:40px;padding:30px}:where(html:has(.page-contact)) .hours-grid{grid-template-columns:1fr}}@media (max-width:480px){:where(html:has(.page-contact)) .contact-hero{padding:40px 0}:where(html:has(.page-contact)) .contact-hero h1{font-size:28px}:where(html:has(.page-contact)) .contact-hero p{font-size:16px}:where(html:has(.page-contact)) .contact-form-section,:where(html:has(.page-contact)) .contact-info-section{padding:25px}:where(html:has(.page-contact)) .contact-form-section h2,:where(html:has(.page-contact)) .contact-info-section h2{font-size:24px}:where(html:has(.page-contact)) .map-section,:where(html:has(.page-contact)) .business-hours{padding:25px}}:where(html:has(.page-contact)) h1,:where(html:has(.page-contact)) h2,:where(html:has(.page-contact)) h3,:where(html:has(.page-contact)) h4,:where(html:has(.page-contact)) h5,:where(html:has(.page-contact)) h6{color:#2c3e50;font-weight:700;line-height:1.3}:where(html:has(.page-contact)) p{color:#555;line-height:1.6}:where(html:has(.page-contact)) .clv_btn{letter-spacing:.5px;justify-content:center;align-items:center;display:inline-flex;text-transform:none!important;border-radius:4px!important;padding:10px 24px!important;font-weight:600!important;transition:all .3s!important}:where(html:has(.page-contact)) .clv_btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}:where(html:has(.page-contact)) .product-card,:where(html:has(.page-contact)) .blog_item,:where(html:has(.page-contact)) .gallery_item{border-radius:8px;transition:box-shadow .3s;overflow:hidden}:where(html:has(.page-contact)) .product-card:hover,:where(html:has(.page-contact)) .blog_item:hover{box-shadow:0 8px 24px #00000014}:where(html:has(.page-contact)) .clv_section{padding:60px 0}@media (min-width:992px){:where(html:has(.page-contact)) .clv_section{padding:80px 0}}:where(html:has(.page-contact)) .whatsapp-action{color:#fff;background-color:#25d366}:where(html:has(.page-contact)) .whatsapp-action:hover{color:#fff;background-color:#128c7e}@media (max-width:768px){:where(html:has(.page-contact)) h1{font-size:28px!important}:where(html:has(.page-contact)) h2{font-size:24px!important}:where(html:has(.page-contact)) h3{font-size:20px!important}:where(html:has(.page-contact)) .header{padding:10px 15px}:where(html:has(.page-contact)) .clv_btn{padding:8px 20px!important;font-size:14px!important}}