.elementor-35 .elementor-element.elementor-element-5083267b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-35 .elementor-element.elementor-element-5083267b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-35 .elementor-element.elementor-element-75b9dad2{width:100%;max-width:100%;}.elementor-35 .elementor-element.elementor-element-6c7ca6a7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-35 .elementor-element.elementor-element-19007fdd{width:100%;max-width:100%;}.elementor-35 .elementor-element.elementor-element-5668d910{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-35 .elementor-element.elementor-element-104e71e7{width:100%;max-width:100%;}.elementor-35 .elementor-element.elementor-element-ce0b885{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-35 .elementor-element.elementor-element-3ed6efda{width:100%;max-width:100%;}.elementor-35 .elementor-element.elementor-element-54682300{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-35 .elementor-element.elementor-element-4d78cf84{width:100%;max-width:100%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-35 .elementor-element.elementor-element-5083267b{--width:100%;}}/* Start custom CSS *//* =========================================================
   YourClad — Roof Sheets (GLOBAL BASE) — MATCH PDF / SITE
   Scope: body.page-id-35 (containers separados OK)
   Background page: #f7f7f7
   Brand: #F66000 / #060817
   ========================================================= */

/* ---------- Tokens (scoped to this page) ---------- */
body.page-id-35{
  --yc-bg-page: #f7f7f7;
  --yc-ink: #060817;
  --yc-accent: #F66000;

  --yc-border: rgba(6,8,23,0.12);
  --yc-border-soft: rgba(6,8,23,0.10);
  --yc-muted: rgba(6,8,23,0.78);
  --yc-muted2: rgba(6,8,23,0.68);

  --yc-card: #fff;
  --yc-radius-lg: 22px;
  --yc-radius-md: 18px;

  --yc-shadow-lg: 0 24px 60px rgba(6,8,23,0.14);
  --yc-shadow-md: 0 14px 34px rgba(6,8,23,0.10);

  --yc-max: 1200px;
  --yc-pad: 18px;
  --yc-gap: 18px;

  --yc-scroll-offset: 110px; /* sticky header offset */
}

/* Page background (safe: only this page) */
body.page-id-35{
  background: var(--yc-bg-page);
}

/* Anchor offset (safe: only your known IDs) */
body.page-id-35 #box-profile,
body.page-id-35 #corrugated,
body.page-id-35 #tile-effect,
body.page-id-35 #fibre-cement,
body.page-id-35 #rooflights,
body.page-id-35 #colours,
body.page-id-35 #colour{
  scroll-margin-top: var(--yc-scroll-offset);
}

/* =========================================================
   HERO — based on your PDF hero (dark panel, not dark page)
   ========================================================= */
body.page-id-35 .yc-rs-hero{
  width:100%;
  max-width: var(--yc-max);
  margin: 28px auto 0;
  padding: 0 var(--yc-pad);
  font-family: Poppins, Montserrat, Arial, sans-serif;
}
body.page-id-35 .yc-rs-hero,
body.page-id-35 .yc-rs-hero *{ box-sizing:border-box; }

body.page-id-35 .yc-rs-hero__panel{
  position:relative;
  overflow:hidden;
  border-radius: var(--yc-radius-lg);
  border: 1px solid var(--yc-border);
  box-shadow: 0 24px 60px rgba(6,8,23,0.18);
  background: var(--yc-ink);
}

/* TRUE hero layout */
body.page-id-35 .yc-rs-hero__grid{
  position:relative;
  min-height: calc(100vh - 56px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap: 20px;
  padding: clamp(28px, 5vw, 72px);
  align-items:flex-start;
}

/* Background image + overlays (keep your var if you use it in HTML/CSS later) */
body.page-id-35 .yc-rs-hero__bg{
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(70% 60% at 15% 20%, rgba(246,96,0,0.18) 0%, rgba(246,96,0,0.00) 60%),
    linear-gradient(115deg, rgba(6,8,23,0.92) 0%, rgba(6,8,23,0.74) 55%, rgba(6,8,23,0.52) 100%);
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
  transform: scale(1.02);
  filter: saturate(1.03) contrast(1.03);
  transition: transform .6s ease;
}
body.page-id-35 .yc-rs-hero__panel:hover .yc-rs-hero__bg{ transform: scale(1.06); }

body.page-id-35 .yc-rs-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
  color: rgba(255,255,255,0.86);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}
body.page-id-35 .yc-rs-hero__dot{
  width:10px;height:10px;border-radius:50%;
  background: var(--yc-accent);
  box-shadow: 0 0 0 4px rgba(246,96,0,0.22);
  flex:0 0 auto;
}

body.page-id-35 .yc-rs-hero__title{
  margin: 14px 0 10px;
  color:#fff;
  font-weight: 900;
  letter-spacing: .2px;
  line-height: 1.05;
  font-size: clamp(32px, 3.6vw, 52px);
  max-width: 980px;
}
body.page-id-35 .yc-rs-hero__subtitle{
  margin: 0 0 18px;
  color: rgba(255,255,255,0.86);
  font-size: clamp(16px, 1.35vw, 20px);
  line-height: 1.7;
  max-width: 960px;
}

/* Chips */
body.page-id-35 .yc-rs-hero__chips{
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 1000px;
}
body.page-id-35 .yc-rs-hero__chipLink{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 11px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.16);
  color: rgba(255,255,255,0.90) !important;
  font-size: 12.5px;
  line-height: 1;
  text-decoration:none;
  backdrop-filter: blur(10px);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
  cursor: pointer;
}
body.page-id-35 .yc-rs-hero__chipLink:hover{
  transform: translateY(-2px);
  border-color: rgba(246,96,0,0.55);
  background: rgba(246,96,0,0.14);
  box-shadow: 0 14px 34px rgba(6,8,23,0.20);
}
body.page-id-35 .yc-rs-hero__chipDot{
  width:8px;height:8px;border-radius:50%;
  background: var(--yc-accent);
  box-shadow: 0 0 0 4px rgba(246,96,0,0.18);
}

/* Bullets */
body.page-id-35 .yc-rs-hero__bullets{
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 12px;
  max-width: 980px;
}
body.page-id-35 .yc-rs-hero__li{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.16);
  color: rgba(255,255,255,0.88);
  font-size: 13.5px;
  line-height: 1.6;
  backdrop-filter: blur(10px);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
body.page-id-35 .yc-rs-hero__li:hover{
  transform: translateY(-2px);
  border-color: rgba(246,96,0,0.38);
  background: rgba(255,255,255,0.12);
  box-shadow: 0 16px 46px rgba(6,8,23,0.16);
}
body.page-id-35 .yc-rs-hero__tick{
  width: 20px; height: 20px;
  border-radius: 8px;
  background: rgba(246,96,0,0.16);
  border: 1px solid rgba(246,96,0,0.34);
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--yc-accent);
  flex: 0 0 auto;
  margin-top: 2px;
}
body.page-id-35 .yc-rs-hero__tick svg{ width:12px; height:12px; display:block; }
body.page-id-35 .yc-rs-hero__li strong{ color:#fff; font-weight:900; }

/* Hero CTAs */
body.page-id-35 .yc-rs-hero__actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items:center;
  margin-top: 4px;
}
body.page-id-35 .yc-rs-hero__btnPrimary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 14px 20px;
  border-radius: 999px;
  background: var(--yc-accent);
  color:#fff !important;
  font-weight: 900;
  font-size: 14px;
  text-decoration:none !important;
  box-shadow: 0 18px 50px rgba(246,96,0,0.38);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  border: none;
}
body.page-id-35 .yc-rs-hero__btnPrimary:hover{
  transform: translateY(-2px);
  background:#e45700;
  box-shadow: 0 26px 70px rgba(246,96,0,0.48);
}
body.page-id-35 .yc-rs-hero__btnSecondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 13px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.22);
  color:#fff !important;
  font-weight: 900;
  font-size: 14px;
  text-decoration:none !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body.page-id-35 .yc-rs-hero__btnSecondary:hover{
  transform: translateY(-1px);
  background: rgba(246,96,0,0.10);
  border-color: rgba(246,96,0,0.55);
  box-shadow: 0 18px 54px rgba(6,8,23,0.16);
}
body.page-id-35 .yc-rs-hero__micro{
  margin: 12px 0 0;
  color: rgba(255,255,255,0.76);
  font-size: 13px;
  line-height: 1.55;
  max-width: 900px;
}

