:root{--blue:#10b6e0;--blue-dark:#1a728c;--charcoal:#1c2023;--sky:#ddf6fb;--white:#fafcfc;--gray:#636b70;--mist:#eef2f3;--shell:min(1180px,calc(100% - 40px));--radius:0;--shadow:0 18px 60px rgba(28,32,35,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.scoopers-site{margin:0;background:var(--white);color:var(--charcoal);font-family:Inter,Arial,sans-serif;font-size:17px;line-height:1.7}.scoopers-site h1,.scoopers-site h2,.scoopers-site h3,.scoopers-site h4,.scoopers-site nav,.scoopers-site .button{font-family:Manrope,Arial,sans-serif}.scoopers-site h1,.scoopers-site h2,.scoopers-site h3{margin:0 0 .7em;line-height:1.08;letter-spacing:-.035em}.scoopers-site h1{font-size:clamp(2.75rem,6vw,5.5rem)}.scoopers-site h2{font-size:clamp(2rem,4vw,3.7rem)}.scoopers-site h3{font-size:1.35rem}.scoopers-site p{margin:0 0 1.2em}.scoopers-site a{color:var(--blue-dark);text-underline-offset:4px}.site-shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:16px;top:-100px;background:var(--charcoal);color:white;padding:12px 18px;z-index:9999}.skip-link:focus{top:16px}.ownership-notice{background:var(--charcoal);color:white;font-size:.88rem;padding:8px 0;text-align:center}.ownership-notice a{color:var(--blue);font-weight:700}.site-header{position:sticky;top:0;z-index:100;background:rgba(250,252,252,.97);border-bottom:1px solid var(--mist);backdrop-filter:blur(14px)}.header-inner{min-height:92px;display:flex;align-items:center;gap:28px}.site-logo{display:block;flex:0 0 190px}.site-logo img{display:block;width:100%;height:72px;object-fit:contain}.primary-nav{margin-left:auto}.scoopers-menu{display:flex;list-style:none;margin:0;padding:0;gap:23px;align-items:center}.scoopers-menu a{color:var(--charcoal);text-decoration:none;font-size:.9rem;font-weight:600}.scoopers-menu a:hover,.scoopers-menu a:focus-visible{color:var(--blue-dark)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 24px;border:2px solid transparent;border-radius:999px;text-decoration:none;font-weight:700;line-height:1.1;cursor:pointer;transition:background-color .18s,color .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:var(--charcoal)}.button-primary:hover,.button-primary:focus-visible{background:var(--blue-dark);color:white}.button-secondary{background:transparent;color:var(--charcoal);border-color:var(--charcoal)}.button-secondary:hover{background:var(--sky)}.button-light{background:white;color:var(--charcoal)}.button-outline-light{border-color:white;color:white}.button-outline-light:hover{background:white;color:var(--charcoal)}.button:focus-visible,.scoopers-site a:focus-visible,.menu-toggle:focus-visible,.scoopers-form input:focus,.scoopers-form textarea:focus{outline:3px solid var(--blue-dark);outline-offset:3px}.header-cta{flex:0 0 auto}.menu-toggle{display:none;background:none;border:0;width:48px;height:48px;padding:10px}.menu-toggle>span:not(.screen-reader-text){display:block;height:2px;background:var(--charcoal);margin:6px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hero{overflow:hidden;background:var(--white);padding:96px 0 86px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:72px}.hero-copy{font-size:clamp(1.15rem,2vw,1.4rem);max-width:650px;color:var(--gray)}.eyebrow{font-family:Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700;color:var(--blue-dark);margin-bottom:18px}.button-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-art{min-height:520px;display:grid;place-items:center;position:relative}.hero-art:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:var(--sky)}.yard-card{position:relative;width:360px;min-height:420px;background:var(--charcoal);border-radius:180px 180px 26px 26px;overflow:hidden;box-shadow:var(--shadow);color:white;padding:54px 42px;display:flex;flex-direction:column;justify-content:flex-end}.yard-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:#406c58;clip-path:ellipse(75% 65% at 50% 100%)}.yard-card strong{position:relative;z-index:2;font:700 2rem/1.1 Manrope}.yard-sun{position:absolute;width:92px;height:92px;border-radius:50%;background:var(--blue);top:44px;right:46px}.yard-gate{position:absolute;z-index:2;bottom:70px;right:38px;width:110px;height:140px;border:9px solid #dde3e5;border-bottom:0;background:repeating-linear-gradient(90deg,transparent 0 20px,#dde3e5 20px 27px)}.yard-dog{position:absolute;z-index:3;right:92px;bottom:58px;font:700 5rem Manrope;color:var(--charcoal)}.trust-strip{background:var(--charcoal);color:white}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid span{padding:22px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.16);font:600 .9rem Manrope}.trust-grid span:last-child{border:0}.section{padding:104px 0}.section-soft{background:var(--sky)}.section-dark{background:var(--charcoal);color:white}.section-dark .eyebrow{color:var(--blue)}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:48px}.section-heading p{color:var(--gray);font-size:1.08rem}.section-dark .section-heading p{color:#c6cdd0}.card-grid{display:grid;gap:24px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.service-card,.post-card{background:white;border:1px solid var(--mist);border-radius:var(--radius);padding:34px;box-shadow:0 8px 30px rgba(28,32,35,.04)}.card-number{display:block;color:var(--blue);font:700 2.6rem Manrope;margin-bottom:34px}.service-card a,.text-link{font:700 .95rem Manrope}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.steps article{position:relative;padding:28px 28px 10px 74px}.steps span{position:absolute;left:0;top:26px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font:700 1.1rem Manrope}.split{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}.photo-placeholder{min-height:480px;border-radius:var(--radius);background:var(--mist);display:grid;place-items:center;padding:30px;color:var(--gray);text-align:center;border:1px dashed #aab4b8}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#394045;border:1px solid #394045}.benefit-grid article{background:var(--charcoal);padding:34px}.benefit-grid article:before{content:"✓";display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blue);color:var(--charcoal);font-weight:700;margin-bottom:26px}.area-card{background:var(--sky);border-radius:var(--radius);padding:54px;box-shadow:var(--shadow)}.map-pin{display:grid;place-items:center;width:56px;height:56px;background:var(--blue);border-radius:50%;margin-bottom:24px}.area-card strong{font:700 1.6rem Manrope}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:72px}.faq-list details{border-top:1px solid #badde4;padding:18px 0}.faq-list details:last-child{border-bottom:1px solid #badde4}.faq-list summary{cursor:pointer;font:700 1.05rem Manrope;list-style:none;padding-right:30px;position:relative}.faq-list summary:after{content:"+";position:absolute;right:0}.faq-list details[open] summary:after{content:"−"}.faq-list details p{padding-top:14px;color:var(--gray)}.page-hero{background:var(--charcoal);color:white;padding:86px 0 72px}.page-hero h1{font-size:clamp(2.5rem,5vw,4.7rem);max-width:900px}.page-content{padding-block:80px;min-height:420px}.page-content>*{max-width:860px;margin-left:auto;margin-right:auto}.page-content>.alignwide{max-width:1180px}.page-content h2{margin-top:1.5em}.page-content h3{margin-top:1.5em}.page-content .wp-block-columns{gap:26px}.page-content .wp-block-column{background:white;border:1px solid var(--mist);border-radius:var(--radius);padding:28px}.page-content .wp-block-group{padding:34px;border-radius:var(--radius)}.page-content .has-scoopers-soft-background-color{background:var(--sky)}.reading-width{max-width:840px}.admin-placeholder{padding:18px 22px;border:2px dashed #c77b00;background:#fff7e8;color:#704600;border-radius:10px}.scoopers-form{max-width:900px!important;background:var(--sky);padding:34px;border-radius:var(--radius)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scoopers-form label{display:block;font-weight:500;margin-bottom:18px}.scoopers-form input,.scoopers-form textarea,.scoopers-form select{display:block;width:100%;margin-top:7px;border:1px solid #aab4b8;border-radius:9px;background:white;color:var(--charcoal);padding:13px 14px;font:inherit}.form-note{font-size:.9rem;color:var(--gray)}.form-status{max-width:900px;margin:0 auto 20px;padding:16px 20px;border-radius:9px}.form-success{background:#e4f5e9;color:#174c28}.form-error{background:#fff0f0;color:#7b2020}.hp-field{position:absolute!important;left:-9999px!important}.closing-cta{background:var(--blue);padding:66px 0}.closing-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}.closing-cta h2{margin:0;max-width:720px}.closing-cta .eyebrow{color:var(--charcoal)}.site-footer{background:var(--charcoal);color:#d7dde0;padding:72px 0 24px}.site-footer a{color:white}.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .8fr;gap:70px}.footer-grid h2{font-size:1.1rem;color:white;letter-spacing:0}.footer-brand img{width:240px;height:120px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.site-footer .scoopers-menu{display:block}.site-footer .scoopers-menu li{margin:7px 0}.footer-bottom{border-top:1px solid #394045;margin-top:52px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:.82rem}.footer-bottom nav{display:flex;gap:22px}.mobile-action-bar{display:none}.post-grid{padding:70px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card h2{font-size:1.45rem}.post-card h2 a{color:var(--charcoal);text-decoration:none}
@media(max-width:1080px){.primary-nav{position:fixed;inset:126px 0 auto;background:var(--white);padding:25px 20px 34px;transform:translateY(-130%);opacity:0;visibility:hidden;transition:.25s}.primary-nav.is-open{transform:none;opacity:1;visibility:visible}.primary-nav .scoopers-menu{display:grid;gap:0;width:var(--shell);margin:auto}.primary-nav .scoopers-menu a{display:block;padding:12px;border-bottom:1px solid var(--mist);font-size:1rem}.menu-toggle{display:block;margin-left:auto}.header-cta{display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:30px}.hero-art{min-height:430px}.hero-art:before{width:390px;height:390px}.yard-card{width:290px;min-height:350px}.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body.scoopers-site{font-size:16px;padding-bottom:62px}.site-shell{width:min(100% - 28px,1180px)}.ownership-notice{text-align:left}.header-inner{min-height:78px}.site-logo{flex-basis:152px}.site-logo img{height:60px}.primary-nav{inset:116px 0 auto}.hero{padding:66px 0}.hero-grid,.section-heading,.split,.faq-layout,.closing-grid{grid-template-columns:1fr}.hero-art{min-height:330px}.hero-art:before{width:320px;height:320px}.yard-card{width:245px;min-height:295px;padding:35px 28px}.yard-card strong{font-size:1.5rem}.yard-sun{width:64px;height:64px}.yard-gate{width:80px;height:105px}.yard-dog{font-size:3.6rem;right:66px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid span:nth-child(2){border-right:0}.section{padding:72px 0}.section-heading{gap:8px;margin-bottom:32px}.card-grid.three,.steps,.benefit-grid,.footer-grid,.post-grid{grid-template-columns:1fr}.steps{gap:12px}.photo-placeholder{min-height:320px}.area-card{padding:34px}.closing-grid{gap:18px}.footer-grid{gap:38px}.footer-bottom{display:block}.footer-bottom nav{margin-top:12px;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.mobile-action-bar{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;z-index:200;background:var(--charcoal);box-shadow:0 -8px 25px rgba(0,0,0,.2)}.mobile-action-bar a{color:white;text-decoration:none;text-align:center;padding:15px 4px;font:700 .74rem Manrope}.mobile-action-bar a:nth-child(3){background:var(--blue);color:var(--charcoal)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Coker reference geometry: square, compact action controls. */
.button{padding:15px 22px;border-radius:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.yard-card:after{background:var(--blue-dark)}

/* Coker-aligned navigation, footer, FAQs, and accessibility refinements. */
.site-header{top:0}.header-inner{min-height:88px;gap:24px}.site-logo{flex-basis:205px}.site-logo img{height:76px}.coker-menu>li{position:relative}.coker-menu>li>a{display:flex;align-items:center;min-height:88px;padding:0 4px;text-transform:uppercase;letter-spacing:.07em;font-size:.76rem}.coker-menu>.menu-item-has-children>a{padding-right:18px}.coker-menu>.menu-item-has-children>a:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);position:absolute;right:2px;top:38px}.sub-menu{position:absolute;left:-18px;top:calc(100% - 1px);z-index:120;min-width:225px;margin:0;padding:10px 0;list-style:none;background:#fff;border-top:3px solid var(--blue);box-shadow:0 18px 45px rgba(28,32,35,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}.sub-menu a{display:block;padding:11px 20px!important;color:var(--charcoal)!important}.sub-menu a:hover,.sub-menu a:focus-visible{background:var(--sky);color:var(--blue-dark)!important}.menu-item-has-children:hover>.sub-menu,.menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.submenu-toggle{display:none}.language-toggle{display:flex;align-items:center;gap:6px;white-space:nowrap;font:700 .68rem Manrope;text-transform:uppercase;letter-spacing:.05em}.language-toggle button{border:0;background:none;padding:7px 2px;color:var(--gray);cursor:pointer}.language-toggle button[aria-pressed="true"]{color:var(--blue-dark);text-decoration:underline;text-underline-offset:4px}.language-toggle button:focus-visible{outline:3px solid var(--blue-dark);outline-offset:2px}.language-toggle-mobile{display:none}
.button-primary,.button-primary:visited,.closing-cta .button-primary,.mobile-action-bar a:nth-child(3){color:#fff!important}.button-primary:hover,.button-primary:focus-visible,.button-primary:active{color:#fff!important}.button-light:hover,.button-light:focus-visible,.button-light:active,.button-secondary:hover,.button-secondary:focus-visible,.button-secondary:active,.button-outline-light:hover,.button-outline-light:focus-visible,.button-outline-light:active{color:var(--charcoal)!important}
.button-charcoal,.button-charcoal:visited{background:var(--charcoal);border-color:var(--charcoal);color:#fff!important}.button-charcoal:hover,.button-charcoal:focus-visible,.button-charcoal:active{background:#fff;border-color:#fff;color:var(--charcoal)!important}
.footer-grid-coker{grid-template-columns:1.3fr repeat(4,.62fr);gap:36px}.footer-employment p{color:#d7dde0;margin-bottom:.7em}.footer-employment a{font-weight:700;text-decoration-thickness:2px}.footer-employment a:hover,.footer-employment a:focus-visible{color:var(--blue)}
.benefit-grid{grid-template-columns:repeat(4,1fr);gap:20px;background:transparent;border:0}.benefit-grid article{border:1px solid #4b565c;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.benefit-grid article:hover{transform:translateY(-6px);background:#252d31;border-color:var(--blue);box-shadow:0 16px 34px rgba(0,0,0,.24)}
@media(max-width:1080px) and (min-width:761px){.footer-grid-coker{grid-template-columns:1.2fr repeat(2,.8fr)}}
@media(max-width:1080px) and (min-width:761px){.benefit-grid{grid-template-columns:repeat(2,1fr)}}
.page-hero h1{color:#fff}
.hero-home{position:relative;min-height:650px;display:flex;align-items:center;padding:96px 0;color:#fff;background:var(--charcoal)}.hero-media,.hero-overlay{position:absolute;inset:0}.hero-media video,.hero-poster,.hero-video-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hero-video-placeholder{position:relative;background:linear-gradient(135deg,var(--blue-dark),var(--charcoal));color:rgba(255,255,255,.72);font:700 .7rem Manrope;text-transform:uppercase;letter-spacing:.12em}.hero-video-placeholder span{position:absolute;right:30px;bottom:24px}.hero-overlay{background:linear-gradient(90deg,rgba(28,32,35,.84) 0%,rgba(28,32,35,.64) 52%,rgba(28,32,35,.2) 100%)}.hero-home .hero-grid{position:relative;z-index:2;display:block}.hero-content{max-width:760px}.hero-home h1{color:#fff}.hero-home .hero-copy{color:#fff}.hero-home .eyebrow{color:var(--blue)}
.section-dark .section-heading p,.section-dark p{color:#fff}.section-dark h2,.section-dark h3{color:#fff}.benefit-grid{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.25)}.benefit-grid article{background:#253036}.benefit-grid article:before{color:#fff}.benefit-grid article p{color:#f1f6f7}
.faq-list details{background:#fff;border:1px solid #badde4;border-bottom:0;padding:0}.faq-list details:last-child{border-bottom:1px solid #badde4}.faq-list summary{padding:21px 58px 21px 22px}.faq-list summary:after{right:22px;top:18px;width:30px;height:30px;display:grid;place-items:center;background:var(--sky);color:var(--blue-dark)}.faq-answer{padding:0 22px 20px}.faq-list details p{padding:0;color:var(--gray)}.page-faq-section{margin-top:30px}.page-faq-section .button{margin-top:18px}.photo-band{padding-top:30px}.photo-placeholder-wide{min-height:360px}
.footer-grid-coker{grid-template-columns:1.35fr repeat(3,.65fr);gap:48px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:8px 0}.footer-links a{text-decoration:none}.footer-links a:hover,.footer-links a:focus-visible{color:var(--blue)}.footer-contact-heading{margin-top:25px}.footer-extras{display:flex;justify-content:space-between;align-items:center;margin-top:42px;padding-top:25px;border-top:1px solid #394045}.social-placeholders{display:flex;gap:10px}.social-placeholder{display:grid;place-items:center;width:38px;height:38px;border:1px solid #667075;color:#aeb8bc;font:700 .85rem Manrope;cursor:not-allowed}.language-toggle-footer button{color:#cbd2d5}.language-toggle-footer button[aria-pressed="true"]{color:var(--blue)}
body{top:0!important}.skiptranslate,.goog-te-banner-frame{display:none!important}.gtranslate-engine{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
@media(max-width:1080px){.language-toggle-header{display:none}.language-toggle-mobile{display:flex;width:var(--shell);margin:18px auto 0;padding:0 12px}.primary-nav{inset:88px 0 auto;max-height:calc(100vh - 88px);overflow:auto}.primary-nav .coker-menu>li>a{min-height:0;padding:15px 42px 15px 12px}.coker-menu>.menu-item-has-children>a:after{display:none}.submenu-toggle{display:block;position:absolute;right:0;top:2px;width:44px;height:44px;border:0;background:transparent}.submenu-toggle:after{content:"+";font-size:1.35rem}.submenu-toggle[aria-expanded="true"]:after{content:"−"}.sub-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-left:3px solid var(--blue);margin:0 12px 8px;padding:2px 0}.submenu-open>.sub-menu{display:block}.primary-nav .sub-menu a{padding:11px 18px!important}.footer-grid-coker{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.header-inner{min-height:78px}.primary-nav{inset:78px 0 auto}.hero-home{min-height:590px;padding:72px 0}.hero-media video{object-position:68% 50%}.hero-overlay{background:rgba(28,32,35,.72)}.footer-grid-coker{grid-template-columns:1fr}.footer-extras{align-items:flex-start;gap:25px;flex-direction:column}.page-faq-section .faq-layout{gap:32px}}
@media(prefers-reduced-motion:reduce){.hero-media video{display:block}.hero-video-placeholder{display:grid}}
.page-id-14 .page-hero h1{color:#fff}

/* Hero pacing/framing and Coker-standard combined FAQ + CTA. */
.hero-media video{inset:50% auto auto 50%;width:94%;height:94%;transform:translate(-50%,-50%)}
.faq-cta-grid{display:grid;grid-template-columns:minmax(0,56fr) minmax(0,42fr);gap:22px;align-items:stretch}
.faq-column,.faq-cta-panel{min-width:0}
.faq-column{display:flex;flex-direction:column}
.faq-column .faq-list{margin-top:14px}
.faq-column>.button{align-self:flex-start;margin-top:24px}
.faq-cta-panel{background:var(--blue);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column;justify-content:center}
.faq-cta-panel h2{font-size:clamp(1.8rem,3vw,2.8rem);margin-bottom:.55em}
.faq-cta-panel .eyebrow{color:var(--charcoal)}
.faq-cta-panel .button-row{margin-top:18px}
@media(max-width:760px){.hero-media video{width:94%;height:94%}.faq-cta-grid{grid-template-columns:1fr;gap:22px}.faq-cta-panel{padding:28px}}

@media(max-width:760px){.benefit-grid{grid-template-columns:1fr}}

/* Compact media-free hero while replacement imagery is pending. */
.hero-home{min-height:auto;padding:48px 0}
.hero-content{max-width:980px}
.hero-home h1{max-width:1000px;margin-bottom:.45em}
.hero-home .hero-copy{max-width:760px;margin-bottom:.75em}
.hero-home .button-row{margin-top:18px}
@media(max-width:760px){.hero-home{min-height:auto;padding:42px 0}.hero-content{max-width:none}}


/* Benefits card redesign — scoped to homepage section. */
.benefits-section .section-heading{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(28px,5vw,64px);align-items:end;margin-bottom:36px}
.benefits-section .section-heading h2{font-size:clamp(2rem,3.15vw,3.15rem);line-height:1.08;max-width:700px;margin-bottom:0}
.benefits-section .section-heading p{max-width:460px;margin:0;font-size:1.02rem;line-height:1.7}
.benefits-section .benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;background:transparent;border:0}
.benefits-section .benefit-grid article{position:relative;min-width:0;background:#263238;border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--blue);border-radius:10px;padding:26px 24px 24px;box-shadow:0 12px 28px rgba(0,0,0,.16);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.benefits-section .benefit-grid article:before{content:none}
.benefits-section .benefit-grid article:hover{transform:translateY(-2px);border-color:rgba(83,190,215,.48);box-shadow:0 16px 34px rgba(0,0,0,.2)}
.benefits-section .benefit-grid article:focus-visible{outline:3px solid #fff;outline-offset:4px;border-color:var(--blue)}
.benefits-section .benefit-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:20px;border-radius:8px;background:rgba(83,190,215,.12);color:var(--blue)}
.benefits-section .benefit-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.benefits-section .benefit-grid h3{font-size:clamp(1.08rem,1.35vw,1.3rem);line-height:1.25;margin-bottom:10px}
.benefits-section .benefit-grid p{margin:0;font-size:.96rem;line-height:1.65;color:#eef4f5}
@media(max-width:1080px) and (min-width:761px){.benefits-section .section-heading{grid-template-columns:1fr;gap:10px}.benefits-section .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media(max-width:760px){.benefits-section .section-heading{grid-template-columns:1fr;gap:10px;margin-bottom:28px}.benefits-section .section-heading h2{font-size:clamp(1.9rem,9vw,2.45rem)}.benefits-section .benefit-grid{grid-template-columns:1fr;gap:18px}.benefits-section .benefit-grid article{padding:23px 22px 22px}.benefits-section .benefit-icon{margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){.benefits-section .benefit-grid article{transition:none}.benefits-section .benefit-grid article:hover{transform:none}}

/* Temporary Rockwall city map card. */
.area-map-card {
  padding: 0;
  overflow: hidden;
  background: var(--sky);
}

.area-map-card iframe {
  display: block;
  width: 100%;
  min-height: 360px;
  border: 0;
}

.area-map-card iframe:focus-visible {
  outline: 3px solid var(--blue-dark);
  outline-offset: -3px;
}

.area-map-caption {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  background: var(--sky);
}

.area-map-caption .map-pin {
  width: 20px;
  height: 20px;
  margin: 0;
  flex: 0 0 20px;
  font-size: .55rem;
}

.area-map-caption strong {
  font-size: 1.15rem;
}

@media (max-width: 760px) {
  .area-map-card iframe {
    min-height: 300px;
  }
}

/* Full-bleed hero media; retain optimized mobile/desktop video sources. */
.hero-media video {
  inset: 0;
  width: 100%;
  height: 100%;
  transform: none;
}

/* Consistent interaction for linked and non-linked content boxes. */
.service-card,
.steps article,
.benefit-grid article,
.area-card,
.faq-cta-panel {
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
}

@media (hover: hover) {
  .service-card:hover,
  .steps article:hover,
  .benefit-grid article:hover,
  .area-card:hover,
  .faq-cta-panel:hover {
    transform: translateY(-5px);
    border-color: rgba(16, 182, 224, .7);
    box-shadow: 0 16px 34px rgba(0, 0, 0, .16);
  }
}

.service-card:focus-within,
.faq-cta-panel:focus-within {
  transform: translateY(-5px);
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(16, 182, 224, .28), 0 16px 34px rgba(0, 0, 0, .16);
}

@media (prefers-reduced-motion: reduce) {
  .service-card,
  .steps article,
  .benefit-grid article,
  .area-card,
  .faq-cta-panel {
    transition: none;
  }

  .service-card:hover,
  .steps article:hover,
  .benefit-grid article:hover,
  .area-card:hover,
  .faq-cta-panel:hover,
  .service-card:focus-within,
  .faq-cta-panel:focus-within {
    transform: none;
  }
}

/* Temporary Pardue family portrait. */
.family-photo {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center;
  padding: 0;
  border-style: solid;
}

/* Consolidated footer resources, social icons, and employment callout. */
.footer-resource-tools {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #394045;
}

.footer-resource-tools h3 {
  margin: 0 0 10px;
  color: var(--white);
  font-size: .84rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.footer-resource-tools .language-toggle-footer {
  justify-content: flex-start;
  margin-top: 0;
}

.social-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 20px;
}

.social-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid #667075;
  border-radius: 7px;
  color: #dbe3e6;
  background: rgba(255, 255, 255, .025);
  transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.social-icon svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.social-icon:first-child svg {
  fill: currentColor;
  stroke: none;
}

.social-icon .social-icon-dot {
  fill: currentColor;
  stroke: none;
}

@media (hover: hover) {
  .social-icon:hover {
    color: var(--white);
    border-color: var(--blue);
    background: rgba(16, 182, 224, .1);
    transform: translateY(-2px);
  }
}

.footer-employment-callout {
  align-self: start;
  padding: 24px;
  border: 1px solid #4d575c;
  border-top: 3px solid var(--blue);
  border-radius: 10px;
  background: rgba(255, 255, 255, .035);
}

.footer-employment-callout h2 {
  margin-bottom: 10px;
}

.footer-employment-callout p {
  margin-bottom: 16px;
}

.footer-employment-link {
  display: inline-flex;
  padding: 10px 14px;
  border: 1px solid var(--blue);
  border-radius: 6px;
  color: var(--white);
  text-decoration: none;
}

.footer-employment-link:hover,
.footer-employment-link:focus-visible {
  color: var(--charcoal);
  background: var(--blue);
}

@media (prefers-reduced-motion: reduce) {
  .social-icon {
    transition: none;
  }

  .social-icon:hover {
    transform: none;
  }
}

/* Keep the employment callout with the brand column to avoid a second footer row. */
.footer-brand .footer-employment-callout {
  margin-top: 26px;
}

/* Branded temporary image treatment for the About page. */
.about-photo-placeholder {
  position: relative;
  display: block;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border-style: solid;
  background: var(--charcoal);
}

.about-photo-placeholder img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 121 / 75;
  object-fit: cover;
}

.about-photo-placeholder figcaption {
  position: absolute;
  top: 4%;
  left: 50%;
  z-index: 1;
  min-width: min(72%, 420px);
  padding: 11px 24px;
  transform: translateX(-50%);
  color: var(--white);
  background: linear-gradient(90deg, rgba(19, 113, 166, .97), rgba(45, 139, 196, .94));
  clip-path: polygon(1% 14%, 8% 4%, 25% 8%, 47% 2%, 67% 9%, 84% 3%, 99% 13%, 97% 88%, 80% 95%, 60% 90%, 39% 98%, 18% 91%, 2% 96%);
  font-family: Manrope, sans-serif;
  font-size: clamp(1rem, 2.2vw, 1.5rem);
  font-weight: 800;
  font-style: italic;
  letter-spacing: .1em;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .35);
}

@media (max-width: 600px) {
  .about-photo-placeholder figcaption {
    top: 3%;
    min-width: 68%;
    padding: 9px 16px;
  }
}

/* Lightweight static service-area map. */
.area-static-map {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* Contact page title-bar image. */
body.page-id-14 .page-hero {
  min-height: 340px;
  display: flex;
  align-items: center;
  background-color: var(--charcoal);
  background-image:
    linear-gradient(90deg, rgba(18, 22, 25, .9) 0%, rgba(18, 22, 25, .72) 38%, rgba(18, 22, 25, .18) 70%, rgba(18, 22, 25, .08) 100%),
    url('https://metroplexdigital.com/scoopers/wp-content/uploads/2026/08/contact-title-dog-v1.webp');
  background-repeat: no-repeat;
  background-position: center 6%;
  background-size: cover;
}

body.page-id-14 .page-hero .site-shell {
  position: relative;
  z-index: 1;
}

body.page-id-14 .page-hero h1 {
  max-width: 620px;
  text-shadow: 0 3px 12px rgba(0, 0, 0, .5);
}

@media (max-width: 600px) {
  body.page-id-14 .page-hero {
    min-height: 285px;
    background-position: 63% 6%;
    background-size: auto 175%;
  }
}

/* Show the complete Contact image and blend it into the content below. */
body.page-id-14 #main-content {
  position: relative;
  background-color: var(--white);
  background-image:
    linear-gradient(180deg, rgba(18, 22, 25, .5) 0%, rgba(18, 22, 25, .12) 34vw, rgba(255, 255, 255, 0) 52vw, var(--white) 66vw),
    url('https://metroplexdigital.com/scoopers/wp-content/uploads/2026/08/contact-title-dog-v1.webp');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

body.page-id-14 .page-hero {
  min-height: clamp(560px, 48vw, 820px);
  align-items: flex-start;
  padding-top: clamp(90px, 11vw, 170px);
  background: transparent;
}

body.page-id-14 .page-content {
  position: relative;
  z-index: 2;
  margin-top: clamp(-180px, -10vw, -110px);
  padding: clamp(28px, 4vw, 58px);
  border: 1px solid rgba(28, 32, 35, .12);
  border-radius: 14px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 22px 55px rgba(28, 32, 35, .14);
  backdrop-filter: blur(3px);
}

@media (max-width: 760px) {
  body.page-id-14 #main-content {
    background-image:
      linear-gradient(180deg, rgba(18, 22, 25, .52) 0%, rgba(18, 22, 25, .08) 82vw, var(--white) 150vw),
      url('https://metroplexdigital.com/scoopers/wp-content/uploads/2026/08/contact-title-dog-v1.webp');
    background-position: center top;
    background-size: auto 108vw;
  }

  body.page-id-14 .page-hero {
    min-height: 108vw;
    padding-top: 70px;
  }

  body.page-id-14 .page-content {
    margin-top: -26px;
    padding: 24px 20px;
    border-radius: 10px;
  }
}

@media (max-width: 760px) {
  body.page-id-14 #main-content {
    background-size: 100% auto;
  }

  body.page-id-14 .page-hero {
    min-height: 66.667vw;
  }

  body.page-id-14 .page-content {
    margin-top: -12px;
  }
}

/* Compact Contact form while preserving all fields and behavior. */
body.page-id-14 .scoopers-form {
  width: 100%;
  max-width: 680px !important;
  margin-right: auto;
  margin-left: auto;
  padding: 26px;
}

body.page-id-14 .scoopers-form textarea {
  height: 105px;
  min-height: 105px;
}

@media (max-width: 600px) {
  body.page-id-14 .scoopers-form {
    padding: 20px;
  }
}

/* Reveal more of the Contact image through a smaller translucent panel. */
body.page-id-14 .page-content {
  width: min(calc(100% - 40px), 960px);
  padding: clamp(26px, 3vw, 42px);
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 18px 45px rgba(28, 32, 35, .16);
  backdrop-filter: blur(2px);
}

body.page-id-14 .scoopers-form {
  max-width: 600px !important;
  padding: 20px;
  background: rgba(221, 246, 251, .76);
  backdrop-filter: blur(2px);
}

body.page-id-14 .scoopers-form input,
body.page-id-14 .scoopers-form textarea,
body.page-id-14 .scoopers-form select {
  background: rgba(255, 255, 255, .9);
}

body.page-id-14 .scoopers-form label {
  margin-bottom: 14px;
}

body.page-id-14 .scoopers-form textarea {
  height: 92px;
  min-height: 92px;
}

@media (max-width: 600px) {
  body.page-id-14 .page-content {
    width: min(calc(100% - 24px), 960px);
    padding: 22px 16px;
    background: rgba(255, 255, 255, .84);
  }

  body.page-id-14 .scoopers-form {
    padding: 16px;
  }
}

/* Temporarily disabled employment inquiry control. */
.footer-employment-link.is-disabled {
  opacity: .55;
  cursor: not-allowed;
  pointer-events: none;
}

.footer-employment-link.is-disabled:hover {
  color: var(--white);
  background: transparent;
}

/* Align the footer logo width with the employment callout. */
.footer-brand > img {
  width: 100%;
  max-width: none;
  height: auto;
}

/* Temporary non-linking employment button. */
.footer-team-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  padding: 13px 20px;
  border: 1px solid var(--blue);
  border-radius: 7px;
  background: var(--blue);
  color: var(--charcoal);
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  cursor: not-allowed;
  box-shadow: 0 8px 20px rgba(16, 182, 224, .14);
}

/* Preserve the tighter Rockwall crop without cutting off the selected area. */
.area-static-map {
  aspect-ratio: 125 / 113;
  object-fit: contain;
}


/* Rebalance the footer without changing its approved structure. */
@media (min-width: 1101px) {
  .footer-grid-coker {
    grid-template-columns: 1.15fr .75fr .75fr .95fr;
    gap: 42px;
    align-items: start;
  }

  .footer-brand > img {
    width: min(100%, 340px);
  }
}

.footer-brand p {
  max-width: 36ch;
}

.footer-team-button {
  margin-top: 20px;
  padding: 11px 16px;
  font-size: .9rem;
  box-shadow: 0 6px 16px rgba(16, 182, 224, .12);
}

/* Final Coker-aligned footer balance and utility row. */
.footer-brand > img {
  width: min(100%, 320px);
  height: auto;
}

.footer-careers-placeholder {
  color: #cbd2d5;
  cursor: not-allowed;
  opacity: .72;
}

.footer-contact-heading {
  margin-top: 22px;
}

.footer-resource-tools {
  margin-top: 18px;
  padding-top: 16px;
}

.social-icons {
  margin-bottom: 0;
}

.footer-utility-row {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 18px 28px;
}

.footer-utility-row .footer-utility-language {
  white-space: nowrap;
}

.footer-utility-row .language-toggle-footer {
  justify-content: flex-start;
  margin: 0;
}

.footer-utility-row nav {
  justify-self: end;
}

@media (max-width: 760px) {
  .footer-utility-row {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  .footer-utility-row nav {
    justify-content: flex-start;
  }
}

/* Compact, balanced footer refinement. */
.site-footer {
  padding: 36px 0 14px;
}

.footer-grid-coker {
  gap: 32px;
}

@media (min-width: 1101px) {
  .footer-grid-coker {
    grid-template-columns: 1.08fr .82fr .82fr 1fr;
  }
}

.footer-brand > img {
  width: min(100%, 280px);
}

.footer-brand p {
  max-width: 34ch;
  margin: 12px 0 8px;
}

.footer-brand-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}

.footer-brand-contact a {
  color: #d7dde0;
}

.footer-brand-contact a:hover,
.footer-brand-contact a:focus-visible {
  color: var(--blue);
}

.footer-grid-coker h2 {
  margin-bottom: 10px;
}

.footer-links li {
  margin-bottom: 6px;
}

.footer-careers-placeholder {
  color: inherit;
  cursor: default;
  opacity: 1;
}

.footer-resource-tools {
  margin-top: 14px;
  padding-top: 0;
  border-top: 0;
}

.footer-resource-tools h3 {
  margin-bottom: 8px;
}

.social-icons {
  gap: 8px;
  margin-bottom: 0;
}

.footer-bottom {
  margin-top: 18px;
  padding-top: 14px;
}

.footer-utility-row {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px 28px;
}

.footer-utility-left {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.footer-utility-row nav {
  padding-right: 58px;
}

@media (max-width: 760px) {
  .site-footer {
    padding: 28px 0 14px;
  }

  .footer-grid-coker {
    gap: 24px;
  }

  .footer-brand > img {
    width: min(100%, 260px);
  }

  .footer-brand p {
    margin-top: 10px;
  }

  .footer-resource-tools {
    margin-top: 12px;
  }

  .footer-bottom {
    margin-top: 18px;
    padding-top: 14px;
  }

  .footer-utility-left {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .footer-utility-row nav {
    padding-right: 58px;
  }
}


/* Unified Contact + Start Service page. */
body.page-id-14 #main-content {
  background: var(--white);
  background-image: none;
}

.combined-contact-page {
  padding: 48px 0 72px;
}

.combined-contact-grid {
  width: min(1480px, calc(100% - 48px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(420px, .95fr) minmax(560px, 1.05fr);
  gap: clamp(44px, 5vw, 84px);
  align-items: start;
}

.combined-contact-media {
  position: sticky;
  top: 116px;
  margin: 0;
  height: calc(100vh - 150px);
  min-height: 620px;
  overflow: hidden;
  border-radius: 18px;
  background: var(--mist);
  box-shadow: var(--shadow);
}

.combined-contact-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 58% center;
}

.combined-contact-content {
  max-width: 760px;
  padding: 26px 0;
}

.combined-contact-header h1 {
  font-size: clamp(2.7rem, 4.7vw, 4.8rem);
  margin-bottom: 22px;
}

.combined-contact-header > p:last-child {
  max-width: 620px;
  color: var(--gray);
  font-size: 1.08rem;
}

.combined-contact-details {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 24px;
  margin: 26px 0 30px;
  padding: 20px 22px;
  border-left: 4px solid var(--blue);
  background: var(--sky);
}

.combined-contact-details a {
  color: var(--charcoal);
  text-decoration-thickness: 1px;
}

.sms-contact-link {
  display: none;
}

body.page-id-14 .scoopers-form {
  width: 100%;
  max-width: none !important;
  margin: 0;
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid #c5e8ef;
  border-radius: 14px;
  background: rgba(221, 246, 251, .78);
  box-shadow: 0 14px 34px rgba(28, 32, 35, .08);
  backdrop-filter: blur(4px);
}

body.page-id-14 .scoopers-form .form-grid {
  align-items: start;
}

body.page-id-14 .scoopers-form label {
  margin-bottom: 0;
}

body.page-id-14 .scoopers-form .form-field-wide {
  grid-column: 1 / -1;
}

body.page-id-14 .scoopers-form textarea {
  height: auto;
  min-height: 96px;
  resize: vertical;
}

body.page-id-14 .scoopers-form select {
  min-height: 57px;
}

body.page-id-14 .scoopers-form .form-note {
  margin: 22px 0 16px;
}

body.page-id-14 .form-status {
  max-width: none;
  margin: 0 0 20px;
}

@media (max-width: 1080px) {
  .combined-contact-grid {
    grid-template-columns: minmax(340px, .85fr) minmax(480px, 1.15fr);
    gap: 36px;
  }

  .combined-contact-media {
    top: 104px;
    min-height: 560px;
  }
}

@media (max-width: 860px) {
  .combined-contact-page {
    padding: 0 0 56px;
  }

  .combined-contact-grid {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .combined-contact-media {
    position: relative;
    top: auto;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 3 / 2;
    border-radius: 0;
    box-shadow: none;
  }

  .combined-contact-media img {
    object-fit: cover;
    object-position: center;
  }

  .combined-contact-content {
    width: min(100% - 32px, 720px);
    max-width: none;
    margin-inline: auto;
    padding: 46px 0 0;
  }

  .sms-contact-link {
    display: inline;
  }
}

@media (max-width: 600px) {
  .combined-contact-content {
    width: min(100% - 24px, 720px);
    padding-top: 34px;
  }

  .combined-contact-header h1 {
    font-size: clamp(2.35rem, 12vw, 3.25rem);
  }

  .combined-contact-details {
    display: grid;
    padding: 17px 18px;
  }

  body.page-id-14 .scoopers-form {
    padding: 20px 16px;
  }

  body.page-id-14 .scoopers-form .form-grid {
    grid-template-columns: 1fr;
  }

  body.page-id-14 .scoopers-form .form-field-wide {
    grid-column: auto;
  }
}


/* Final short Scoopers homepage flow. */
body.home .hero-overlay {
  background: linear-gradient(90deg, rgba(28,32,35,.74) 0%, rgba(28,32,35,.48) 52%, rgba(28,32,35,.12) 100%);
}

body.home main .button-primary,
body.home main .button-primary:visited {
  color: var(--charcoal) !important;
}

body.home main .button-primary:hover,
body.home main .button-primary:focus-visible,
body.home main .button-primary:active {
  color: #fff !important;
}

.compact-trust-strip .trust-grid span {
  padding-block: 15px;
  font-size: .82rem;
}

.services-process-section {
  padding-bottom: 82px;
}

.homepage-service-grid .service-card {
  padding: 30px;
}

.service-icon,
.process-icon,
.area-callout-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
  border: 1px solid #b9e6ef;
  border-radius: 50%;
  background: var(--sky);
  color: var(--blue-dark);
}

.service-icon svg,
.process-icon svg,
.area-callout-icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.services-shared-cta {
  margin-top: 28px;
  text-align: center;
}

.process-strip {
  margin-top: 58px;
  padding: 32px 34px;
  border-top: 3px solid var(--blue);
  background: var(--mist);
}

.process-strip > .eyebrow {
  margin-bottom: 22px;
}

.process-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.process-grid article {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.process-grid .process-icon {
  width: 40px;
  height: 40px;
  margin: 0;
}

.process-grid .process-icon svg {
  width: 21px;
  height: 21px;
}

.process-grid strong {
  display: block;
  margin-bottom: 6px;
  font-family: Manrope, Arial, sans-serif;
  line-height: 1.25;
}

.process-grid p {
  margin: 0;
  color: var(--gray);
  font-size: .94rem;
  line-height: 1.55;
}

body.home .family-section {
  padding-block: 86px;
  background: var(--sky);
}

body.home .family-photo {
  object-fit: contain;
  object-position: center;
  background: transparent;
}

.compact-area-section {
  padding-block: 52px;
}

.compact-area-callout {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 26px;
  padding: 30px 34px;
  border-left: 4px solid var(--blue);
  background: var(--mist);
}

.compact-area-callout h2 {
  margin-bottom: 10px;
  font-size: clamp(1.65rem, 3vw, 2.5rem);
}

.compact-area-callout p {
  margin-bottom: 5px;
}

.compact-area-callout .area-callout-icon {
  margin: 0;
}

body.home .combined-faq-cta {
  position: relative;
}

body.home .combined-faq-cta:before {
  content: "";
  position: absolute;
  top: 46px;
  left: max(20px, calc((100vw - 1180px) / 2));
  width: 54px;
  height: 12px;
  border-top: 3px solid var(--blue);
  border-radius: 50%;
  opacity: .8;
}

@media (max-width: 900px) {
  .process-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .compact-area-callout {
    grid-template-columns: auto 1fr;
  }

  .compact-area-callout .button {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 760px) {
  body.home .hero-overlay {
    background: rgba(28,32,35,.64);
  }

  .services-process-section {
    padding-bottom: 64px;
  }

  .homepage-service-grid .service-card {
    padding: 26px;
  }

  .process-strip {
    margin-top: 42px;
    padding: 26px 22px;
  }

  body.home .family-section {
    padding-block: 64px;
  }

  .compact-area-section {
    padding-block: 40px;
  }

  .compact-area-callout {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 26px 22px;
  }

  .compact-area-callout .button {
    grid-column: auto;
    justify-self: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home .hero-media {
    background: url('https://metroplexdigital.com/scoopers/wp-content/uploads/2026/08/scoopers-hero-poster-v2.webp') center center / cover no-repeat;
  }

  body.home .hero-media video {
    display: none;
  }
}


/* Show the complete contact-page dog photo without cropping the paw. */
body.page-id-14 .combined-contact-media {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: var(--mist);
}

body.page-id-14 .combined-contact-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 46% center;
}


/* Tighten the homepage process-to-ownership transition. */
body.home .services-process-section {
  padding-bottom: 28px;
}

body.home .family-section .split {
  align-items: start;
}

@media (min-width: 901px) {
  body.home .family-section h2 {
    font-size: clamp(2.25rem, 3.6vw, 3rem);
  }
}


/* Consolidated Services, Pricing, and Service Areas page. */
.header-pay-link {
  flex: 0 0 auto;
  color: var(--charcoal);
  font-family: Manrope, Arial, sans-serif;
  font-size: .88rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.header-pay-link:hover,
.header-pay-link:focus-visible {
  color: var(--blue-dark);
}

.services-page-hero {
  padding-bottom: 54px;
}

.page-hero-intro {
  max-width: 700px;
  color: #d7dde0;
  font-size: 1.08rem;
}

.services-anchor-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin-top: 26px;
}

.services-anchor-nav a {
  color: #fff;
  font-weight: 700;
  text-underline-offset: 6px;
}

#services,
#pricing,
#service-areas {
  scroll-margin-top: 118px;
}

.consolidated-services-section,
.visit-includes-section,
.services-pricing-section,
.services-area-section {
  padding-block: 76px;
}

.consolidated-services-section > .site-shell > h2,
.visit-includes-section > .site-shell > h2 {
  max-width: 800px;
  margin-bottom: 36px;
}

.card-grid.four {
  grid-template-columns: repeat(4, 1fr);
}

.consolidated-service-cards .service-card {
  padding: 28px;
}

.consolidated-service-cards .service-card h3 {
  min-height: 2.2em;
}

.pending-service-card {
  border-top: 3px solid var(--blue);
}

.visit-includes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.visit-includes-grid article {
  padding: 26px;
  border: 1px solid #c6e7ed;
  background: rgba(255,255,255,.72);
}

.visit-includes-grid span {
  display: inline-block;
  margin-bottom: 18px;
  color: var(--blue-dark);
  font-family: Manrope, Arial, sans-serif;
  font-weight: 800;
}

.services-two-column {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(38px, 7vw, 86px);
  align-items: center;
}

.pricing-placeholder,
.service-area-check {
  padding: 30px;
  border: 1px solid #b9dfe7;
  border-top: 3px solid var(--blue);
  background: var(--sky);
}

.pricing-placeholder > strong {
  display: block;
  margin-bottom: 10px;
  font-family: Manrope, Arial, sans-serif;
  font-size: 1.25rem;
}

.admin-only-note {
  padding: 12px 14px;
  border: 1px dashed #c77b00;
  background: #fff7e8;
  color: #704600;
  font-size: .86rem;
}

.service-area-check .map-pin {
  width: 44px;
  height: 44px;
  margin-bottom: 18px;
}

.services-faq-cta {
  padding-top: 76px;
}

@media (max-width: 1080px) {
  .header-pay-link {
    margin-left: auto;
  }

  .menu-toggle + .primary-nav + .header-pay-link {
    margin-left: 0;
  }

  .card-grid.four {
    grid-template-columns: repeat(2, 1fr);
  }

  .consolidated-service-cards .service-card h3 {
    min-height: 0;
  }
}

@media (max-width: 760px) {
  .header-pay-link {
    display: none;
  }

  .services-page-hero {
    padding-bottom: 42px;
  }

  #services,
  #pricing,
  #service-areas {
    scroll-margin-top: 94px;
  }

  .consolidated-services-section,
  .visit-includes-section,
  .services-pricing-section,
  .services-area-section {
    padding-block: 58px;
  }

  .card-grid.four,
  .visit-includes-grid,
  .services-two-column {
    grid-template-columns: 1fr;
  }

  .services-two-column {
    gap: 28px;
  }

  .services-faq-cta {
    padding-top: 58px;
  }
}


/* Compact the homepage ownership-to-service-area transition. */
body.home .family-section {
  padding-bottom: 46px;
}

body.home .compact-area-section {
  padding-block: 24px;
}

body.home .compact-area-callout {
  gap: 18px;
  padding: 22px 28px;
}

body.home .compact-area-callout h2 {
  font-size: clamp(1.55rem, 2.45vw, 2.05rem);
}

@media (max-width: 760px) {
  body.home .family-section {
    padding-bottom: 44px;
  }

  body.home .compact-area-section {
    padding-block: 28px;
  }

  body.home .compact-area-callout {
    gap: 16px;
    padding: 22px 20px;
  }
}


/* Restored sticky-image Contact / Start Service layout. */
body.page-id-14 .combined-contact-page {
  padding: 32px 0 68px;
}

body.page-id-14 .combined-contact-grid {
  width: min(1480px, calc(100% - 48px));
  grid-template-columns: minmax(470px, 1.05fr) minmax(560px, .95fr);
  gap: clamp(42px, 5vw, 76px);
}

body.page-id-14 .combined-contact-media {
  position: sticky;
  top: 116px;
  display: block;
  height: auto;
  min-height: 0;
  margin: 0;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.page-id-14 .combined-contact-media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: left top;
}

body.page-id-14 .combined-contact-content {
  max-width: 720px;
  padding: 6px 0 0;
}

body.page-id-14 .combined-contact-header h1 {
  max-width: 680px;
  margin-bottom: 18px;
  font-size: clamp(2.5rem, 4vw, 3.8rem);
}

body.page-id-14 .combined-contact-header > p:last-child {
  max-width: 620px;
  margin-bottom: 0;
  font-size: 1.04rem;
}

body.page-id-14 .combined-contact-direct {
  margin: 18px 0 28px;
  color: var(--gray);
  line-height: 1.6;
}

body.page-id-14 .combined-contact-direct strong {
  color: var(--charcoal);
}

body.page-id-14 .combined-contact-direct a {
  font-weight: 600;
}

body.page-id-14 .scoopers-form {
  max-width: none !important;
  margin: 0;
  padding: 28px;
  border: 1px solid #d6e0e3;
  border-radius: 8px;
  background: var(--white);
  box-shadow: none;
  backdrop-filter: none;
}

body.page-id-14 .scoopers-form .form-grid {
  gap: 18px 20px;
}

body.page-id-14 .scoopers-form input,
body.page-id-14 .scoopers-form textarea,
body.page-id-14 .scoopers-form select {
  background: #fff;
}

body.page-id-14 .scoopers-form .button-primary {
  color: #fff;
}

@media (max-width: 1020px) {
  body.page-id-14 .combined-contact-page {
    padding-top: 0;
  }

  body.page-id-14 .combined-contact-grid {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 0;
  }

  body.page-id-14 .combined-contact-media {
    position: relative;
    top: auto;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
  }

  body.page-id-14 .combined-contact-media img {
    width: 100%;
    height: auto;
    max-height: 560px;
    object-fit: contain;
    object-position: center top;
  }

  body.page-id-14 .combined-contact-content {
    width: min(100% - 36px, 720px);
    max-width: none;
    margin-inline: auto;
    padding-top: 38px;
  }
}

@media (max-width: 600px) {
  body.page-id-14 .combined-contact-page {
    padding-bottom: 52px;
  }

  body.page-id-14 .combined-contact-media img {
    max-height: none;
  }

  body.page-id-14 .combined-contact-content {
    width: min(100% - 24px, 720px);
    padding-top: 30px;
  }

  body.page-id-14 .combined-contact-header h1 {
    font-size: clamp(2.2rem, 11vw, 3rem);
  }

  body.page-id-14 .scoopers-form {
    padding: 22px 16px;
  }

  body.page-id-14 .scoopers-form .button-primary {
    width: 100%;
  }
}


/* Light-blue service-area band with a tighter lower edge. */
body.home .compact-area-section {
  padding-top: 20px;
  padding-bottom: 10px;
  background: var(--sky);
}

@media (max-width: 760px) {
  body.home .compact-area-section {
    padding-top: 20px;
    padding-bottom: 14px;
  }
}


/* Join the homepage callout and FAQ bands cleanly. */
body.home .combined-faq-cta {
  margin-top: 0;
  padding-top: 72px;
}

@media (max-width: 760px) {
  body.home .combined-faq-cta {
    padding-top: 52px;
  }
}

body.home .combined-faq-cta::before {
  content: none;
  display: none;
}


/* Ownership photo and its About-page button. */
body.home .family-media-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

body.home .family-photo-button {
  margin-top: 18px;
}


/* Fully outlined process strip and dark ownership-photo button. */
body.home .process-strip {
  border: 3px solid var(--blue);
}

body.home .family-photo-button {
  border-color: var(--charcoal);
  background: var(--charcoal);
  color: #fff;
}

body.home .family-photo-button:hover,
body.home .family-photo-button:focus-visible {
  border-color: var(--blue);
  background: var(--blue);
  color: var(--charcoal);
}


/* Solid brand-blue dog paw for the twice-weekly service card. */
body.home .service-icon .paw-icon-svg {
  fill: currentColor;
  stroke: none;
}


/* Consistent motion for every homepage card-style box, including informational boxes. */
body.home .service-card,
body.home .process-strip,
body.home .compact-area-callout,
body.home .family-photo,
body.home .faq-list details {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
  will-change: transform;
}

body.home .service-card:hover,
body.home .process-strip:hover,
body.home .compact-area-callout:hover,
body.home .family-photo:hover,
body.home .faq-list details:hover {
  transform: translateY(-5px);
  border-color: var(--blue);
  box-shadow: 0 16px 38px rgba(28, 32, 35, .13);
}

@media (prefers-reduced-motion: reduce) {
  body.home .service-card,
  body.home .process-strip,
  body.home .compact-area-callout,
  body.home .family-photo,
  body.home .faq-list details {
    transition: border-color .01ms, background-color .01ms;
  }

  body.home .service-card:hover,
  body.home .process-strip:hover,
  body.home .compact-area-callout:hover,
  body.home .family-photo:hover,
  body.home .faq-list details:hover {
    transform: none;
  }
}


/* Dark homepage View All FAQs button. */
body.home .faq-column > .button-primary,
body.home .faq-column > .button-primary:visited {
  border-color: var(--charcoal);
  background: var(--charcoal);
  color: #fff !important;
}

body.home .faq-column > .button-primary:hover,
body.home .faq-column > .button-primary:focus-visible,
body.home .faq-column > .button-primary:active {
  border-color: var(--blue-dark);
  background: var(--blue-dark);
  color: #fff !important;
}


/* Site-wide Astra back-to-top control in the Scoopers brand palette. */
#ast-scroll-top {
  background-color: var(--blue) !important;
  color: #fff !important;
}

#ast-scroll-top:hover,
#ast-scroll-top:focus-visible {
  background-color: var(--blue-dark) !important;
  color: #fff !important;
}

#ast-scroll-top:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}


/* Dark homepage Check My Address button. */
body.home .compact-area-callout .button-primary,
body.home .compact-area-callout .button-primary:visited {
  border-color: var(--charcoal);
  background: var(--charcoal);
  color: #fff !important;
}

body.home .compact-area-callout .button-primary:hover,
body.home .compact-area-callout .button-primary:focus-visible,
body.home .compact-area-callout .button-primary:active {
  border-color: var(--blue-dark);
  background: var(--blue-dark);
  color: #fff !important;
}


/* White service-area icon circle with a Scoopers-blue location pin. */
body.home .area-callout-icon {
  border-color: #b9e6ef;
  background: #fff;
  color: var(--blue);
}


/* Solid Scoopers-blue location pin with a white center. */
body.home .area-callout-icon svg path {
  fill: currentColor;
  stroke: currentColor;
}

body.home .area-callout-icon svg circle {
  fill: #fff;
  stroke: #fff;
}

/* Maximize the desktop logo without increasing the 88px menu bar. */
@media (min-width:1081px){.site-logo{flex-basis:274px}.site-logo img{height:84px}}

/* Keep people fully framed in the homepage hero without changing hero height. */
body.home .hero-media video{object-position:50% top}
@media(max-width:760px){body.home .hero-media video{object-position:68% top}}

/* Transparent service-options photo treatment. */
.consolidated-services-section{position:relative;isolation:isolate;overflow:hidden;background:var(--white)}
.consolidated-services-section::before{content:"";position:absolute;inset:0;z-index:-1;background:url("https://metroplexdigital.com/scoopers/wp-content/uploads/2026/08/scoopers-service-technician-uniform-logo.webp") center 46% / cover no-repeat;opacity:.22}
.consolidated-services-section>.site-shell{position:relative;z-index:1}
.consolidated-services-section .service-card{background:rgba(250,252,252,.92);backdrop-filter:blur(1px)}
@media(max-width:760px){.consolidated-services-section::before{background-position:62% center;opacity:.18}}


/* Restore a taller, natural homepage hero proportion. */
body.home .hero-home { min-height: clamp(650px, 66vh, 720px); }
@media (max-width: 760px) {
  body.home .hero-home { min-height: 640px; padding-block: 72px; }
}


/* Preserve more of the 16:9 hero footage on large desktop monitors. */
@media (min-width: 1600px) {
  body.home .hero-home { min-height: clamp(760px, 45vw, 920px); }
  body.home .hero-home video { object-position: 50% center; }
}
@media (min-width: 2200px) {
  body.home .hero-home { min-height: 960px; }
}


/* Maximize the header logo inside the existing menu-bar height. */
@media (min-width: 761px) {
  .site-header .site-logo { display: flex; align-items: center; justify-content: center; height: 84px; line-height: 0; }
  .site-header .site-logo img { display: block; width: 274px; height: 84px; object-fit: contain; transform: scale(1.05); transform-origin: left center; }
}


/* Approved bag-and-paw artwork for one-time cleanup and final process step. */
body.home .homepage-service-grid .service-card:nth-child(3) .service-icon,
body.home .process-grid article:nth-child(3) .process-icon {
  background-color: #DDF6FB;
  background-image: url("https://metroplexdigital.com/scoopers/wp-content/uploads/2026/08/scoopers-dog-waste-bag-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 68% auto;
}
body.home .homepage-service-grid .service-card:nth-child(3) .service-icon svg,
body.home .process-grid article:nth-child(3) .process-icon svg { display: none; }


/* Visually center the transparent logo artwork within the fixed-height menu bar. */
@media (min-width: 761px) {
  .site-header .site-logo img { transform: translateY(10px) scale(1.05); }
}


/* Shield-and-check icon for the final service process step. */
body.home .process-grid article:nth-child(3) .process-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A728C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5 19 5.5v5.8c0 4.6-2.8 8.2-7 10.2-4.2-2-7-5.6-7-10.2V5.5l7-3Z'/%3E%3Cpath d='m8.7 11.9 2.1 2.1 4.6-5'/%3E%3C/svg%3E");
  background-size: 48% 48%;
  background-position: center;
  background-repeat: no-repeat;
}


/* Match all homepage service cards to the approved bag-and-paw icon treatment. */
body.home .homepage-service-grid .service-card .service-icon {
  background-color: #DDF6FB;
  background-image: url("https://metroplexdigital.com/scoopers/wp-content/uploads/2026/08/scoopers-dog-waste-bag-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 68% auto;
}
body.home .homepage-service-grid .service-card .service-icon svg { display: none; }


/* Site-standard Contact title bar above the side-by-side image and form. */
.combined-contact-page { padding-top: 0; }
.combined-contact-titlebar { background: #1C2023; color: #FFFFFF; padding: 52px 0 48px; }
.combined-contact-titlebar .eyebrow { color: #10B6E0; margin-bottom: 12px; }
.combined-contact-titlebar h1 { color: #FFFFFF; margin: 0 0 14px; }
.combined-contact-titlebar p:last-child { color: #FFFFFF; margin-bottom: 0; max-width: 760px; }
.combined-contact-page .combined-contact-grid { padding-top: 56px; align-items: start; }
@media (max-width: 760px) {
  .combined-contact-titlebar { padding: 38px 0 34px; }
  .combined-contact-page .combined-contact-grid { padding-top: 36px; }
}


/* Branded smiley face covers for the temporary About-family image. */
.about-photo-placeholder { position: relative; overflow: hidden; }
.about-photo-placeholder .about-smiley {
  position: absolute;
  z-index: 3;
  width: 11%;
  aspect-ratio: 1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle at 34% 38%, #1C2023 0 6%, transparent 7%), radial-gradient(circle at 66% 38%, #1C2023 0 6%, transparent 7%), #10B6E0;
  border: clamp(2px, .35vw, 4px) solid #1C2023;
  box-shadow: 0 5px 14px rgba(28,32,35,.24);
}
.about-photo-placeholder .about-smiley::after {
  content: "";
  position: absolute;
  left: 27%;
  bottom: 22%;
  width: 46%;
  height: 25%;
  border-bottom: clamp(2px, .35vw, 4px) solid #1C2023;
  border-radius: 0 0 50% 50%;
}
.about-photo-placeholder .about-smiley-1 { left: 24%; top: 19%; }
.about-photo-placeholder .about-smiley-2 { left: 42%; top: 26%; }
.about-photo-placeholder .about-smiley-3 { left: 62%; top: 18%; }


/* Match the pending Careers item to the Resources dropdown styling. */
.sub-menu .menu-placeholder { display: block; padding: 11px 20px; color: #636B70; font-size: .9rem; line-height: 1.7; cursor: default; white-space: nowrap; }

/* Helpful local SEO content added through the WordPress homepage editor. */
.homepage-content-section{background:#fff;padding-block:clamp(48px,6vw,82px)}
.homepage-local-seo{max-width:920px;margin-inline:auto}
.homepage-local-seo h2{max-width:760px;margin:0 0 20px}
.homepage-local-seo h3{margin-top:34px}
.homepage-local-seo p{max-width:820px}
.homepage-local-seo .wp-block-image{margin:30px 0}
.homepage-local-seo .wp-block-image img{display:block;width:100%;max-height:420px;object-fit:cover;object-position:center;border-radius:18px}
.homepage-local-seo a:not(.button){color:#167EA8;text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:640px){.homepage-content-section{padding-block:42px}.homepage-local-seo .wp-block-image img{max-height:300px}}

.services-content-section{background:#fff;padding-block:clamp(48px,6vw,82px)}
.services-local-seo{max-width:920px;margin-inline:auto}
.services-local-seo h2{max-width:760px;margin:0 0 20px}
.services-local-seo h3{margin-top:34px}
.services-local-seo p{max-width:820px}
.services-local-seo .wp-block-image{margin:30px 0}
.services-local-seo .wp-block-image img{display:block;width:100%;max-height:420px;object-fit:cover;object-position:center;border-radius:18px}
.services-local-seo a:not(.button){color:#167EA8;text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:640px){.services-content-section{padding-block:42px}.services-local-seo .wp-block-image img{max-height:300px}}




/* Match all service option cards to the approved blue accent. */
.consolidated-service-cards .service-card {
  border-top: 3px solid var(--blue);
}


/* Refined Pardue family cards */
.page-id-11 .content-section .wp-block-columns {
  align-items: stretch;
  gap: clamp(18px, 2vw, 28px);
}
.page-id-11 .content-section .wp-block-columns > .wp-block-column {
  position: relative;
  overflow: hidden;
  padding: clamp(28px, 3vw, 40px);
  background: linear-gradient(145deg, #ffffff 0%, #f5fbfe 100%);
  border: 1px solid #d9e8ef;
  border-top: 4px solid var(--blue);
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(25, 39, 52, 0.08);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.page-id-11 .content-section .wp-block-columns > .wp-block-column:hover {
  transform: translateY(-4px);
  border-color: #b9ddea;
  border-top-color: var(--blue);
  box-shadow: 0 18px 38px rgba(25, 39, 52, 0.13);
}
.page-id-11 .content-section .wp-block-columns h3 {
  margin: 0 0 20px;
  color: var(--charcoal);
  font-size: clamp(1.4rem, 2vw, 1.7rem);
  line-height: 1.2;
}
.page-id-11 .content-section .wp-block-columns h3::after {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  margin-top: 13px;
  border-radius: 99px;
  background: var(--blue);
}
.page-id-11 .content-section .wp-block-columns p {
  margin: 0;
  color: #334b5b;
  line-height: 1.68;
}
@media (max-width: 781px) {
  .page-id-11 .content-section .wp-block-columns { gap: 16px; }
  .page-id-11 .content-section .wp-block-columns > .wp-block-column { padding: 26px 24px; }
}

/* Coker-style card mega menus and persistent quick-action footer — v1.6.34 */
.header-inner{position:relative}
@media(min-width:1081px){
  .primary-nav{position:static}
  .coker-menu>.has-mega-menu{position:static}
  .sub-menu.mega-menu{
    left:0;
    right:0;
    top:100%;
    width:100%;
    min-width:0;
    padding:22px;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    background:var(--charcoal);
    border-top:3px solid var(--blue);
    box-shadow:0 20px 44px rgba(28,32,35,.24);
  }
  .sub-menu.mega-menu>li{margin:0}
}
.mega-menu-card{
  position:relative;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  height:100%;
  min-height:126px;
  padding:20px!important;
  color:#fff!important;
  text-decoration:none;
  background:#263238;
  border:1px solid rgba(255,255,255,.14);
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.mega-menu-card:hover,.mega-menu-card:focus-visible{
  background:#2d3b41!important;
  border-color:var(--blue);
  color:#fff!important;
  transform:translateY(-2px);
}
.mega-menu-card:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.mega-menu-icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  color:var(--blue);
  background:rgba(16,182,224,.12);
  border:1px solid rgba(16,182,224,.32);
}
.mega-menu-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mega-menu-copy strong{display:block;margin-bottom:5px;color:#fff;font:700 .94rem Manrope;letter-spacing:.01em}
.mega-menu-copy small{display:block;color:#d7e1e4;font:400 .78rem/1.5 Inter,Arial,sans-serif}
.mega-menu-arrow{color:var(--blue);font-size:1.2rem;transition:transform .18s ease}
.mega-menu-card:hover .mega-menu-arrow,.mega-menu-card:focus-visible .mega-menu-arrow{transform:translateX(3px)}
.mega-menu-card-disabled{opacity:.68;cursor:not-allowed}
body.scoopers-site{padding-bottom:58px}
.mobile-action-bar{
  position:fixed;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  bottom:0;
  left:0;
  right:0;
  z-index:300;
  min-height:58px;
  background:var(--charcoal);
  border-top:1px solid #394045;
  box-shadow:0 -8px 25px rgba(0,0,0,.18);
}
.mobile-action-bar a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:10px 16px;
  color:#fff!important;
  text-decoration:none;
  text-align:center;
  border-right:1px solid #394045;
  font:700 .76rem Manrope;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mobile-action-bar a:last-child{border-right:0}
.mobile-action-bar a:nth-child(2){background:var(--blue);color:#fff!important}
.mobile-action-bar a:hover,.mobile-action-bar a:focus-visible{background:#263238;color:#fff!important}
.mobile-action-bar a:nth-child(2):hover,.mobile-action-bar a:nth-child(2):focus-visible{background:var(--blue-dark)}
.mobile-action-bar a:focus-visible{outline:3px solid #fff;outline-offset:-4px}
@media(max-width:1080px){
  .sub-menu.mega-menu{
    position:static;
    width:auto;
    min-width:0;
    margin:0 12px 10px;
    padding:12px;
    display:none;
    grid-template-columns:1fr;
    gap:10px;
    opacity:1;
    visibility:visible;
    transform:none;
    background:var(--charcoal);
    border:0;
    border-left:3px solid var(--blue);
    box-shadow:none;
  }
  .submenu-open>.sub-menu.mega-menu{display:grid}
  .mega-menu-card{min-height:94px;padding:15px!important}
}
@media(max-width:760px){
  body.scoopers-site{padding-bottom:54px}
  .mobile-action-bar{min-height:54px}
  .mobile-action-bar a{min-height:54px;padding:9px 4px;font-size:.69rem}
  .mega-menu-card{grid-template-columns:40px minmax(0,1fr) auto;gap:12px}
  .mega-menu-icon{width:40px;height:40px}
  .mega-menu-copy small{font-size:.74rem}
}
@media(prefers-reduced-motion:reduce){
  .mega-menu-card,.mega-menu-arrow{transition:none}
  .mega-menu-card:hover,.mega-menu-card:focus-visible{transform:none}
}


/* Metroplex Pet / Coker compact two-column mega-menu refinement — v1.6.36 */
@media(min-width:1081px){
  .coker-menu>.has-mega-menu{position:relative!important}
  .sub-menu.mega-menu{
    left:50%;
    right:auto;
    top:calc(100% - 1px);
    width:min(760px,calc(100vw - 40px));
    min-width:0;
    padding:20px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    transform:translate(-50%,8px);
  }
  .menu-item-has-children:hover>.sub-menu.mega-menu,
  .menu-item-has-children:focus-within>.sub-menu.mega-menu{
    transform:translateX(-50%);
  }
  .sub-menu.mega-menu>li:last-child:nth-child(odd){grid-column:1/-1}
}
.mega-menu-card{
  min-height:96px;
  padding:14px!important;
  gap:13px;
}
.mega-menu-icon{width:42px;height:42px}
.mega-menu-icon svg{width:23px;height:23px}
.mobile-action-bar a,
.mobile-action-bar a:nth-child(2){
  background:var(--charcoal);
  color:#fff!important;
}
.mobile-action-bar a:hover,
.mobile-action-bar a:focus-visible,
.mobile-action-bar a:nth-child(2):hover,
.mobile-action-bar a:nth-child(2):focus-visible{
  background:#263238;
  color:#fff!important;
}
@media(max-width:1080px){
  .sub-menu.mega-menu{
    left:auto;
    transform:none;
    grid-template-columns:1fr;
  }
  .sub-menu.mega-menu>li:last-child:nth-child(odd){grid-column:auto}
}


/* Maximize header logo artwork without changing header height — v1.6.37 */
.site-logo{
  flex:0 0 265px;
  width:265px;
  height:92px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
}
.site-logo img{
  width:100%;
  height:90px;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:1080px) and (min-width:761px){
  .site-logo{flex-basis:235px;width:235px;height:92px}
  .site-logo img{height:88px}
}
@media(max-width:760px){
  .site-logo{flex-basis:205px;width:205px;height:78px}
  .site-logo img{height:76px}
}