/* ===== r82d-servicelayout (2026-11-10, LOCAL) =====
   Layout only, no copy changes. Loaded after style.css on landing-template pages.
   1) .sv-chips: tech chips inside the hero split text column, under the formula (all service pages using the hero/chip/formula pattern).
   2) Service-page tables (.sv-extra-body): full width, 2 columns, single 1px borders; stacked label/value cards <=600px.
   3) .svc-r82d (scoped pages): step strip, timeline card, H3 card grids, list card grids, consistent H2, no decorative numbers. */

/* 1) chips */
.sv-copy .sv-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;min-width:0}
.sv-copy .sv-chips>div{flex:0 0 auto;font-size:13px;line-height:1.3;font-weight:700;letter-spacing:0;padding:6px 12px;border:1.5px solid var(--ink,#1a1a1a);border-radius:999px;background:transparent;white-space:nowrap;max-width:100%;box-sizing:border-box}
html[dir=rtl] .sv-copy .sv-chips{direction:rtl}
html[dir=rtl] .sv-copy .sv-chips>div{direction:ltr;unicode-bidi:isolate}

/* 2) tables */
.sv-extra-body .tbl{display:block;width:100%;max-width:100%;margin:28px 0;padding:0;border:0;overflow:visible;box-sizing:border-box}
.sv-extra-body .tbl::before,.sv-extra-body .tbl::after{content:none;display:none}
.sv-extra-body table,.sv-extra-body .tbl table{display:table;width:100%;max-width:100%;table-layout:auto;border-collapse:collapse;border:1px solid rgba(0,0,0,.22);margin:0;font-size:16px;line-height:1.5;overflow:visible;background:transparent}
.sv-extra-body table th,.sv-extra-body table td{padding:14px 16px;border:1px solid rgba(0,0,0,.22);text-align:start;vertical-align:top;overflow-wrap:anywhere;word-break:normal;white-space:normal;min-width:0}
.sv-extra-body table thead th{font-weight:700;background:#f3f2f2;color:var(--ink,#1a1a1a);font-size:14px;letter-spacing:.04em;text-transform:none;border-bottom:1px solid rgba(0,0,0,.22)}
.sv-extra-body table tbody td:first-child{font-weight:600;width:42%}
@media(max-width:600px){
  .sv-extra-body table,.sv-extra-body table tbody,.sv-extra-body table tr,.sv-extra-body table td{display:block;width:100%;box-sizing:border-box}
  .sv-extra-body table{border:0}
  .sv-extra-body table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .sv-extra-body table tr{border:1px solid rgba(0,0,0,.22);margin:0 0 12px;background:#fff}
  .sv-extra-body table td{border:0;padding:10px 14px}
  .sv-extra-body table tbody td:first-child{width:100%;background:#f3f2f2}
  .sv-extra-body table td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-700,#b8261b);margin-bottom:2px}
  html[dir=rtl] .sv-extra-body table td[data-label]::before{letter-spacing:0;text-transform:none}
}

/* 3) scoped pages */
.svc-r82d main .h2,.svc-r82d main h2.h2{font-size:clamp(32px,4vw,48px);line-height:1.08}
.svc-r82d .sv-extra-body{font-size:18px;line-height:1.65}
.svc-r82d .sv-extra-body>p{margin:0 0 18px;max-width:68ch}
.svc-r82d .sv-extra-body>h2.h2{margin:56px 0 18px}
.svc-r82d .sv-copy .sv-formula{border-inline-start:4px solid var(--accent,#e8341c);border-top:0;border-bottom:0;padding:6px 0;padding-inline-start:18px;font-size:20px;line-height:1.4}
/* why-card numbers removed in markup (Other-services list numbers: r82c-denum) */
.svc-r82d .sv-why-card .sv-why-t{margin-top:0}
/* H3 + paragraph runs -> card grid */
.svc-r82d .r82d-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 28px}
.svc-r82d .r82d-card{border:1px solid rgba(0,0,0,.18);background:#fff;padding:22px 22px 20px;min-width:0}
.svc-r82d .r82d-card h3{font-size:21px;line-height:1.25;margin:0 0 10px}
.svc-r82d .r82d-card p{margin:0 0 10px;font-size:16px;line-height:1.6}.svc-r82d .r82d-card p:last-child{margin-bottom:0}
/* bullet lists -> card grid */
.svc-r82d .sv-extra-body ul.r82d-ulcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 24px;padding:0;border:0;list-style:none}
.svc-r82d .sv-extra-body ul.r82d-ulcards>li{border:1px solid rgba(0,0,0,.18);background:#fff;padding:16px 18px;padding-inline-start:18px;margin:0;font-size:16px;line-height:1.55;min-width:0;border-inline-start:3px solid var(--accent,#e8341c)}
.svc-r82d .sv-extra-body ul.r82d-ulcards>li::before{content:none;display:none}
.svc-r82d .sv-extra-body ul.r82d-ulcards>li strong:first-child{display:inline}
/* process: full-width section, 4-step strip, timeline card */
.svc-r82d .r82d-process-sec .sv-extra-row{grid-template-columns:1fr;gap:20px}
.svc-r82d .r82d-process-sec .sv-extra-body{max-width:none}
.svc-r82d .r82d-process-sec .sv-extra-body>p{max-width:72ch}
.svc-r82d .r82d-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:28px 0;border:1px solid rgba(0,0,0,.18);background:#fff}
.svc-r82d .r82d-step{padding:24px 22px;min-width:0;border-inline-start:1px solid rgba(0,0,0,.18)}
.svc-r82d .r82d-step:first-child{border-inline-start:0}
.svc-r82d .r82d-step-n{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;box-sizing:border-box;border-radius:999px;background:var(--accent,#e8341c);color:#fff;font-size:14px;font-weight:800;line-height:1;margin:0 0 14px}
.svc-r82d .r82d-step h3{font-size:21px;line-height:1.25;margin:0 0 10px}
.svc-r82d .r82d-step p{margin:0;font-size:16px;line-height:1.6}
.svc-r82d .r82d-timeline{margin:0 0 24px;padding:22px 24px;background:#f6f7f9;border:1px solid #e3e5e9;border-radius:8px;color:var(--ink,#1a1a1a)}
.svc-r82d .r82d-timeline h3{font-size:19px;margin:0 0 14px;display:flex;align-items:center;gap:10px;color:var(--ink,#1a1a1a)}
.svc-r82d .r82d-timeline h3::before{content:"";flex:none;width:18px;height:18px;background:no-repeat center/18px 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.svc-r82d .sv-extra-body .r82d-timeline ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;margin:0;padding:0;border:0;list-style:none}
.svc-r82d .sv-extra-body .r82d-timeline li{margin:0;padding:0;border:0;font-size:16px;line-height:1.5}
.svc-r82d .sv-extra-body .r82d-timeline li::before{content:none;display:none}
/* timeline note: one paragraph across the card; one line at desktop */
.svc-r82d .sv-extra-body .r82d-timeline .r82d-timeline-note{display:block;width:100%;max-width:none;margin:16px 0 0;padding-top:14px;border-top:1px solid #e3e5e9;font-size:14px;line-height:1.5;letter-spacing:0;color:#3d3a38}
.svc-r82d .sv-extra-body .r82d-timeline .r82d-timeline-note br{display:none}
@media(max-width:1100px){.svc-r82d .sv-extra-body .r82d-timeline .r82d-timeline-note{font-size:15px}}
@media(max-width:1100px){.svc-r82d .r82d-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-r82d .r82d-step:nth-child(odd){border-inline-start:0}.svc-r82d .r82d-step:nth-child(n+3){border-top:1px solid rgba(0,0,0,.18)}}
@media(max-width:760px){
  .svc-r82d .r82d-cards,.svc-r82d .sv-extra-body ul.r82d-ulcards,.svc-r82d .sv-extra-body .r82d-timeline ul{grid-template-columns:1fr}
  .svc-r82d .r82d-steps{grid-template-columns:1fr}.svc-r82d .r82d-step{border-inline-start:0}.svc-r82d .r82d-step+.r82d-step{border-top:1px solid rgba(0,0,0,.18)}
  .svc-r82d .r82d-card,.svc-r82d .r82d-step,.svc-r82d .r82d-timeline{padding:18px 16px}
  .svc-r82d .sv-extra-body{font-size:16px}
}


/* sections with their own style (98/156): sector tiles, area cards, work cards */
.svc-r82d .sv-extra-body ul.r82d-tiles,.svc-r82d .sv-extra-body ul.r82d-areas,.svc-r82d .sv-extra-body ul.r82d-work{list-style:none;margin:22px 0 24px;padding:0;border:0;display:grid;gap:14px}
.svc-r82d .sv-extra-body ul.r82d-tiles>li,.svc-r82d .sv-extra-body ul.r82d-areas>li,.svc-r82d .sv-extra-body ul.r82d-work>li{margin:0;padding:0;border:0;min-width:0;font-size:15.5px;line-height:1.55}
.svc-r82d .sv-extra-body ul.r82d-tiles>li::before,.svc-r82d .sv-extra-body ul.r82d-areas>li::before,.svc-r82d .sv-extra-body ul.r82d-work>li::before{content:none;display:none}
.svc-r82d .r82d-more{display:block;margin-top:10px;font-weight:700}
.svc-r82d .r82d-more a,.svc-r82d .r82d-view{color:var(--accent-700,#b8261b);text-decoration:none;font-weight:700}
.svc-r82d .r82d-more a::after,.svc-r82d .r82d-view::after{content:" \2192"}
html[dir=rtl] .svc-r82d .r82d-more a::after,html[dir=rtl] .svc-r82d .r82d-view::after{content:" \2190"}
.svc-r82d .r82d-more a:hover,.svc-r82d .r82d-view:hover{text-decoration:underline}
/* sectors: compact icon tiles */
.svc-r82d .sv-extra-body ul.r82d-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.svc-r82d .sv-extra-body ul.r82d-tiles>li{display:flex;gap:14px;align-items:flex-start;background:#f6f7f9;border:1px solid #e3e5e9;border-radius:10px;padding:16px 18px}
.svc-r82d .r82d-tiles .r82d-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e3e5e9;color:var(--accent,#e8341c)}
.svc-r82d .r82d-tiles .r82d-tile-b{min-width:0}
.svc-r82d .r82d-tiles .r82d-tile-b>strong:first-child{display:block;font-size:17px;margin-bottom:4px}
/* areas: cards with a top strip and a pin */
.svc-r82d .sv-extra-body ul.r82d-areas{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.svc-r82d .sv-extra-body ul.r82d-areas>li{position:relative;background:#fff;border:1px solid rgba(0,0,0,.14);border-top:4px solid var(--ink,#1a1a1a);padding:20px 20px 18px;padding-inline-start:54px}
.svc-r82d .r82d-areas .r82d-pin{position:absolute;inset-inline-start:18px;top:20px;color:var(--accent,#e8341c);line-height:0}
.svc-r82d .r82d-areas>li.r82d-hashead>strong:first-of-type{display:block;font-size:18px;line-height:1.3;margin-bottom:8px}
/* work: portfolio-style cards */
.svc-r82d .sv-extra-body ul.r82d-work{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.svc-r82d .sv-extra-body ul.r82d-work>li{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06),0 6px 20px rgba(0,0,0,.07)}
.svc-r82d .r82d-wimg{display:block;aspect-ratio:16/10;background:#eceef1;overflow:hidden}
.svc-r82d .r82d-wimg img{display:block;width:100%;height:100%;object-fit:cover;margin:0;max-width:none}
.svc-r82d .r82d-wph{display:grid;place-items:center;padding:16px;text-align:center;font-weight:800;font-size:18px;color:#6b6663}
.svc-r82d .r82d-wbody{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.svc-r82d .r82d-wbody>strong:first-child{display:block;font-size:18px;line-height:1.3}
.svc-r82d .r82d-wbody>strong:first-child a{color:inherit;text-decoration:none}
.svc-r82d .r82d-view{margin-top:auto;padding-top:8px}
@media(max-width:760px){.svc-r82d .sv-extra-body ul.r82d-tiles,.svc-r82d .sv-extra-body ul.r82d-areas,.svc-r82d .sv-extra-body ul.r82d-work{grid-template-columns:1fr}}

/* sitewide hero H1 (all templates): fluid size, 55/45 hero split, H1 bottom aligned with the CTA row. Desktop only; <=900px keeps the existing stacked rules. */
@media(min-width:901px){
  html body .row.c8-4:has(>h1.h1),html body .row.c7-5:has(>h1.h1),html body .sv-hero-row,html body .post-hero-row{grid-template-columns:minmax(0,55fr) minmax(0,45fr)!important;align-items:end!important;column-gap:48px}
  html body .row.c8-4>h1.h1,html body .row.c7-5>h1.h1,html body .sv-hero-row>h1.h1,html body .row[style*="margin-top:40px"]>h1.h1,html body.single-post .post-head .h1,html body.single-post .post-hero-row .h1,html body .ind-hero>h1.h1,html body main>article.wrap.prose>h1.h1,html body .post-head h1.h1{font-size:clamp(2.25rem,3.6vw,3.5rem)!important;line-height:1.05!important;max-width:100%!important;letter-spacing:-.03em}
  html[dir=rtl] body .row>h1.h1,html[dir=rtl] body .sv-hero-row>h1.h1,html[dir=rtl] body .ind-hero>h1.h1,html[dir=rtl] body main>article.wrap.prose>h1.h1,html[dir=rtl] body.single-post .post-head .h1{line-height:1.3!important;letter-spacing:0!important}
  html body .sv-hero-row>div>.sv-hero-lead:last-child,html body .sv-hero-row>div>.btns:last-child,html body .row.c8-4>div>.btns:last-child{margin-bottom:0}
}


/* why work with an in-house team: 3-col feature grid, icon in a circle, equal heights */
.svc-r82d .sv-extra-body ul.r82d-team{list-style:none;margin:24px 0;padding:0;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #e3e5e9;border-inline-start:1px solid #e3e5e9;background:#fff}
.svc-r82d .sv-extra-body ul.r82d-team>li{margin:0;padding:22px 20px;border:0;border-inline-end:1px solid #e3e5e9;border-bottom:1px solid #e3e5e9;min-width:0;display:flex;flex-direction:column;gap:12px;font-size:15.5px;line-height:1.55}
.svc-r82d .sv-extra-body ul.r82d-team>li::before{content:none;display:none}
.svc-r82d .r82d-team .r82d-fico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fdeceb;color:var(--accent,#e8341c)}
.svc-r82d .r82d-team .r82d-feat.r82d-hashead .r82d-feat-b>strong:first-child{display:block;font-size:18px;line-height:1.3;margin-bottom:6px}
@media(max-width:1100px){.svc-r82d .sv-extra-body ul.r82d-team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.svc-r82d .sv-extra-body ul.r82d-team{grid-template-columns:1fr}}
/* related services: pill link groups + separate CTA card */
.svc-r82d .r82d-linkgroup{margin:0 0 22px}
.svc-r82d .r82d-linkgroup .r82d-lg-h{margin:0 0 10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#6b6663}
html[dir=rtl] .svc-r82d .r82d-linkgroup .r82d-lg-h{letter-spacing:0;text-transform:none;font-size:15px}
.svc-r82d .sv-extra-body ul.r82d-pills{list-style:none;margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px}
.svc-r82d .sv-extra-body ul.r82d-pills>li{margin:0;padding:0;border:0}
.svc-r82d .sv-extra-body ul.r82d-pills>li::before{content:none;display:none}
.svc-r82d .r82d-pills a,.svc-r82d .r82d-pills .r82d-pill-txt{display:inline-block;padding:7px 14px;border:1px solid #d6d9de;border-radius:999px;font-size:14.5px;line-height:1.3;color:var(--ink,#1a1a1a);text-decoration:none;background:#fff}
.svc-r82d .r82d-pills .r82d-pill-txt{color:#6b6663;background:#f6f7f9}
.svc-r82d .r82d-pills a:hover,.svc-r82d .r82d-pills a:focus-visible{border-color:var(--accent,#e8341c);color:var(--accent-700,#b8261b)}
.svc-r82d .sv-extra-body .r82d-cta{margin:36px 0 0;padding:28px 28px 26px;background:var(--ink,#1a1a1a);color:#fff;border-radius:10px}
.svc-r82d .sv-extra-body .r82d-cta>h2.h2{margin:0 0 12px;color:#fff;font-size:clamp(26px,3vw,36px)}
.svc-r82d .sv-extra-body .r82d-cta p{color:#e9e7e6;margin:0 0 16px;max-width:68ch}
.svc-r82d .sv-extra-body .r82d-cta p strong,.svc-r82d .sv-extra-body .r82d-cta a:not(.btn){color:#fff}
.svc-r82d .sv-extra-body .r82d-cta .btns{margin:0}
@media(max-width:760px){.svc-r82d .sv-extra-body .r82d-cta{padding:22px 18px}}

/* compact full-bleed bands sitewide: one variable; sections carrying an inline padding keep it */
:root{--r82d-band-pad:60px}
@media(max-width:760px){:root{--r82d-band-pad:40px}}
html body main>section.sec:not([style*="padding"]),html body main>section.sec.s96:not([style*="padding"]),html body main>section.wrap.sv-sec-gap-lg:not([style*="padding"]){padding-top:var(--r82d-band-pad)!important;padding-bottom:var(--r82d-band-pad)!important}
html body main>section.wrap.sv-sec-gap:not([style*="padding"]){padding-top:calc(var(--r82d-band-pad) * .6)!important;padding-bottom:var(--r82d-band-pad)!important}
html body main>section.sec>h2:first-child,html body main>section.sec>.row:first-child>h2:first-child,html body main>section.sec>.sechead:first-child h2:first-child,html body main>section.sec>.row:first-child>:first-child>h2:first-child{margin-top:0}
/* home: #work keeps its tighter bottom before the dark band */
html body main>section#work.sec{padding-bottom:28px!important}
/* RTL: phone / email in the CTA keep their own LTR order */
html[dir=rtl] .svc-r82d .r82d-cta strong{unicode-bidi:plaintext}
/* 390: denser cards so the stacked layout stays compact */
@media(max-width:760px){
  .svc-r82d .sv-extra-body ul.r82d-team>li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:16px 14px}
  .svc-r82d .r82d-team .r82d-fico{width:36px;height:36px}
  .svc-r82d .sv-extra-body ul.r82d-tiles>li{padding:14px 14px;gap:12px}
  .svc-r82d .r82d-tiles .r82d-ico{width:34px;height:34px}
  .svc-r82d .r82d-wimg{aspect-ratio:2/1}
  .svc-r82d .sv-extra-body ul.r82d-tiles,.svc-r82d .sv-extra-body ul.r82d-areas,.svc-r82d .sv-extra-body ul.r82d-work,.svc-r82d .sv-extra-body ul.r82d-team{margin:16px 0 18px}
  .svc-r82d .r82d-step{padding:16px 14px}
}
/* soft boxes (Rizwan 17:47/17:48): no thick coloured edge anywhere; each list type gets its own soft treatment */
:root{--r82d-soft:#f5f8fc;--r82d-soft-b:#e6ebf2}
/* (e) hero formula: pale-tint highlight with rounded corners */
.svc-r82d .sv-copy .sv-formula{border:0!important;border-inline-start:0!important;background:var(--r82d-soft);border-radius:12px;padding:14px 18px!important}
/* bullet lists, base: no coloured edge */
.svc-r82d .sv-extra-body ul.r82d-ulcards>li{border:1px solid var(--r82d-soft-b);border-inline-start:1px solid var(--r82d-soft-b);border-radius:12px;padding:16px 18px}
/* (a) 1st list on a page (e.g. Integrations / what we build): soft-tint cards with a small brand dot */
.svc-r82d .sv-extra-body ul.r82d-ul-a>li{background:var(--r82d-soft);position:relative;padding-inline-start:36px}
.svc-r82d .sv-extra-body ul.r82d-ul-a>li::after{content:"";position:absolute;inset-inline-start:16px;top:24px;width:8px;height:8px;border-radius:50%;background:var(--accent,#e8341c);opacity:.85}
/* (c) 2nd list (e.g. Arabic and English): white cards, light border + subtle shadow */
.svc-r82d .sv-extra-body ul.r82d-ul-b>li{background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.05),0 4px 14px rgba(16,24,40,.06)}
/* (d) 3rd list (e.g. what affects the cost): neutral checklist rows with check marks */
.svc-r82d .sv-extra-body ul.r82d-ul-c{grid-template-columns:1fr;gap:8px}
.svc-r82d .sv-extra-body ul.r82d-ul-c>li{background:#f7f7f8;border-color:#ececee;border-radius:10px;padding:12px 16px;padding-inline-start:46px;position:relative}
.svc-r82d .sv-extra-body ul.r82d-ul-c>li::after{content:"";position:absolute;inset-inline-start:14px;top:13px;width:20px;height:20px;border-radius:50%;background:#e7f4ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f8a4c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
/* sectors (17:49): one card per row, full width of the content column, icon beside the text (mirrors in RTL) */
.svc-r82d .sv-extra-body ul.r82d-tiles{grid-template-columns:1fr!important;gap:12px}
.svc-r82d .sv-extra-body ul.r82d-tiles>li{background:#fff;border:1px solid var(--r82d-soft-b);border-radius:12px;padding:18px 22px;gap:18px;align-items:flex-start}
.svc-r82d .r82d-tiles .r82d-ico{width:44px;height:44px;background:#fdeceb;border:0}
/* sitewide: blog/prose quotes and TOC hover lose the red edge */
html body .prose blockquote{border:1px solid var(--r82d-soft-b)!important;border-inline-start:1px solid var(--r82d-soft-b)!important;background:var(--r82d-soft);border-radius:12px;padding:18px 22px!important}
html body .toc a:hover{border-inline-start-color:#c9d2de}
@media(max-width:760px){
  .svc-r82d .sv-extra-body ul.r82d-tiles>li{padding:14px 14px;gap:12px}
  .svc-r82d .r82d-tiles .r82d-ico{width:34px;height:34px}
  .svc-r82d .sv-copy .sv-formula{padding:12px 14px!important}
}
/* Selected work thumbnails: the global ".prose img.ns-big{display:none}" rule (style.css ~705) must not hide portfolio card images */
html body.svc-r82d .prose .r82d-wimg{position:relative}
html body.svc-r82d .prose .r82d-wimg img,html body.svc-r82d .prose .r82d-wimg img.ns-big{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;border-radius:0}
/* r82f-generic: marker-typed sections (data-r82d on the page-copy H2) */
.svc-r82d .r82d-wide-sec .sv-extra-row,.svc-r82d .r82d-cta-sec .sv-extra-row{grid-template-columns:1fr;gap:20px}
.svc-r82d .r82d-cta-sec .sv-extra-body .r82d-cta{margin-top:0}
.svc-r82d .r82d-cta-sec .r82d-cta>h2.h2{margin:0 0 12px;color:#fff}
/* r82f: "Other … services" list on service pages (style.css r82c-denum left one 43px bold span per link, no separators): compact link cards */
body:has(.sv-formula) main .svc-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body:has(.sv-formula) main .svc-list a{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px!important;border:1px solid var(--r82d-soft-b,#e6ebf2);border-radius:12px;background:#fff;text-decoration:none;min-width:0}
body:has(.sv-formula) main .svc-list a span,body:has(.sv-formula) main .svc-list a span:first-child,body:has(.sv-formula) main .svc-list a span+span{font-size:17px!important;font-weight:600!important;letter-spacing:0!important;line-height:1.35!important;padding:0!important;min-width:0;overflow-wrap:anywhere}
body:has(.sv-formula) main .svc-list a::after{content:"\2192";flex:none;color:var(--accent,#e8341c);font-weight:700}
html[dir=rtl] body:has(.sv-formula) main .svc-list a::after{content:"\2190"}
body:has(.sv-formula) main .svc-list a:hover{border-color:var(--accent,#e8341c)}
@media(max-width:1100px){body:has(.sv-formula) main .svc-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body:has(.sv-formula) main .svc-list{grid-template-columns:1fr}body:has(.sv-formula) main .svc-list a{padding:14px 16px!important}}
/* ===== /r82d-servicelayout ===== */

/* ===== r82g-cta start (CTA band image + button underline fix) ===== */
/* CTA band: dark card + real portfolio image, equal height at desktop; image stacks under the card at <=768px. */
.svc-r82d .r82d-cta-sec .sv-extra-body{max-width:none}
.svc-r82d .sv-extra-body .r82g-cta{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;align-items:stretch;margin:36px 0 0}
.svc-r82d .r82d-cta-sec .sv-extra-body .r82g-cta{margin-top:0}
.svc-r82d .sv-extra-body .r82g-cta>.r82d-cta{margin:0;min-width:0}
.svc-r82d .sv-extra-body .r82g-media{margin:0;position:relative;min-height:260px;border-radius:10px;overflow:hidden;background:#e9e7e6}
/* style.css ~705 hides '.prose figure:has(img.ns-big)'; the CTA image must stay visible */
html body.svc-r82d .prose figure.r82g-media,html body.svc-r82d .prose figure.r82g-media:has(img.ns-big){display:block!important}
html body.svc-r82d .prose .r82g-media img,html body.svc-r82d .prose .r82g-media img.ns-big{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;object-position:center top;border-radius:0!important;box-shadow:none!important}
@media(max-width:768px){
  .svc-r82d .sv-extra-body .r82g-cta{grid-template-columns:1fr;gap:16px}
  .svc-r82d .sv-extra-body .r82g-media{min-height:0;height:clamp(180px,48vw,320px)}
}
/* Buttons sitewide: never underlined in any state; keep a visible keyboard focus ring. Inline body links keep their underline. */
html body :is(a.btn,.btn,.btns a,a.button,.button,.wp-block-button__link,.wp-element-button,a[role=button],.sv-hero a.btn,.r82d-cta a.btn,.r82d-cta .btns a),
html body :is(a.btn,.btn,.btns a,a.button,.button,.wp-block-button__link,.wp-element-button,a[role=button]):is(:link,:visited,:hover,:focus,:active){text-decoration:none!important}
html body :is(a.btn,.btn,.btns a,a.button,.button,.wp-block-button__link,.wp-element-button,a[role=button]):focus-visible{outline:2px solid var(--accent,#e8381b)!important;outline-offset:3px!important}
html body .r82d-cta :is(a.btn,.btns a):focus-visible{outline-color:#fff!important}
/* ===== r82g-cta end ===== */

/* r82k-mobile: stacked service tables — 6–8px from label to value; last odd process card spans when 2-col. */
@media(max-width:600px){
  .sv-extra-body table td{padding:8px 14px}
  .sv-extra-body table tbody td:first-child{padding-bottom:8px}
  .sv-extra-body table tbody td+td{padding-top:8px}
  .sv-extra-body table td[data-label]::before{margin-bottom:6px}
}
@media(max-width:1100px){
  .svc-r82d .r82d-steps>.r82d-step:last-child:nth-child(odd){grid-column:1/-1;border-inline-start:0}
}

/* r82k: desktop service-body sections use the full container width, start-aligned to the H1/logo edge. Tablet/mobile unchanged. */
@media (min-width:901px){
  .svc-r82d .sv-extra-row,
  .svc-r82d .row.c4-8.sv-extra-row{
    grid-template-columns:1fr!important;
    gap:20px;
    justify-items:stretch;
  }
  .svc-r82d .sv-extra-row > .h2,
  .svc-r82d .sv-extra-row > h2{
    max-width:none;
    width:100%;
    margin-inline:0;
    text-align:start;
  }
  .svc-r82d .sv-extra-body{
    max-width:none!important;
    width:100%;
    margin-inline:0;
  }
  .svc-r82d .sv-extra-body > p{
    max-width:72ch;
    margin-inline:0;
    text-align:start;
  }
}

/* r82k-mobile: r82d comparison tables (3+ columns) as labelled soft cards. Desktop unchanged. */
@media (max-width:600px){
  .sv-extra-body table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .sv-extra-body table{border:0}
  .sv-extra-body table tr:has(> td:nth-child(3)){
    border:1px solid var(--r82d-soft-b,#e6ebf2)!important;
    border-radius:12px;
    background:#fff;
    margin:0 0 12px;
    padding:16px 18px;
    box-sizing:border-box;
  }
  .sv-extra-body table tr:has(> td:nth-child(3)) td{
    border:0!important;
    background:transparent!important;
  }
  .sv-extra-body table tr:has(> td:nth-child(3)) td:first-child{
    font-weight:800;
    font-size:17px;
    padding:0 0 8px!important;
  }
  .sv-extra-body table tr:has(> td:nth-child(3)) td:first-child::before{content:none!important;display:none!important}
  .sv-extra-body table tr:has(> td:nth-child(3)) td:nth-child(2),
  .sv-extra-body table tr:has(> td:nth-child(3)) td:nth-child(3){
    position:relative;
    padding:6px 0 6px 0!important;
    padding-inline-start:28px!important;
    font-size:15px;
  }
  .sv-extra-body table tr:has(> td:nth-child(3)) td:nth-child(2){color:#6b6663;font-weight:400}
  .sv-extra-body table tr:has(> td:nth-child(3)) td:nth-child(3){color:var(--ink,#1a1a1a);font-weight:650}
  .sv-extra-body table tr:has(> td:nth-child(3)) td:nth-child(2)::before{content:"Typical"!important;display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a8582;margin-bottom:2px}
  .sv-extra-body table tr:has(> td:nth-child(3)) td:nth-child(3)::before{content:"Our standard"!important;display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-700,#b8261b);margin-bottom:2px}
  html[dir=rtl] .sv-extra-body table tr:has(> td:nth-child(3)) td:nth-child(2)::before{content:"المعتاد"!important;letter-spacing:0;text-transform:none}
  html[dir=rtl] .sv-extra-body table tr:has(> td:nth-child(3)) td:nth-child(3)::before{content:"معيارنا"!important;letter-spacing:0;text-transform:none}
  .sv-extra-body table tr:has(> td:nth-child(3)) td:nth-child(2)::after,
  .sv-extra-body table tr:has(> td:nth-child(3)) td:nth-child(3)::after{
    content:"";
    position:absolute;
    inset-inline-start:0;
    top:1.7em;
    width:16px;height:16px;
  }
  .sv-extra-body table tr:has(> td:nth-child(3)) td:nth-child(2)::after{
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8582' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/16px no-repeat;
  }
  .sv-extra-body table tr:has(> td:nth-child(3)) td:nth-child(3)::after{
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f8a4c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat;
  }
}

/* r82l-mobile: service-page process steps as 1-col soft cards; number + title on one row. Replaces last-odd full-width on mobile. */
@media (max-width:760px){
  .svc-r82d .r82d-steps{
    grid-template-columns:1fr!important;
    gap:12px!important;
    border:0!important;
    background:transparent!important;
  }
  .svc-r82d .r82d-steps>.r82d-step,
  .svc-r82d .r82d-steps>.r82d-step:last-child:nth-child(odd){
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-column:auto!important;
    column-gap:12px;
    row-gap:6px;
    align-items:center;
    border:1px solid var(--r82d-soft-b,#e6ebf2)!important;
    border-top:1px solid var(--r82d-soft-b,#e6ebf2)!important;
    border-radius:12px;
    background:#fff!important;
    padding:16px 18px!important;
    min-height:0;
  }
  .svc-r82d .r82d-step+.r82d-step{border-top:1px solid var(--r82d-soft-b,#e6ebf2)!important}
  .svc-r82d .r82d-step-n{
    grid-column:1;
    grid-row:1;
    margin:0!important;
  }
  .svc-r82d .r82d-step h3{
    grid-column:2;
    grid-row:1;
    margin:0!important;
    font-size:17px;
    line-height:1.25;
  }
  .svc-r82d .r82d-step p{
    grid-column:1/-1;
    grid-row:2;
    margin:0;
    font-size:14px;
    line-height:1.5;
  }
}

/* r82l-mobile: 2-column service tables as soft cards (title = first cell; muted 2nd-column header + value with a red check). 3-col comparison cards unchanged. Desktop unchanged. */
@media (max-width:600px){
  .svc-r82d .sv-extra-body table tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3))){
    border:1px solid var(--r82d-soft-b,#e6ebf2)!important;
    border-radius:12px;
    background:#fff!important;
    margin:0 0 12px;
    padding:16px 18px;
    box-sizing:border-box;
    overflow:hidden;
  }
  .svc-r82d .sv-extra-body table tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3))) td{
    border:0!important;
    background:transparent!important;
    padding:0!important;
  }
  .svc-r82d .sv-extra-body table tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3))) td:first-child{
    font-weight:800;
    font-size:17px;
    line-height:1.3;
    padding:0 0 10px!important;
    color:var(--ink,#1a1a1a);
  }
  .svc-r82d .sv-extra-body table tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3))) td:first-child::before{
    content:none!important;
    display:none!important;
  }
  .svc-r82d .sv-extra-body table tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3))) td:nth-child(2){
    position:relative;
    padding-inline-start:28px!important;
    font-size:15px;
    line-height:1.5;
    font-weight:500;
    color:var(--ink,#1a1a1a);
  }
  .svc-r82d .sv-extra-body table tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3))) td:nth-child(2)::before{
    content:attr(data-label)!important;
    display:block;
    font-size:11px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:#8a8582;
    margin-bottom:2px;
  }
  html[dir=rtl] .svc-r82d .sv-extra-body table tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3))) td:nth-child(2)::before{
    letter-spacing:0;
    text-transform:none;
  }
  .svc-r82d .sv-extra-body table tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3))) td:nth-child(2)::after{
    content:"";
    position:absolute;
    inset-inline-start:0;
    top:1.7em;
    width:16px;height:16px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8341c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/16px no-repeat;
  }
  .svc-r82d .sv-extra-body table tr:has(> td:nth-child(2)):not(:has(> td:nth-child(3))) td a{
    color:var(--accent-700,#b8261b);
    text-decoration:underline;
  }
}