/* Responsive hero */
@media (max-width: 980px){
  body.page-id-35 .yc-rs-hero__grid{ min-height: 84vh; padding: 26px; }
  body.page-id-35 .yc-rs-hero__title{ line-height:1.08; }
}
@media (max-width: 520px){
  body.page-id-35 .yc-rs-hero__grid{ padding: 20px; min-height: 76vh; }
  body.page-id-35 .yc-rs-hero__actions{ width:100%; }
  body.page-id-35 .yc-rs-hero__btnPrimary,
  body.page-id-35 .yc-rs-hero__btnSecondary{ width:100%; }
  body.page-id-35 .yc-rs-hero__chips{ gap: 8px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  body.page-id-35 .yc-rs-hero__bg,
  body.page-id-35 .yc-rs-hero__panel,
  body.page-id-35 .yc-rs-hero__li,
  body.page-id-35 .yc-rs-hero__chipLink,
  body.page-id-35 .yc-rs-hero__btnPrimary,
  body.page-id-35 .yc-rs-hero__btnSecondary{ transition:none !important; }
}

/* =========================================================
   PRODUCT BLOCK — consolidated from your PDF (Box/Corr/Tile…)
   ========================================================= */
body.page-id-35 .yc-rs-prod{
  width:100%;
  max-width: var(--yc-max);
  margin: 28px auto 0;
  padding: 0 var(--yc-pad);
  font-family: Poppins, Montserrat, Arial, sans-serif;
}
body.page-id-35 .yc-rs-prod,
body.page-id-35 .yc-rs-prod *{ box-sizing:border-box; }

body.page-id-35 .yc-rs-prod__panel{
  position:relative;
  overflow:hidden;
  border-radius: var(--yc-radius-lg);
  border: 1px solid var(--yc-border);
  box-shadow: var(--yc-shadow-lg);
  background: var(--yc-card);
}
body.page-id-35 .yc-rs-prod__panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(70% 70% at 10% 10%, rgba(246,96,0,0.08) 0%, rgba(246,96,0,0.00) 55%),
    radial-gradient(80% 70% at 90% 20%, rgba(6,8,23,0.06) 0%, rgba(6,8,23,0.00) 60%);
  pointer-events:none;
}

