/* GARANTİ Pages: legacy product shell (My GARANTİ focused UI). Brand font inherited (New Science), brand reds only.
   Scope: #gpl and body.gp-pages-legacy. The existing WPBakery blocks are restyled for spacing and hierarchy only. */
#gpl{--gp-red:#d7242f;--gp-red-d:#b21d27;--gp-ink:#202326;--gp-muted:#5f6469;--gp-line:#e3e1dc;--gp-soft:#f6f5f3;color:var(--gp-ink);line-height:1.6;font-size:16px}
#gpl *{box-sizing:border-box}
#gpl :is(h1,h2,h3){font-family:inherit;letter-spacing:-.02em}
/* ink only on the shell's own headings; content blocks keep their own colours (light text on dark rows/cards) */
#gpl :is(.gpl-head,.gpl-owner) :is(h1,h2,h3),#gpl h2.gpl-sec-title{color:var(--gp-ink)}
#gpl a:focus-visible{outline:2px solid var(--gp-red);outline-offset:3px}

/* 1. Decision header: intro / image / decide */
.gpl-head{background:var(--gp-soft);border-bottom:1px solid var(--gp-line);padding:40px 0 48px}
.gpl-head__in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:1fr 1fr;grid-template-areas:"intro media" "decide media";column-gap:56px;row-gap:24px;align-items:start}
.gpl-intro{grid-area:intro;align-self:end}.gpl-media{grid-area:media}.gpl-decide{grid-area:decide;align-self:start}
#gpl .gpl-crumbs{font-size:13px;color:var(--gp-muted);margin:0 0 18px}
#gpl .gpl-crumbs a{color:var(--gp-muted)!important;text-decoration:none}
#gpl .gpl-eyebrow{margin:0 0 12px!important;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gp-red-d)}
#gpl .gpl-eyebrow a{color:inherit!important;text-decoration:none!important;font:inherit!important;letter-spacing:inherit!important}
#gpl .gpl-title{font-size:clamp(32px,4.2vw,52px)!important;font-weight:650!important;line-height:1.06!important;margin:0 0 14px!important;padding:0!important}
#gpl .gpl-use{font-size:clamp(18px,1.6vw,21px);line-height:1.45;color:#3f4449;margin:0!important;max-width:560px}
#gpl .gpl-media{margin:0;align-self:stretch;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--gp-line);border-radius:8px;padding:24px;min-height:100%}
#gpl .gpl-media img{display:block;width:auto;max-width:100%;max-height:540px;height:auto;object-fit:contain}
#gpl .gpl-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0 0 24px!important;padding:0}
#gpl .gpl-specs div{padding:14px 0;border-top:1px solid var(--gp-line)}
#gpl .gpl-specs dt{margin:0 0 4px;padding:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gp-muted)}
#gpl .gpl-specs dd{margin:0;padding:0;font-size:17px;font-weight:600;line-height:1.35;color:var(--gp-ink)}
#gpl .gpl-cta{min-height:54px;padding:14px 28px;font-size:15px}
#gpl .gpl-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin:14px 0 0!important}
#gpl .gpl-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:600;color:var(--gp-ink)!important;text-decoration:none}
#gpl .gpl-links a:hover{color:var(--gp-red-d)!important}
#gpl .gpl-links .gp-ico{width:18px;height:18px;color:var(--gp-red-d)}

