/* Fork 2: reference layout for the services hub and service pages (inner-page hero, breadcrumb, alternating image/text rows,
   amber CTA strips, FAQ cards, latest posts). Values follow qshark-theme.css / site-overrides.css / qs-faq.css / qs-breadcrumbs.css;
   colours come from the shared tokens in ref-base.css. Scoped under .qsr-svc: no global side effects. */
body.s365-site>main.qsr-svc{padding-top:0;--qsr-ink:#0d0d0d;--qsr-text:#333;--qsr-link:#946500;--qsr-amber:var(--qs-accent,#f4a51c);--qsr-amber-dark:var(--qs-accent-dark,#b8740a);--qsr-hero-min:clamp(600px,65vh,740px);--qsr-lift:92px;--qsr-sys:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--qsr-mont:Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--qsr-text);font-family:var(--qsr-sys)}
.qsr-svc *,.qsr-svc *::before,.qsr-svc *::after{box-sizing:border-box}
.qsr-svc .container{width:100%;max-width:1140px;margin:0 auto;padding:0 15px}
.qsr-svc .qsr-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Hero */
.qsr-svc .qs-main{position:relative;display:block;overflow:hidden;min-height:var(--qsr-hero-min);padding:calc(var(--qs-header-h,76px) + 16px) 0 40px;color:#fff;background:linear-gradient(135deg,#082f4b 0%,#103e5f 55%,#176e9f 100%)}
.qsr-svc .qs-main__bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.qsr-svc .qs-main__bg-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,47,75,.5),rgba(8,47,75,.35))}
.qsr-svc .qs-main__bg-img img{display:block;width:100%;height:100%;object-fit:cover}
.qsr-svc .qs-main__content{position:relative;z-index:5;display:grid;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;min-height:calc(var(--qsr-hero-min) - var(--qs-header-h,76px) - 56px)}
.qsr-svc .text-container{display:flex;align-items:center;justify-content:flex-start;margin:0;padding:0 0 calc(var(--qsr-lift) * .45)}
.qsr-svc .qs-main-screen__title{width:100%;max-width:18ch;margin:0;font-family:var(--qsr-sys);font-size:clamp(32px,3.4vw,42px);font-weight:800;line-height:1.12;letter-spacing:0;color:#fff;text-align:left;text-shadow:0 2px 6px rgba(0,0,0,.35)}
.qsr-svc .qs-main-screen__form-content{position:relative;z-index:6;width:100%;max-width:100%;margin:calc(var(--qsr-lift) * -1) 0 36px;padding:32px 40px 40px;border-radius:16px;background:#fff;color:var(--qsr-ink);box-shadow:0 9px 36px rgba(0,0,0,.12)}
.qsr-svc .qs-main-screen__form-content__title{max-width:1266px;margin:0 0 24px;font-family:var(--qsr-sys);font-size:30px;font-weight:800;line-height:1.4;letter-spacing:0;color:var(--qsr-ink)}
.qsr-svc form.quote-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px 24px;align-items:stretch;width:100%;margin:0;padding:0;border:0;background:none;box-shadow:none}
.qsr-svc form.quote-form>label{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;font-size:0}
.qsr-svc form.quote-form input:not([type=hidden]){display:block;width:100%;height:60px;min-height:60px;margin:0;padding:0 20px;border:1px solid #999;border-radius:8px;background:#fff;font-family:var(--qsr-sys);font-size:16px;font-weight:500;line-height:20px;color:var(--qsr-ink)}
.qsr-svc form.quote-form input::placeholder{color:#757575}
.qsr-svc form.quote-form input:focus{outline:2px solid var(--qsr-amber);outline-offset:-1px;border-color:var(--qsr-amber)}
.qsr-svc form.quote-form input.s365-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.qsr-svc form.quote-form button[type=submit]{display:inline-flex;align-items:center;justify-content:center;width:100%;height:60px;min-height:60px;margin:0;padding:0 20px;border:0;border-radius:8px;background-image:linear-gradient(90deg,var(--qs-accent,#f4a51c),var(--qs-accent-2,#ffc55a));color:var(--qs-ink,#082f4b);font-family:var(--qsr-sys);font-size:16px;font-weight:800;line-height:1;text-transform:uppercase;text-align:center;cursor:pointer;transition:all .2s ease-in-out}
.qsr-svc form.quote-form button[type=submit]:hover{box-shadow:0 20px 38px rgba(0,0,0,.16);transform:translateY(-3px)}
.qsr-svc form.quote-form .field-error{display:block;margin-top:4px;font-size:13px;font-weight:600;line-height:1.3;color:#b42318}
.qsr-svc form.quote-form .s365-form-status,.qsr-svc form.quote-form .s365-form-note{grid-column:1/-1;margin:0;font-size:13px;line-height:1.4;color:#475569}
.qsr-svc .qs-main-screen__form-content .s365-confirmation{padding:0;border:0;background:none;box-shadow:none;color:var(--qsr-ink)}

/* Breadcrumb */
.qsr-svc .qsr-content{padding-bottom:60px}
.qsr-svc .qs-breadcrumb-wrap{margin:0 0 24px;padding:18px 0 0;border-top:1px solid rgba(15,23,42,.08)}
.qsr-svc .qs-breadcrumb{position:relative;z-index:2;margin:0;padding:0;font-family:var(--qsr-mont);font-size:13px;line-height:1;letter-spacing:.01em;color:#64748b}
.qsr-svc .qs-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}
.qsr-svc .qs-breadcrumb__item{display:inline-flex;align-items:center;min-height:calc(1em + 12px);max-width:100%;min-width:0;margin:0;padding:0;list-style:none}
.qsr-svc .qs-breadcrumb__item a{display:inline-flex;align-items:center;padding:6px 0;color:var(--qsr-link);font-weight:600;line-height:1;text-decoration:none}
.qsr-svc .qs-breadcrumb__item a:hover{color:var(--qsr-amber-dark);text-decoration:underline;text-underline-offset:2px}
.qsr-svc .qs-breadcrumb__item[aria-current=page]{padding:6px 12px;border-radius:999px;color:var(--qsr-ink);font-weight:700;line-height:1;background:linear-gradient(180deg,rgba(255,200,74,.22),rgba(246,177,26,.14));box-shadow:inset 0 0 0 1px rgba(246,177,26,.28);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,520px)}
.qsr-svc .qs-breadcrumb__item:not(:last-child)::after{content:"/";display:inline-flex;align-items:center;align-self:center;height:100%;margin:0 9px;color:#cbd5e1;font-size:12px;font-weight:500;line-height:1;flex-shrink:0;user-select:none}

/* Image + text rows */
.qsr-svc .qsr-row{display:flex;flex-wrap:wrap;align-items:center;gap:24px 32px;max-width:100%;margin:0 0 36px}
.qsr-svc .qsr-row--tint{padding:32px 24px;border-radius:16px;background:rgba(255,210,128,.17);overflow:hidden}
.qsr-svc .qsr-row__media,.qsr-svc .qsr-row__body{min-width:0;flex:1 1 100%;max-width:100%}
.qsr-svc .qsr-fig{margin:0}
.qsr-svc .qsr-fig img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px}
.qsr-svc .qsr-h2{margin:0 0 16px;font-family:var(--qsr-sys);font-size:28px;font-weight:800;line-height:1.25;letter-spacing:0;color:var(--qsr-ink);max-width:none;text-wrap:wrap}
.qsr-svc .qsr-row--tint .qsr-h2,.qsr-svc .qsr-row--tint .qsr-h2 a{color:var(--qsr-amber-dark)}
.qsr-svc .qsr-h2 a{color:inherit;text-decoration:none}
.qsr-svc .qsr-h2 a:hover{text-decoration:underline}
.qsr-svc .qsr-rich{font-size:16px;line-height:1.65;color:var(--qsr-ink)}
.qsr-svc .qsr-rich p{margin:0 0 14px;font-size:16px;line-height:1.65;color:var(--qsr-ink)}
.qsr-svc .qsr-rich ul,.qsr-svc .qsr-rich ol{display:block;margin:0 0 30px;padding:0 0 0 40px;color:var(--qsr-text);list-style:disc}
.qsr-svc .qsr-rich ol{list-style:decimal}
.qsr-svc .qsr-rich li{margin:0 0 15px;font-size:16px;line-height:1.43;color:var(--qsr-text)}
.qsr-svc .qsr-rich a{color:var(--qsr-link);text-underline-offset:3px}
.qsr-svc .qsr-rich strong{font-weight:700;color:var(--qsr-ink)}
.qsr-svc .qsr-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin:30px 0 0}
.qsr-svc .qsr-actions--center{justify-content:center;margin:0}
.qsr-svc .qsr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:linear-gradient(180deg,var(--qs-accent-2,#ffc55a),var(--qs-accent,#f4a51c));box-shadow:0 6px 18px rgba(244,165,28,.35);color:var(--qsr-ink)!important;font-family:var(--qsr-sys);font-size:15px;font-weight:800;line-height:1.2;text-decoration:none!important;text-transform:none;transition:transform .2s ease,box-shadow .2s ease}
.qsr-svc .qsr-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(244,165,28,.45)}
.qsr-svc .qsr-phone{margin:0;font-size:22px;font-weight:800;line-height:1.35;color:var(--qsr-ink)}
.qsr-svc .qsr-phone a{color:var(--qsr-ink);text-decoration:none}
.qsr-svc .qsr-phone a:hover{text-decoration:underline}
@media (min-width:782px){
 .qsr-svc .qsr-row{flex-wrap:nowrap}
 .qsr-svc .qsr-row__media{flex:0 0 calc(40% - 16px);max-width:calc(40% - 16px)}
 .qsr-svc .qsr-row__body{flex:0 0 calc(60% - 16px);max-width:calc(60% - 16px)}
 .qsr-svc .qsr-row:not(:has(.qsr-row__media)) .qsr-row__body{flex-basis:100%;max-width:100%}
}

/* Amber CTA / areas strip */
.qsr-svc .qsr-strip{margin:48px 0 36px;padding:36px 28px 32px;border:1px solid rgba(244,165,28,.4);border-radius:20px;background:linear-gradient(180deg,rgba(255,210,128,.42),rgba(255,210,128,.2));overflow:hidden;text-align:center}
.qsr-svc .qsr-strip__title{max-width:none;margin:0 0 24px;padding:0 12px;font-family:var(--qsr-sys);font-size:26px;font-weight:800;line-height:1.3;letter-spacing:0;color:var(--qsr-ink);text-transform:uppercase;text-wrap:wrap}
.qsr-svc .qsr-strip__text{margin:0 0 24px;font-size:18px;line-height:1.5;color:#222}
.qsr-svc .qsr-link{display:inline-block;color:var(--qsr-link);font-size:16px;text-decoration:none}
.qsr-svc .qsr-link:hover{text-decoration:underline}
.qsr-svc .qsr-strip:last-child{text-align:left}
.qsr-svc .qsr-strip:last-child .qsr-strip__title{text-align:center;text-transform:none;font-size:28px}
.qsr-svc .qsr-strip:last-child .qsr-strip__text{text-align:center}

/* FAQ */
.qsr-svc .qs-faq{margin:48px 0 40px;padding:clamp(28px,4vw,44px) 0;font-family:var(--qsr-mont);color:var(--qsr-ink)}
.qsr-svc .qs-faq__inner{width:100%;max-width:720px;margin:0 auto;padding:0 16px}
.qsr-svc .qs-faq__title{max-width:none;margin:0 0 12px;font-family:var(--qsr-mont);font-size:clamp(22px,2.2vw,32px);font-weight:800;line-height:1.25;letter-spacing:0;text-align:left;color:var(--qsr-ink);text-wrap:wrap}
.qsr-svc .qs-faq__grid{display:grid;gap:12px;width:100%}
.qsr-svc .qs-faq__item{margin:0 0 30px;overflow:hidden;border:1px solid rgba(15,23,42,.1);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.04);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.qsr-svc .qs-faq__item:hover{border-color:rgba(246,177,26,.35)}
.qsr-svc .qs-faq__item[open]{border-color:rgba(246,177,26,.48);background:linear-gradient(180deg,#fff 0%,rgba(255,250,240,.92) 100%);box-shadow:0 10px 28px rgba(15,23,42,.07)}
.qsr-svc .qs-faq__item summary{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;cursor:pointer;list-style:none}
.qsr-svc .qs-faq__item summary::-webkit-details-marker{display:none}
.qsr-svc .qs-faq__item summary:focus-visible{outline:2px solid rgba(246,177,26,.65);outline-offset:-2px;border-radius:14px}
.qsr-svc .qs-faq__q{flex:1 1 auto;min-width:0;margin:0;padding:0;font-size:16px;font-weight:700;line-height:1.45;color:var(--qsr-ink);text-align:left}
.qsr-svc .qs-faq__icon{flex:0 0 28px;width:28px;height:28px;margin-top:1px;display:grid;place-items:center;border:1px solid rgba(246,177,26,.28);border-radius:999px;background:rgba(255,247,230,.9);color:var(--qsr-amber-dark);transition:transform .2s ease,border-color .2s ease,background-color .2s ease}
.qsr-svc .qs-faq__icon svg{width:12px;height:12px}
.qsr-svc .qs-faq__item[open] .qs-faq__icon{transform:rotate(45deg);border-color:rgba(246,177,26,.55);background:#fff}
.qsr-svc .qs-faq__a{max-width:68ch;padding:0 20px 18px;font-size:15px;line-height:1.65;color:#1e293b}
.qsr-svc .qs-faq__a>:first-child{margin-top:0}
.qsr-svc .qs-faq__a>:last-child{margin-bottom:0}
.qsr-svc .qs-faq__a p{margin:0 0 12px}
.qsr-svc .qs-faq__a ul,.qsr-svc .qs-faq__a ol{margin:0 0 12px;padding-left:1.25rem}
.qsr-svc .qs-faq__a a{color:var(--qsr-amber-dark);font-weight:700;text-decoration:underline;text-underline-offset:2px}

/* Latest posts */
.qsr-svc .qsr-center-title{max-width:none;margin:60px 0 28px;font-family:var(--qsr-sys);font-size:24px;font-weight:700;line-height:1.3;letter-spacing:0;text-align:center;color:#333;text-wrap:wrap}
.qsr-svc .qsr-posts{display:flex;flex-wrap:wrap;margin:0 0 30px;padding:0;list-style:none}
.qsr-svc .qsr-posts li{width:100%;margin:0 0 20px;overflow-wrap:break-word}
.qsr-svc .qsr-posts__img{display:block}
.qsr-svc .qsr-posts__img img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.qsr-svc .qsr-posts__title{display:inline-block;margin-top:14px;color:var(--qsr-link);font-size:16px;line-height:1.43;text-decoration:none}
.qsr-svc .qsr-posts__title:hover,.qsr-svc .qsr-posts__more:hover{text-decoration:underline}
.qsr-svc .qsr-posts__ex{margin:8px 0 16px;font-size:16px;line-height:1.43;color:var(--qsr-text)}
.qsr-svc .qsr-posts__more{color:var(--qsr-link);text-decoration:none}
@media (min-width:600px){
 .qsr-svc .qsr-posts li{width:calc(33.33333% - .83333em);margin-right:1.25em}
 .qsr-svc .qsr-posts li:nth-child(3n){margin-right:0}
}

/* Mobile */
@media (max-width:768px){
 .qsr-svc .qs-main-screen__form-content{padding:24px 20px 28px;margin-top:calc(var(--qsr-lift) * -1);margin-bottom:24px}
 .qsr-svc .qs-main-screen__form-content__title{font-size:22px;line-height:1.3;margin:0 0 16px}
 .qsr-svc form.quote-form{grid-template-columns:1fr;gap:12px}
 .qsr-svc form.quote-form input:not([type=hidden]),.qsr-svc form.quote-form button[type=submit]{height:52px;min-height:52px}
 .qsr-svc .qs-main-screen__title{font-size:32px;max-width:none}
 .qsr-svc .text-container{padding:12px 0 20px}
 .qsr-svc .qsr-h2{font-size:24px}
}
@media (max-width:782px){
 .qsr-svc .qs-breadcrumb-wrap{margin:0 0 20px;padding:14px 0 0}
 .qsr-svc .qs-breadcrumb{font-size:12px}
 .qsr-svc .qs-faq{margin:36px 0 32px;padding:24px 0}
 .qsr-svc .qs-faq__item summary{padding:16px}
 .qsr-svc .qs-faq__a{padding:0 16px 16px}
 .qsr-svc .qs-faq__q{font-size:15px}
}
@media (max-width:640px){
 .qsr-svc .qsr-strip{padding:28px 20px 24px}
 .qsr-svc .qsr-strip__title{font-size:22px}
 .qsr-svc .qsr-phone{font-size:20px}
 .qsr-svc .qsr-actions{justify-content:center}
}