body.page-id-35 .yc-rs-prod__grid{
  position:relative;
  display:grid;
  grid-template-columns: 1fr 1.05fr;
  gap: var(--yc-gap);
  padding: 32px;
  align-items: stretch;
}

/* LEFT media card */
body.page-id-35 .yc-rs-prod__media{
  position:relative;
  overflow:hidden;
  border-radius: var(--yc-radius-md);
  border: 1px solid var(--yc-border-soft);
  background: var(--yc-card);
  box-shadow: var(--yc-shadow-md);
  display:flex;
  flex-direction:column;
  min-height: 100%;
}
body.page-id-35 .yc-rs-prod__mediaTop{
  position:relative;
  overflow:hidden;
  background: var(--yc-card);
  aspect-ratio: 1 / 1;
}
body.page-id-35 .yc-rs-prod__mediaTop::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg, rgba(6,8,23,0.08) 0%, rgba(6,8,23,0.00) 55%, rgba(6,8,23,0.08) 100%),
    radial-gradient(60% 60% at 20% 20%, rgba(246,96,0,0.10) 0%, rgba(246,96,0,0.00) 60%);
  pointer-events:none;
}
body.page-id-35 .yc-rs-prod__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover;
  object-position: 50% 15%;
  display:block;
  transform: scale(1.02);
  transition: transform .6s ease, filter .6s ease;
  filter: saturate(1.02) contrast(1.02);
}
body.page-id-35 .yc-rs-prod__panel:hover .yc-rs-prod__img{
  transform: scale(1.06);
  filter: saturate(1.06) contrast(1.04);
}

body.page-id-35 .yc-rs-prod__badge{
  position:absolute;
  top: 14px;
  left: 14px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.86);
  border: 1px solid var(--yc-border);
  color: rgba(6,8,23,0.86);
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}
body.page-id-35 .yc-rs-prod__dot{
  width:10px;height:10px;border-radius:50%;
  background: var(--yc-accent);
  box-shadow: 0 0 0 4px rgba(246,96,0,0.18);
  flex:0 0 auto;
}