/* 2–3. Existing content blocks: one spacing rhythm, readable measure, consistent table */
#gpl .gpl-sec{border-bottom:1px solid var(--gp-line);scroll-margin-top:calc(110px + var(--gw-invite-h, 0px))}
#gpl .gpl-sec .wpb_row{padding-top:36px!important;padding-bottom:36px!important;margin-bottom:0!important}
#gpl .gpl-sec .wpb_row .wpb_row{padding-top:0!important;padding-bottom:0!important}
#gpl .gpl-sec .wpb_row:not(:has(> .row_col_wrap_12.light)) > .row-bg-wrap .row-bg{background:transparent!important}
#gpl .gpl-sec--specs .wpb_row,#gpl .gpl-sec--specs .wpb_row :is(h1,h2,h3,h4,p,li,strong,span){color:var(--gp-ink)!important}
#gpl .gpl-sec--specs .wpb_row{background:#fff!important}
#gpl .gpl-sec--specs{background:#fff}
#gpl .gpl-sec--specs table{width:100%;border-collapse:collapse;border:1px solid var(--gp-line)!important;background:#fff!important;color:var(--gp-ink)!important;font-size:15px;margin:8px 0 0}
#gpl .gpl-sec--specs :is(th,td){color:var(--gp-ink)!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--gp-line)!important;padding:12px 14px!important;text-align:left;vertical-align:top;font-size:15px;line-height:1.45}
#gpl .gpl-sec--specs thead :is(th,td),#gpl .gpl-sec--specs tr:first-child th{background:var(--gp-soft)!important;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gp-muted)!important}
#gpl .gpl-sec--specs td:first-child{font-weight:600;color:#3f4449!important;background:#fbfaf8!important;width:32%}
#gpl .gpl-sec--more{background:var(--gp-soft)}
#gpl .gpl-sec--more .wpb_text_column,#gpl .gpl-sec--more .wpb_wrapper>p{max-width:760px}
#gpl .gpl-sec :is(h2,h3,h4){font-weight:650!important;line-height:1.25!important}
#gpl .gpl-sec h2{font-size:clamp(24px,2.4vw,30px)!important}
#gpl .gpl-sec :is(p,li){font-size:16px;line-height:1.65}

/* 4. My GARANTİ band: secondary, for prospects and owners alike (the quote CTA stays the one dominant action) */
.gpl-owner{background:#fff;border-top:1px solid var(--gp-line);padding:36px 0}
.gpl-owner__in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 48px;align-items:center}
#gpl .gpl-owner h2{font-size:clamp(20px,2vw,24px)!important;font-weight:650!important;margin:0 0 6px!important}
#gpl .gpl-owner p{color:var(--gp-muted);margin:0!important;max-width:620px;font-size:15px;line-height:1.55}
#gpl .gpl-owner__links{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:4px 22px}
#gpl .gpl-owner__links li{list-style:none!important;margin:0!important;padding:0!important}
#gpl .gpl-owner__links li::before{content:none!important}
#gpl .gpl-owner__links a{display:inline-flex;align-items:center;min-height:44px;color:var(--gp-ink)!important;font-weight:600;font-size:15px;text-decoration:underline!important;text-decoration-color:var(--gp-line)!important;text-underline-offset:5px}
#gpl .gpl-owner__links li:first-child a{color:var(--gp-red-d)!important;text-decoration-color:currentColor!important}
#gpl .gpl-owner__links a:hover{text-decoration-color:currentColor!important}

/* 2a. This model's technical data (server-side list) */
#gpl h2.gpl-sec-title{font-size:clamp(24px,2.4vw,30px)!important;font-weight:650!important;letter-spacing:-.02em!important;text-transform:none!important;line-height:1.2!important;color:var(--gp-ink)!important;margin:0!important;padding:44px 0 18px!important}
#gpl .gpl-model{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0!important;padding:0;border-top:1px solid var(--gp-line)}
#gpl .gpl-model div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--gp-line)}
#gpl .gpl-model dt{margin:0;padding:0;font-size:14px;font-weight:600;color:var(--gp-muted)}
#gpl .gpl-model dd{margin:0;padding:0;font-size:15px;font-weight:600;color:var(--gp-ink);line-height:1.45}
#gpl .gpl-model dd.is-ref{font-weight:400;color:var(--gp-muted);font-size:14px}
#gpl .gpl-sub{margin:20px 0 0!important;font-size:13px;color:var(--gp-muted)}
/* the content's own table title sits under "MODEL technical data" as a sub-heading (text kept, one level down) */
#gpl .gpl-table :is(h1,h2,h3){font-size:clamp(19px,1.6vw,22px)!important;line-height:1.3!important;font-weight:650!important;letter-spacing:-.01em!important;margin:24px 0 12px!important}
#gpl .gpl-sec--specs .wpb_row{padding-top:12px!important}
/* existing content rows sit in the page column (no edge-to-edge text); Salient full-width rows are contained */
#gpl .gpl-block>.wpb_row,#gpl .gpl-table>.wpb_row{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:auto!important;left:auto!important}
#gpl .gpl-block .wpb_row:not(:has(> .row_col_wrap_12.light)) > .row-bg-wrap,#gpl .gpl-table .row-bg-wrap{display:none}
/* rows written with light text over a photo keep their photo (contained card); a dark base keeps the text readable
   while the photo loads or if it is missing */
