/* GARANTİ Pages 0.1.2 — Request a Quote + product pages. Same design language as the customer hub (/support/):
   New Science (inherited), corporate red #D7242F, ink #202326. Scoped to #gqp / #gpp; no legacy grq/gr- selectors. */
#gqp,#gpp{--gp-red:#d7242f;--gp-red-d:#b21d27;--gp-ink:#202326;--gp-muted:#5f6469;--gp-line:#e3e1dc;--gp-soft:#f6f5f3;--gp-ok:#177d44;color:var(--gp-ink);font-family:inherit;line-height:1.6;font-size:16px}
#gqp *,#gpp *{box-sizing:border-box}
#gqp :is(h1,h2,h3),#gpp :is(h1,h2,h3){font-family:inherit;color:var(--gp-ink);letter-spacing:-.02em;padding:0}
#gqp p,#gpp p{margin:0 0 14px}
#gqp a,#gpp a{color:inherit}
#gpp .gqp-eyebrow a,#gpp .gpp-facts small,#gpp .gpp-table small,#gqp .gqp-model a{font-size:inherit;line-height:inherit}
#gpp .gpp-table small,#gpp .gpp-facts dd small{font-size:13px}
#gqp :is(p,li) a,#gpp :is(p,li,td) a{color:var(--gp-red-d);text-decoration:underline;text-underline-offset:3px}
#gqp a:focus-visible,#gpp a:focus-visible,#gpp summary:focus-visible{outline:2px solid var(--gp-red);outline-offset:3px}
.gp-ico{width:20px;height:20px;flex:none}