body.page-id-35 .yc-rs-prod__caption{
  padding: 14px 16px 16px;
  border-top: 1px solid var(--yc-border-soft);
  background: rgba(6,8,23,0.02);
  display:flex;
  flex-direction:column;
  gap: 10px;
  flex: 1 1 auto;
}
body.page-id-35 .yc-rs-prod__capTitle{
  margin: 0;
  color: var(--yc-ink);
  font-weight: 900;
  font-size: 14px;
}
body.page-id-35 .yc-rs-prod__capText{
  margin: 0;
  color: rgba(6,8,23,0.72);
  font-size: 12.5px;
  line-height: 1.55;
}
body.page-id-35 .yc-rs-prod__capLinkRow{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: auto;
}
body.page-id-35 .yc-rs-prod__capLink{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(246,96,0,0.10);
  border: 1px solid rgba(246,96,0,0.28);
  color: var(--yc-ink);
  font-weight: 900;
  font-size: 12.5px;
  text-decoration:none;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
  white-space: nowrap;
}
body.page-id-35 .yc-rs-prod__capLink:hover{
  transform: translateY(-1px);
  background: rgba(246,96,0,0.16);
  border-color: rgba(246,96,0,0.45);
  box-shadow: 0 14px 34px rgba(6,8,23,0.10);
}
body.page-id-35 .yc-rs-prod__capLinkDot{
  width:9px;height:9px;border-radius:50%;
  background: var(--yc-accent);
  box-shadow: 0 0 0 4px rgba(246,96,0,0.18);
}

/* RIGHT content */
body.page-id-35 .yc-rs-prod__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(6,8,23,0.04);
  border: 1px solid rgba(6,8,23,0.10);
  color: rgba(6,8,23,0.78);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
body.page-id-35 .yc-rs-prod__kdot{
  width:10px;height:10px;border-radius:50%;
  background: var(--yc-accent);
  box-shadow: 0 0 0 4px rgba(246,96,0,0.18);
}
body.page-id-35 .yc-rs-prod__title{
  margin: 12px 0 8px;
  color: var(--yc-ink);
  font-weight: 900;
  line-height: 1.12;
  font-size: 28px;
}
body.page-id-35 .yc-rs-prod__lead{
  margin: 0 0 14px;
  color: var(--yc-muted);
  font-size: 14px;
  line-height: 1.75;
  max-width: 680px;
}

/* specs */
body.page-id-35 .yc-rs-prod__specs{
  margin: 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 10px;
}
body.page-id-35 .yc-rs-prod__spec{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(6,8,23,0.03);
  border: 1px solid rgba(6,8,23,0.10);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
body.page-id-35 .yc-rs-prod__spec:hover{
  transform: translateY(-2px);
  border-color: rgba(246,96,0,0.35);
  background: rgba(246,96,0,0.06);
}
body.page-id-35 .yc-rs-prod__tick{
  width: 20px; height: 20px;
  border-radius: 8px;
  background: rgba(246,96,0,0.12);
  border: 1px solid rgba(246,96,0,0.28);
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--yc-accent);
  flex: 0 0 auto;
  margin-top: 2px;
}
body.page-id-35 .yc-rs-prod__tick svg{ width:12px; height:12px; display:block; }
body.page-id-35 .yc-rs-prod__spec strong{
  display:block;
  color: var(--yc-ink);
  font-weight: 900;
  font-size: 13px;
  line-height: 1.25;
  margin: 0 0 2px;
}
body.page-id-35 .yc-rs-prod__spec span{
  display:block;
  color: var(--yc-muted);
  font-size: 13px;
  line-height: 1.55;
}

body.page-id-35 .yc-rs-prod__note{
  margin: 12px 0 0;
  color: var(--yc-muted2);
  font-size: 12.5px;
  line-height: 1.6;
}

