/* 5 Star Dog Academy — customer-first Contact page visual refinements. */
.contact-hero{min-height:490px;background:#080a0d}
.contact-hero-image{width:64%;background-image:url('assets/board-train-four-week-bully.webp');background-size:cover;background-position:center 52%;filter:contrast(1.05) saturate(.94)}
.contact-hero-overlay{background:linear-gradient(90deg,#07090b 1%,#07090bf3 30%,#07090bdc 43%,#07090b35 80%),linear-gradient(0deg,#07090b 1%,transparent 43%)}
.contact-hero-inner{padding:69px 0 44px}
.contact-hero-copy{max-width:720px}
.contact-hero h1{font-size:clamp(47px,6vw,75px);letter-spacing:-2.7px;line-height:1.05;margin-bottom:19px}
.contact-hero-copy>p:not(.contact-eyebrow):not(.hero-micro){max-width:475px;font-size:17px;line-height:1.6}
.contact-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px}
.contact-hero-actions .hero-text-btn{min-height:49px;padding:14px 21px;border-radius:9px;font-size:14px}
.hero-call-btn{display:inline-flex;gap:9px;align-items:center;min-height:49px;color:#fff;font-size:14px;font-weight:800;border-bottom:1px solid #dbe1e97a}
.hero-call-btn:hover{color:#ff879e;border-color:#ff879e}
.contact-hero-copy .hero-micro{font-size:12px;line-height:1.5;letter-spacing:.15px;color:#cbd2da;margin-top:17px}
.contact-trust{margin-top:35px;gap:29px}
.contact-content{background:#f3f4f6;padding:0 0 70px}
.contact-content>.wrap{display:flex;flex-direction:column;gap:25px;margin-top:-32px}
.contact-info-panel{order:-1;position:relative;z-index:4;margin-top:0;display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr);gap:20px;align-items:center;padding:25px 27px;border:1px solid #353b44;background:linear-gradient(145deg,#171c22,#080b0f);border-radius:18px;box-shadow:0 15px 38px #03060840}
.info-intro h2{font-size:clamp(25px,2.8vw,34px);margin:0 0 7px}
.info-intro>p:last-child{font-size:12px;margin:0;color:#bbc3cd;line-height:1.4}
.contact-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.method{display:flex;border:1px solid #353c44;border-radius:12px;background:#151a20;padding:12px;gap:12px;min-height:88px;transition:border-color .15s,background .15s;align-items:center}
a.method:hover{background:#222933;border-color:#ff536f}
.method-icon{width:40px;height:40px;flex:0 0 40px;background:#e50d34}
.method-icon svg{width:20px;height:20px}
.method>div:nth-child(2){min-width:0;gap:5px}
.method small{font-size:10px;letter-spacing:.7px;color:#ff637b}
.method strong{font-size:14px}
.method span{font-size:11px;color:#b6c0ca}
.method>b{display:none}
.form-card{order:0;background:#fff;border:1px solid #e2e4e8;border-radius:18px;box-shadow:0 13px 38px #151c2813;padding:31px clamp(16px,3.2vw,42px);margin:0}
.contact-title-row{margin-bottom:19px}
.form-intro{max-width:690px}
.native-wix-notice{background:#f8f9fb;border:1px solid #e6e8ed;border-left:4px solid #ed0f36;margin-bottom:15px}
.native-wix-notice p{font-size:13px}
.native-wix-embed{box-shadow:0 7px 22px #0000000b}
.native-wix-fallback{padding:15px 6px 0}
.native-wix-fallback p{font-size:12px}
.consultation-booking{margin-top:21px;padding:0;border-radius:12px;border:1px solid #d7dce4;box-shadow:none;background:#f7f8fa;color:#1b232c}
.booking-summary{list-style:none;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 19px;font-weight:800;font-size:14px;cursor:pointer}
.booking-summary::-webkit-details-marker{display:none}
.booking-summary:focus-visible{outline:2px solid #df153a;outline-offset:3px}
.booking-summary span{font-size:12px;white-space:nowrap;color:#c30a2e}
.booking-summary b{font-size:18px;display:inline-block;transition:transform .2s}
.consultation-booking[open] .booking-summary b{transform:rotate(180deg)}
.consultation-booking-body{padding:0 19px 23px;border-top:1px solid #e1e4e9}
.consultation-booking .section-kicker{margin-top:16px}
.consultation-booking h3{color:#18202a;font-size:22px}
.consultation-booking h3 span{color:#bd1032}
.consultation-booking p{color:#4a525b;font-size:13px;line-height:1.55}
.consultation-booking .consultation-hours strong{color:#222a31}
.consultation-booking .consultation-hours span{color:#666e79}
.consultation-link{color:#b80d2b}
.consultation-booking .consultation-fine{font-size:12px}
.next-steps{padding:45px 0 48px;background:#fff}
.next-steps h2{margin-bottom:20px}
.steps-grid article{padding:12px 15px 4px}
#contact-google-reviews{background:#0b0d10}
.contact-last-call{padding:36px 0}
.contact-last-call .button{font-size:13px}
@media(max-width:990px){
 .contact-info-panel{grid-template-columns:1fr;padding:21px;gap:14px}
 .info-intro>p:last-child{max-width:550px}
}
@media(max-width:720px){
 .contact-hero{min-height:0}
 .contact-hero-image{width:87%;background-position:60% center}
 .contact-hero-overlay{background:linear-gradient(90deg,#07090bf7 0%,#07090bec 42%,#07090b55 94%),linear-gradient(0deg,#07090b 0%,transparent 55%)}
 .contact-hero-inner{padding:42px 0 74px}
 .contact-hero-copy{max-width:100%}
 .contact-hero h1{font-size:clamp(41px,9vw,56px);max-width:390px;letter-spacing:-1.9px}
 .contact-hero-copy>p:not(.contact-eyebrow):not(.hero-micro){font-size:14px;max-width:360px;line-height:1.55}
 .contact-hero-actions{gap:11px;margin-top:23px}
 .contact-hero-actions .hero-text-btn{font-size:13px;min-height:45px;padding:13px 18px}
 .hero-call-btn{min-height:45px;font-size:13px}
 .contact-hero-copy .hero-micro{font-size:11px;max-width:355px}
 .contact-trust{display:none}
 .contact-content>.wrap{margin-top:-39px;gap:15px}
 .contact-info-panel{border-radius:15px;padding:17px}
 .contact-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .method{min-height:92px;padding:11px 10px;gap:9px;border:1px solid #353c44}
 .method-icon{width:33px;height:33px;flex-basis:33px}
 .method-icon svg{width:17px;height:17px}
 .method strong{font-size:12px}
 .method small{font-size:9px}
 .method span{font-size:10px}
 .form-card{padding:24px 16px}
 .native-wix-notice{padding:11px 13px}
 .native-wix-notice p{font-size:12px}
 .next-steps{padding:35px 0}
}
@media(max-width:480px){
 .contact-hero-inner{padding:36px 0 74px}
 .contact-hero h1{font-size:clamp(37px,9.8vw,47px);max-width:355px}
 .contact-hero-copy>p:not(.contact-eyebrow):not(.hero-micro){font-size:13px;max-width:280px}
 .contact-hero-actions{align-items:flex-start;gap:10px}
 .contact-hero-actions .hero-text-btn{padding:12px 14px}
 .hero-call-btn{font-size:12px}
 .contact-methods{grid-template-columns:1fr}
 .method{min-height:67px;flex-direction:row}
 .method strong{font-size:14px}
 .contact-title-row h2{font-size:27px}
 .booking-summary{font-size:12px;padding:15px 12px}
 .booking-summary span{font-size:11px}
}