#gpl .gpl-block .wpb_row:has(> .row_col_wrap_12.light){position:relative;overflow:hidden;border-radius:8px;margin-top:24px!important;margin-bottom:24px!important;background:#202326}
#gpl .gpl-block .wpb_row:has(> .row_col_wrap_12.light) > .row-bg-wrap{display:block;position:absolute;inset:0;width:auto!important;left:0!important;margin:0!important}
#gpl .gpl-block .wpb_row:has(> .row_col_wrap_12.light) > .row_col_wrap_12{position:relative;z-index:6;padding:40px!important}
#gpl .gpl-block .wpb_row:has(> .row_col_wrap_12.light) :is(h1,h2,h3,h4,h5,h6,p,li){color:#fff}
#gpl .gpl-block .wpb_row:has(> .row_col_wrap_12.light) > .row-bg-wrap::after{content:"";position:absolute;inset:0;z-index:5;background:rgba(20,22,24,.38)}
/* content headings: one calm scale inside the shell (the hub .gwh scale no longer reaches content blocks) */
#gpl .gpl-block .wpb_text_column h3{font-size:clamp(19px,1.6vw,22px)!important;line-height:1.3!important}
#gpl .gpl-table .nectar-responsive-text,#gpl .gpl-table .nectar-responsive-text *{font-size:clamp(19px,1.6vw,22px)!important;line-height:1.3!important}
#gpl .gpl-block .full-width-content,#gpl .gpl-table .full-width-content{width:auto!important;left:auto!important;margin-left:0!important;margin-right:0!important}
#gpl .gpl-swipe{display:none}

/* Mobile focus */
@media(max-width:900px){
  .gpl-head{padding:24px 0 32px}
  .gpl-head__in{grid-template-columns:1fr;grid-template-areas:"intro" "media" "decide";row-gap:20px}
  #gpl .gpl-media{padding:16px;min-height:0}
  #gpl .gpl-media img{max-height:340px}
  #gpl .gpl-use{font-size:17px}
  .gpl-decide{display:flex;flex-direction:column}
  #gpl .gpl-specs{order:-3;margin:0 0 20px!important}
  #gpl .gpl-cta{order:-2}#gpl .gpl-links{order:-1;margin:6px 0 18px!important}
  #gpl .gpl-cta{width:100%}
  .gpl-owner__in{grid-template-columns:1fr}
  #gpl .gpl-sec .wpb_row{padding-top:28px!important;padding-bottom:28px!important}
  #gpl .gpl-sec--specs :is(th,td){padding:10px!important;font-size:14px}
  /* family table: scrolls inside its own box; the label column stays fixed so every value keeps its row label */
  #gpl .gpl-sec--specs table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
  #gpl .gpl-sec--specs :is(td,th):first-child{position:sticky;left:0;z-index:1;min-width:132px;max-width:150px;box-shadow:1px 0 0 var(--gp-line)}
  #gpl .gpl-sec--specs :is(td,th){min-width:120px}
  #gpl .gpl-model{grid-template-columns:1fr}
  #gpl .gpl-swipe{display:block}
  #gpl .gpl-table .col,#gpl .gpl-block .col{padding-left:0!important;padding-right:0!important}
  .gpl-head__in{grid-template-rows:none}
  .gpl-intro,.gpl-decide{align-self:auto}
  #gpl .gpl-model div{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  #gpl h2.gpl-sec-title{padding:32px 0 14px!important}
}
@media(max-width:420px){#gpl .gpl-specs{grid-template-columns:1fr 1fr;gap:0 16px}#gpl .gpl-specs dd{font-size:15px}}

/* Context: the My GARANTİ band replaces the footer's generic support CTA and the site footer's roasting-project CTA
   on product pages (one quote CTA + the model-context bar). Footer links stay. */
body.gp-pages-legacy .gwh-support-cta,body.gp-pages-legacy #gr-site-footer .grf-cta{display:none!important}
/* Simple, corporate motion: none beyond hover colour; respect reduced-motion everywhere in the shell */
@media(prefers-reduced-motion:reduce){#gpl *,#gpl *::before,#gpl *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
#gpl .gpl-sec--specs img{max-height:300px;width:auto!important;object-fit:contain}