/* actions */
body.page-id-35 .yc-rs-prod__actions{
  display:flex;
  gap:10px;
  flex-wrap: wrap;
  margin-top: 14px;
}
body.page-id-35 .yc-rs-prod__btnPrimary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 16px;
  border-radius: 999px;
  background: var(--yc-accent);
  color:#fff !important;
  font-weight: 900;
  font-size: 13px;
  text-decoration:none !important;
  box-shadow: 0 16px 40px rgba(246,96,0,0.32);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  border:none;
}
body.page-id-35 .yc-rs-prod__btnPrimary:hover{
  transform: translateY(-2px);
  background:#e45700;
  box-shadow: 0 22px 52px rgba(246,96,0,0.42);
}
body.page-id-35 .yc-rs-prod__btnSecondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 11px 14px;
  border-radius: 999px;
  background: rgba(6,8,23,0.03);
  border: 1px solid rgba(6,8,23,0.16);
  color: var(--yc-ink) !important;
  font-weight: 900;
  font-size: 13px;
  text-decoration:none !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body.page-id-35 .yc-rs-prod__btnSecondary:hover{
  transform: translateY(-1px);
  background: rgba(246,96,0,0.08);
  border-color: rgba(246,96,0,0.45);
  box-shadow: 0 18px 50px rgba(6,8,23,0.10);
}

/* Responsive product block */
@media (max-width: 980px){
  body.page-id-35 .yc-rs-prod__grid{ grid-template-columns: 1fr; padding: 24px; }
  body.page-id-35 .yc-rs-prod__mediaTop{ aspect-ratio: 11 / 10; }
  body.page-id-35 .yc-rs-prod__title{ font-size: 26px; }
}
@media (max-width: 520px){
  body.page-id-35 .yc-rs-prod__grid{ padding: 20px; }
  body.page-id-35 .yc-rs-prod__title{ font-size: 24px; line-height: 1.15; }
  body.page-id-35 .yc-rs-prod__actions{ width:100%; }
  body.page-id-35 .yc-rs-prod__btnPrimary,
  body.page-id-35 .yc-rs-prod__btnSecondary{ width:100%; }
  body.page-id-35 .yc-rs-prod__capLink{ width:100%; justify-content:center; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  body.page-id-35 .yc-rs-prod__img,
  body.page-id-35 .yc-rs-prod__panel,
  body.page-id-35 .yc-rs-prod__spec,
  body.page-id-35 .yc-rs-prod__btnPrimary,
  body.page-id-35 .yc-rs-prod__btnSecondary,
  body.page-id-35 .yc-rs-prod__capLink{ transition:none !important; }
}/* =========================================================
   GLOBAL TYPO / LINK SAFETY (only Roof Sheets page)
   ========================================================= */
body.page-id-35 .yc-rs-hero a,
body.page-id-35 .yc-rs-prod a,
body.page-id-35 .yc-rs-colours a{
  text-decoration: none;
}

body.page-id-35 .yc-rs-hero a:focus,
body.page-id-35 .yc-rs-prod a:focus,
body.page-id-35 .yc-rs-colours a:focus{
  outline: 2px solid rgba(246,96,0,0.55);
  outline-offset: 3px;
  border-radius: 12px;
}

/* Avoid Elementor default link underline styles inside our blocks */
body.page-id-35 .yc-rs-hero a:hover,
body.page-id-35 .yc-rs-prod a:hover,
body.page-id-35 .yc-rs-colours a:hover{
  text-decoration: none;
}

/* Optional: keep paragraphs consistent */
body.page-id-35 .yc-rs-hero p,
body.page-id-35 .yc-rs-prod p,
body.page-id-35 .yc-rs-colours p{
  margin-top: 0;
}

/* =========================================================
   SECTION SPACING HELPERS
   (for consistent rhythm between blocks)
   ========================================================= */
body.page-id-35 .yc-rs-hero{ margin-top: 24px; }
body.page-id-35 .yc-rs-prod{ margin-top: 22px; }

/* =========================================================
   COLOURS SECTION — (cards + swatches + grid)
   Classes expected in HTML:
   .yc-rs-colours
   .yc-rs-colours__panel
   .yc-rs-colours__inner
   .yc-rs-colours__title
   .yc-rs-colours__lead
   .yc-rs-colours__grid
   .yc-rs-colours__card
   .yc-rs-colours__swatch
   .yc-rs-colours__meta
   .yc-rs-colours__name
   .yc-rs-colours__code
   ========================================================= */
body.page-id-35 .yc-rs-colours{
  width:100%;
  max-width: var(--yc-max);
  margin: 28px auto 40px;
  padding: 0 var(--yc-pad);
  font-family: Poppins, Montserrat, Arial, sans-serif;
}
body.page-id-35 .yc-rs-colours,
body.page-id-35 .yc-rs-colours *{ box-sizing:border-box; }

body.page-id-35 .yc-rs-colours__panel{
  position:relative;
  overflow:hidden;
  border-radius: var(--yc-radius-lg);
  border: 1px solid var(--yc-border);
  box-shadow: var(--yc-shadow-lg);
  background: var(--yc-card);
}
body.page-id-35 .yc-rs-colours__panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(70% 70% at 12% 12%, rgba(246,96,0,0.07) 0%, rgba(246,96,0,0.00) 55%),
    radial-gradient(80% 70% at 90% 20%, rgba(6,8,23,0.05) 0%, rgba(6,8,23,0.00) 60%);
  pointer-events:none;
}