/* shared pieces */
.gqp-eyebrow{margin:0 0 14px!important;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gp-red-d)}
.gqp-eyebrow a{text-decoration:none!important;color:inherit!important}
.gqp-h2{font-size:clamp(24px,2.4vw,32px)!important;font-weight:650!important;line-height:1.2!important;margin:0 0 16px!important}
.gqp-h3{font-size:19px!important;font-weight:650!important;line-height:1.3!important;margin:0 0 12px!important}
.gqp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.gqp-btn,#gqp .gqp-btn:is(:visited,:hover,:focus),#gpp .gqp-btn:is(:visited,:hover,:focus){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 22px;border:1px solid var(--gp-red);border-radius:4px;background:var(--gp-red);color:#fff!important;font-size:14px;font-weight:700;letter-spacing:.02em;line-height:1.2;text-decoration:none!important;cursor:pointer}
.gqp-btn:hover{background:var(--gp-red-d);border-color:var(--gp-red-d)}
.gqp-btn--ghost,#gqp .gqp-btn--ghost:is(:visited,:focus),#gpp .gqp-btn--ghost:is(:visited,:focus){background:#fff;color:var(--gp-ink)!important;border-color:#babdc0}
.gqp-btn--ghost:hover{background:var(--gp-soft);border-color:var(--gp-ink)}
.gqp-btn--light,#gpp .gqp-btn--light:is(:visited,:focus){background:#fff;color:var(--gp-red-d)!important;border-color:#fff}
.gqp-btn--light:hover{background:#f3e7e8}
.gqp-small,.gpp-small{font-size:14px;color:var(--gp-muted);line-height:1.6}

/* ---------------- Request a Quote ---------------- */
.gqp-head{background:var(--gp-soft);border-bottom:1px solid var(--gp-line);padding:56px 0 40px}
.gqp-title{font-size:clamp(30px,4vw,48px)!important;font-weight:650!important;line-height:1.1!important;margin:0 0 16px!important;max-width:900px}
.gqp-lead{font-size:clamp(17px,1.6vw,20px);color:#4c5156;max-width:820px;margin:0!important}
#gqp .gqp-model{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:22px 0 0!important;padding:10px 14px;border:1px solid var(--gp-line);border-left:3px solid var(--gp-red);border-radius:4px;background:#fff;font-size:15px}
.gqp-model span{color:var(--gp-muted)}
.gqp-model a{color:var(--gp-red-d)!important;font-weight:650}
.gqp-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start;padding-block:44px 56px}
.gqp-form{min-width:0}
.gqp-note{font-size:14px;color:var(--gp-muted)}
.gqp-card{border:1px solid var(--gp-line);border-radius:6px;background:#fff;padding:22px}

/* native Fluent Forms #5 inside the page (structure untouched; visual alignment only) */
#gqp .gqp-form__native .ff-el-group{margin-bottom:18px}
#gqp .gqp-form__native .ff-el-input--label label,#gqp .gqp-form__native .ff-el-input--label{font-size:15px;font-weight:600;color:var(--gp-ink);line-height:1.4}
#gqp .gqp-form__native :is(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=url],select,textarea).ff-el-form-control{min-height:46px;font-size:16px!important;padding:10px 14px;border:1px solid #bec2c5;border-radius:4px;background:#fff;color:var(--gp-ink);box-shadow:none}
#gqp .gqp-form__native textarea.ff-el-form-control{min-height:120px}
#gqp .gqp-form__native .ff-el-form-control:focus{outline:2px solid var(--gp-red);outline-offset:1px;border-color:var(--gp-ink)}
#gqp .gqp-form__native .ff-el-form-check{margin-bottom:6px}
#gqp .gqp-form__native .ff-el-form-check label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;line-height:1.35;cursor:pointer}
#gqp .gqp-form__native .ff-el-form-check-input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--gp-red)}
#gqp .gqp-form__native .ff-el-section-break,#gqp .gqp-form__native .ff-el-section-title{margin:28px 0 14px;padding-top:22px;border-top:1px solid var(--gp-line)}
#gqp .gqp-form__native .ff-el-section-title{font-size:20px;font-weight:650}
#gqp .gqp-form__native .error,#gqp .gqp-form__native .text-danger{color:#b21d27;font-size:14px;margin-top:6px}
#gqp .gqp-form__native .ff-el-is-error .ff-el-form-control{border-color:#b21d27}
#gqp .gqp-form__native .ff-btn-submit,#gqp .gqp-form__native button[type=submit]{min-height:50px;padding:14px 30px;border:0;border-radius:4px;background:var(--gp-red)!important;color:#fff!important;font-size:15px;font-weight:700;letter-spacing:.02em;cursor:pointer}
#gqp .gqp-form__native .ff-btn-submit:hover{background:var(--gp-red-d)!important}
#gqp .gqp-form__native .ff-message-success{border:1px solid #bfe3cc;background:#f3faf5;padding:16px;border-radius:4px}

/* ---------------- Product page ---------------- */
.gpp-hero{background:var(--gp-soft);border-bottom:1px solid var(--gp-line);padding:48px 0 0}
.gpp-hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}
.gpp-title{font-size:clamp(34px,4.6vw,58px)!important;font-weight:650!important;line-height:1.05!important;margin:0 0 10px!important}
.gpp-title small{display:block;font-size:.42em;font-weight:600;letter-spacing:0;color:#4c5156;margin-top:10px}
.gpp-sub{font-size:clamp(18px,1.7vw,21px);font-weight:600;margin:0 0 14px!important}
.gpp-intro{font-size:17px;color:#4c5156;max-width:560px}
.gpp-hero__media{margin:0;align-self:stretch}
.gpp-hero__media img{display:block;width:100%;height:auto;aspect-ratio:3/4;max-height:620px;object-fit:cover;border-radius:6px;background:#e9e7e3}
.gpp-hero__media figcaption,.gpp-gallery figcaption{font-size:13px;color:var(--gp-muted);margin-top:8px;line-height:1.45}
.gpp-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:40px 0 0!important;border-top:1px solid var(--gp-line)}
.gpp-facts div{padding:20px 18px 22px;border-right:1px solid var(--gp-line)}
.gpp-facts div:first-child{padding-left:0}.gpp-facts div:last-child{border-right:0}
.gpp-facts dt,#gpp .gpp-facts dt{padding:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gp-muted);margin:0 0 6px}
.gpp-facts dd,#gpp .gpp-facts dd{margin:0;padding:0;font-size:19px;font-weight:650;line-height:1.3}
.gpp-facts dd small{display:block;font-size:12px;font-weight:500;color:var(--gp-muted);margin-top:3px}
.gpp-band{background:var(--gp-soft);border-block:1px solid var(--gp-line);padding:52px 0}
.gpp-sec{padding-block:56px;scroll-margin-top:calc(110px + var(--gw-invite-h, 0px))}
.gpp-band.gpp-sec{padding-block:56px}
.gpp-lede{font-size:17px;color:#4c5156;max-width:760px}
.gpp-gallery{list-style:none!important;margin:24px 0 0!important;padding:0!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.gpp-gallery__item{list-style:none!important;margin:0!important;padding:0!important}
.gpp-gallery__item.is-wide{grid-column:1/-1}
.gpp-gallery figure{margin:0}
.gpp-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:6px;background:#e9e7e3}
.gpp-gallery .is-wide figure{max-width:960px;margin-inline:auto}
.gpp-gallery .is-wide img{aspect-ratio:3/2}
.gpp-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}
.gpp-table-wrap{min-width:0}
#gpp .gpp-table{width:100%;margin:0;border-collapse:collapse;background:#fff;border:1px solid var(--gp-line)!important;color:var(--gp-ink)!important;font-size:15px} /* overrides the global table{border:15px …!important;color:#fff!important} rule */
.gpp-table caption{background:transparent;caption-side:top;text-align:left;font-size:17px;font-weight:650;padding:0 0 10px;color:var(--gp-ink)}
#gpp .gpp-table :is(th,td){color:var(--gp-ink)!important;font-size:15px;line-height:1.5;padding:13px 16px;border:0;border-bottom:1px solid var(--gp-line);vertical-align:top;text-align:left}
#gpp .gpp-table tr{background:#fff}
#gpp .gpp-table tr:last-child>*{border-bottom:0}
#gpp .gpp-table th{width:44%;font-weight:600;color:#3f4449!important;background:#fbfaf8}
.gpp-table td small{display:block;margin-top:4px;font-size:13px;color:var(--gp-muted);line-height:1.45}
.gpp-source{margin-top:22px!important;font-size:13px;color:var(--gp-muted)}
.gpp-faq{max-width:900px;margin-top:20px}
.gpp-faq details{border-bottom:1px solid var(--gp-line)}
.gpp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;font-size:17px;font-weight:650;cursor:pointer;list-style:none}
.gpp-faq summary::-webkit-details-marker{display:none}
.gpp-faq summary::after{content:'+';font-size:22px;font-weight:400;color:var(--gp-red)}
.gpp-faq details[open] summary::after{content:'–'}
.gpp-faq details p{padding:0 0 16px;color:#3f4449;max-width:760px}
.gpp-final{background:#202326;color:#fff;padding:52px 0}
.gpp-final__in{display:grid;grid-template-columns:1fr auto;gap:12px 32px;align-items:center}
.gpp-final h2{color:#fff!important;font-size:clamp(24px,2.4vw,32px)!important;font-weight:650!important;margin:0!important}
.gpp-final p{margin:0!important;color:#d6d8da;grid-column:1}
.gpp-final .gqp-btn{grid-row:1/span 2;grid-column:2}

/* responsive */
@media(max-width:1100px){.gpp-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.gqp-body{grid-template-columns:1fr}.gpp-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.gpp-facts div{border-bottom:1px solid var(--gp-line)}.gpp-facts div:nth-child(3n){border-right:0}.gpp-facts div:nth-child(3n+1){padding-left:0}}
@media(max-width:900px){.gpp-hero__in,.gpp-specs{grid-template-columns:1fr}.gpp-hero__media img{aspect-ratio:4/3;max-height:none}.gpp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.gqp-head{padding:36px 0 28px}.gqp-body{padding-block:28px 40px;gap:28px}.gpp-hero{padding-top:32px}.gpp-facts{grid-template-columns:1fr 1fr}.gpp-facts div,.gpp-facts div:nth-child(3n),.gpp-facts div:nth-child(3n+1){padding:14px 12px 14px 0;border-right:0}.gpp-sec,.gpp-band.gpp-sec{padding-block:40px}.gpp-final__in{grid-template-columns:1fr}.gpp-final .gqp-btn{grid-row:auto;grid-column:1;justify-self:start}#gpp .gpp-table th{width:46%}#gpp .gpp-table :is(th,td){padding:11px 12px}.gqp-actions .gqp-btn{flex:1 1 auto}}
@media(max-width:420px){.gpp-gallery{gap:10px}.gpp-facts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#gqp *,#gpp *{transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.gqp-btn{border:1px solid CanvasText}}

.gpp-options{margin-top:32px;max-width:900px}
#gpp .gpp-table--options th{width:90px;white-space:nowrap}
#gpp .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#gqp #quote-form{scroll-margin-top:110px}
/* On the quote page itself the site-wide contact bar keeps "Start a Chat" only; its "Get a Quote" link would point to the
   page the visitor is on. Removed from layout and the accessibility tree (display:none). Product and all other pages unchanged. */
body.gp-pages-quote #gwh-contact-bar .gwh-contact-quote{display:none!important}
@media(max-width:760px){body.gp-pages-quote #gwh-contact-bar .gwh-contact-inner{grid-template-columns:1fr}}
body.gp-pages-quote #gwh-contact-bar .gwh-contact-inner{justify-content:flex-end}
/* Static group headings inside the native form (server-rendered) */
#gqp .gqp-form__native .gqp-group{font-size:18px!important;font-weight:650!important;line-height:1.3!important;letter-spacing:-.01em;margin:30px 0 16px!important;padding:20px 0 0!important;border-top:1px solid var(--gp-line);color:var(--gp-ink)}
#gqp .gqp-form__native .gqp-group:first-of-type{margin-top:4px!important;padding-top:0!important;border-top:0}

/* Keep it simple (0.1.5): quote next step + contact in one card, one SEO paragraph; product install/after-sales lines */
@media(min-width:1101px){.gqp-aside{position:sticky;top:110px}}
.gqp-next{margin:0 0 16px!important;padding:0 0 0 20px!important}
.gqp-next li{margin:0 0 6px!important;padding:0!important;color:#3f4449}
#gqp .gqp-talk{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:0!important;padding-top:14px;border-top:1px solid var(--gp-line);font-size:15px}
.gqp-talk span{color:var(--gp-muted);flex-basis:100%}
#gqp .gqp-talk a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:650;color:var(--gp-red-d)!important;text-decoration:none;overflow-wrap:anywhere}
#gqp .gqp-talk a:hover{text-decoration:underline}
.gqp-info{padding-block:44px 60px;border-top:1px solid var(--gp-line)}
.gqp-info p{max-width:880px;color:#3f4449;margin:0!important}
#gpp .gpp-options{margin-top:28px;max-width:none}
#gpp .gpp-table--options th{width:90px;white-space:nowrap}
#gpp .gpp-options .gpp-small{margin:10px 0 0}
#gpp .gpp-install{margin:26px 0 0!important;max-width:900px;color:#3f4449}
#gpp .gpp-install strong,#gpp .gpp-after strong{margin-right:6px;color:var(--gp-ink)}
#gpp .gpp-after{margin:26px 0 0!important;max-width:900px;line-height:2}
@media(max-width:760px){.gqp-info{padding-block:32px 44px}#gpp .gpp-table--options th{width:64px}}
/* Quote → My GARANTİ note (CRM 0.2 tracking active only) */
#gqp .gqp-account{margin:-6px 0 18px!important;padding:10px 14px;border-left:3px solid var(--gp-red,#d7242f);background:#f6f5f3;font-size:14px;line-height:1.5;color:#3f4449}
#gqp .gqp-account a{color:var(--gp-red-d,#b21d27)!important;font-weight:600;text-decoration:underline}