body.page-id-35 .yc-rs-colours__inner{
  position:relative;
  padding: 28px;
}

body.page-id-35 .yc-rs-colours__title{
  margin: 0 0 8px;
  color: var(--yc-ink);
  font-weight: 900;
  font-size: 28px;
  line-height: 1.15;
}
body.page-id-35 .yc-rs-colours__lead{
  margin: 0 0 16px;
  color: var(--yc-muted);
  font-size: 14px;
  line-height: 1.75;
  max-width: 820px;
}

body.page-id-35 .yc-rs-colours__grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

/* Colour card */
body.page-id-35 .yc-rs-colours__card{
  overflow:hidden;
  border-radius: 16px;
  border: 1px solid rgba(6,8,23,0.10);
  background: rgba(255,255,255,0.92);
  box-shadow: 0 14px 34px rgba(6,8,23,0.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.page-id-35 .yc-rs-colours__card:hover{
  transform: translateY(-2px);
  border-color: rgba(246,96,0,0.28);
  box-shadow: 0 18px 44px rgba(6,8,23,0.10);
}

body.page-id-35 .yc-rs-colours__swatch{
  height: 78px;
  background: rgba(6,8,23,0.06); /* fallback if no inline style */
  position:relative;
}
body.page-id-35 .yc-rs-colours__swatch::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.00) 55%, rgba(255,255,255,0.20) 100%);
  pointer-events:none;
}

body.page-id-35 .yc-rs-colours__meta{
  padding: 10px 12px 12px;
  line-height: 1.45;
}
body.page-id-35 .yc-rs-colours__name{
  display:block;
  color: var(--yc-ink);
  font-weight: 900;
  font-size: 13px;
  margin: 0 0 2px;
}
body.page-id-35 .yc-rs-colours__code{
  display:block;
  color: rgba(6,8,23,0.72);
  font-weight: 700;
  font-size: 12px;
}

/* Responsive colours */
@media (max-width: 980px){
  body.page-id-35 .yc-rs-colours__inner{ padding: 22px; }
  body.page-id-35 .yc-rs-colours__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px){
  body.page-id-35 .yc-rs-colours__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  body.page-id-35 .yc-rs-colours{ margin-bottom: 28px; }
  body.page-id-35 .yc-rs-colours__inner{ padding: 18px; }
  body.page-id-35 .yc-rs-colours__title{ font-size: 24px; }
  body.page-id-35 .yc-rs-colours__grid{ grid-template-columns: 1fr; }
}

/* =========================================================
   MICRO FIXES (Elementor quirks)
   ========================================================= */
/* Stop images inside our blocks from inheriting max-width weirdness */
body.page-id-35 .yc-rs-hero img,
body.page-id-35 .yc-rs-prod img{
  max-width: 100%;
  height: auto;
}

/* Keep strong tags consistent inside blocks */
body.page-id-35 .yc-rs-hero strong,
body.page-id-35 .yc-rs-prod strong,
body.page-id-35 .yc-rs-colours strong{
  font-weight: 900;
}

/* Reduced motion extension */
@media (prefers-reduced-motion: reduce){
  body.page-id-35 .yc-rs-colours__card{ transition:none !important; }
}/* End custom CSS */