.elementor-49 .elementor-element.elementor-element-6d1f781{--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-49 .elementor-element.elementor-element-91c66ae{width:100%;max-width:100%;}.elementor-49 .elementor-element.elementor-element-59e4a9a{--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-49 .elementor-element.elementor-element-7e1e66b{width:100%;max-width:100%;}.elementor-49 .elementor-element.elementor-element-53e0d58{--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-49 .elementor-element.elementor-element-7e197c7{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS *//* =========================================================
   YourClad — FIXINGS & ACCESSORIES (SYSTEM PAGE)
   Scope: body.page-id-49
   Strict: NO global body.elementor-page-49s (only body.page-id-49 ...)
   Brand: #F66000 / #060817
   Background page: #f7f7f7
   ========================================================= */

/* ---------- Tokens (scoped to this page) ---------- */
body.page-id-49{
  --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-49{
  background: var(--yc-bg-page);
}

/* Anchor offset (safe: only your known IDs) */
body.page-id-49 #system,
body.page-id-49 #faq{
  scroll-margin-top: var(--yc-scroll-offset);
}

/* =========================================================
   HERO — Fixings & Accessories
   Classes expected in HTML:
   .yc-fa-hero .yc-fa-hero__panel .yc-fa-hero__bg .yc-fa-hero__grid ...
   ========================================================= */
body.page-id-49 .yc-fa-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-49 .yc-fa-hero,
body.page-id-49 .yc-fa-hero *{ box-sizing:border-box; }

body.page-id-49 .yc-fa-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);
}

body.page-id-49 .yc-fa-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%),
    url("#");
  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-49 .yc-fa-hero__panel:hover .yc-fa-hero__bg{ transform: scale(1.06); }

body.page-id-49 .yc-fa-hero__grid{
  position:relative;
  min-height: calc(92vh - 56px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap: 18px;
  padding: clamp(26px, 5vw, 64px);
  align-items:flex-start;
}

body.page-id-49 .yc-fa-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-49 .yc-fa-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-49 .yc-fa-hero__title{
  margin: 12px 0 8px;
  color:#fff;
  font-weight: 900;
  letter-spacing: .2px;
  line-height: 1.06;
  font-size: clamp(32px, 3.6vw, 52px);
  max-width: 980px;
}
body.page-id-49 .yc-fa-hero__subtitle{
  margin: 0 0 4px;
  color: rgba(255,255,255,0.86);
  font-size: clamp(15px, 1.35vw, 20px);
  line-height: 1.7;
  max-width: 960px;
}

body.page-id-49 .yc-fa-hero__chips{
  margin: 6px 0 4px;
  padding: 0;
  list-style: none;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 1000px;
}
body.page-id-49 .yc-fa-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 !important;
  backdrop-filter: blur(10px);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
body.page-id-49 .yc-fa-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-49 .yc-fa-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);
}

body.page-id-49 .yc-fa-hero__bullets{
  margin: 4px 0 8px;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 12px;
  max-width: 980px;
}
body.page-id-49 .yc-fa-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-49 .yc-fa-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-49 .yc-fa-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-49 .yc-fa-hero__actions{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items:center;
  margin-top: 2px;
}
body.page-id-49 .yc-fa-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-49 .yc-fa-hero__btnPrimary:hover{
  transform: translateY(-2px);
  background:#e45700;
  box-shadow: 0 26px 70px rgba(246,96,0,0.48);
}
body.page-id-49 .yc-fa-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-49 .yc-fa-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);
}

/* Responsive hero */
@media (max-width: 980px){
  body.page-id-49 .yc-fa-hero__grid{ min-height: 78vh; padding: 26px; }
}
@media (max-width: 520px){
  body.page-id-49 .yc-fa-hero__grid{ padding: 20px; min-height: 70vh; }
  body.page-id-49 .yc-fa-hero__actions{ width:100%; }
  body.page-id-49 .yc-fa-hero__btnPrimary,
  body.page-id-49 .yc-fa-hero__btnSecondary{ width:100%; }
}

/* =========================================================
   SYSTEM BLOCK (Block 2) — "part of the system" (no image)
   Wrapper: .yc-fa-system
   ========================================================= */
body.page-id-49 .yc-fa-system{
  width:100%;
  max-width: var(--yc-max);
  margin: 22px auto 0;
  padding: 0 var(--yc-pad);
  font-family: Poppins, Montserrat, Arial, sans-serif;
}
body.page-id-49 .yc-fa-system,
body.page-id-49 .yc-fa-system *{ box-sizing:border-box; }

body.page-id-49 .yc-fa-system__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-49 .yc-fa-system__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-49 .yc-fa-system__inner{
  position:relative;
  padding: 28px;
  display:grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 18px;
  align-items:start;
}

body.page-id-49 .yc-fa-system__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-49 .yc-fa-system__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-49 .yc-fa-system__title{
  margin: 10px 0 8px;
  color: var(--yc-ink);
  font-weight: 900;
  font-size: 28px;
  line-height: 1.15;
}
body.page-id-49 .yc-fa-system__lead{
  margin: 0 0 12px;
  color: var(--yc-muted);
  font-size: 14px;
  line-height: 1.75;
  max-width: 820px;
}

body.page-id-49 .yc-fa-system__list{
  margin: 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 10px;
}
body.page-id-49 .yc-fa-system__item{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  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-49 .yc-fa-system__item:hover{
  transform: translateY(-2px);
  border-color: rgba(246,96,0,0.35);
  background: rgba(246,96,0,0.06);
}
body.page-id-49 .yc-fa-system__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-49 .yc-fa-system__item strong{
  display:block;
  color: var(--yc-ink);
  font-weight: 900;
  font-size: 13px;
  line-height: 1.25;
  margin: 0 0 2px;
}
body.page-id-49 .yc-fa-system__item span{
  display:block;
  color: var(--yc-muted);
  font-size: 13px;
  line-height: 1.55;
}

body.page-id-49 .yc-fa-system__aside{
  border-radius: var(--yc-radius-md);
  border: 1px solid var(--yc-border-soft);
  background: rgba(6,8,23,0.02);
  padding: 16px;
  box-shadow: var(--yc-shadow-md);
}
body.page-id-49 .yc-fa-system__asideTitle{
  margin: 0 0 8px;
  color: var(--yc-ink);
  font-weight: 900;
  font-size: 14px;
}
body.page-id-49 .yc-fa-system__asideText{
  margin: 0 0 12px;
  color: rgba(6,8,23,0.72);
  font-size: 13px;
  line-height: 1.65;
}
body.page-id-49 .yc-fa-system__actions{
  display:flex;
  gap:10px;
  flex-wrap: wrap;
}
body.page-id-49 .yc-fa-system__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;
}
body.page-id-49 .yc-fa-system__btnPrimary:hover{
  transform: translateY(-2px);
  background:#e45700;
  box-shadow: 0 22px 52px rgba(246,96,0,0.42);
}
body.page-id-49 .yc-fa-system__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-49 .yc-fa-system__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);
}

@media (max-width: 980px){
  body.page-id-49 .yc-fa-system__inner{ grid-template-columns: 1fr; padding: 22px; }
}
@media (max-width: 520px){
  body.page-id-49 .yc-fa-system__inner{ padding: 18px; }
  body.page-id-49 .yc-fa-system__actions{ width:100%; }
  body.page-id-49 .yc-fa-system__btnPrimary,
  body.page-id-49 .yc-fa-system__btnSecondary{ width:100%; }
}

/* =========================================================
   FAQ + CTA STRIP (Block 3)
   Wrapper: .yc-fa-faq
   Uses <details> for zero-JS accordion
   ========================================================= */
body.page-id-49 .yc-fa-faq{
  width:100%;
  max-width: var(--yc-max);
  margin: 22px auto 40px;
  padding: 0 var(--yc-pad);
  font-family: Poppins, Montserrat, Arial, sans-serif;
}
body.page-id-49 .yc-fa-faq,
body.page-id-49 .yc-fa-faq *{ box-sizing:border-box; }

body.page-id-49 .yc-fa-faq__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-49 .yc-fa-faq__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-49 .yc-fa-faq__inner{
  position:relative;
  padding: 28px;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items:start;
}

body.page-id-49 .yc-fa-faq__title{
  margin: 0 0 6px;
  color: var(--yc-ink);
  font-weight: 900;
  font-size: 28px;
  line-height: 1.15;
}
body.page-id-49 .yc-fa-faq__lead{
  margin: 0 0 14px;
  color: var(--yc-muted);
  font-size: 14px;
  line-height: 1.75;
  max-width: 780px;
}

/* Accordion */
body.page-id-49 .yc-fa-faq__list{
  display:grid;
  gap: 10px;
}
body.page-id-49 .yc-fa-faq__item{
  border-radius: 16px;
  border: 1px solid rgba(6,8,23,0.10);
  background: rgba(6,8,23,0.02);
  overflow:hidden;
}
body.page-id-49 .yc-fa-faq__item summary{
  list-style:none;
  cursor:pointer;
  padding: 12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  font-weight: 900;
  color: var(--yc-ink);
  font-size: 14px;
}
body.page-id-49 .yc-fa-faq__item summary::-webkit-details-marker{ display:none; }

body.page-id-49 .yc-fa-faq__chev{
  width: 28px; height: 28px;
  border-radius: 10px;
  border: 1px solid rgba(6,8,23,0.12);
  background: rgba(255,255,255,0.80);
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
body.page-id-49 .yc-fa-faq__item[open] .yc-fa-faq__chev{
  transform: rotate(180deg);
  border-color: rgba(246,96,0,0.35);
  background: rgba(246,96,0,0.10);
}
body.page-id-49 .yc-fa-faq__answer{
  padding: 0 14px 14px;
  color: rgba(6,8,23,0.78);
  font-size: 13.5px;
  line-height: 1.65;
}
body.page-id-49 .yc-fa-faq__answer p{ margin: 10px 0 0; }

/* CTA strip (inside same panel) */
body.page-id-49 .yc-fa-faq__cta{
  border-radius: var(--yc-radius-md);
  border: 1px solid rgba(6,8,23,0.10);
  background: linear-gradient(115deg, rgba(6,8,23,0.96) 0%, rgba(6,8,23,0.86) 55%, rgba(6,8,23,0.72) 100%);
  color: #fff;
  padding: 16px;
  box-shadow: 0 18px 54px rgba(6,8,23,0.18);
}
body.page-id-49 .yc-fa-faq__ctaTitle{
  margin: 0 0 8px;
  font-weight: 900;
  font-size: 16px;
 color:#fff !important;
}
body.page-id-49 .yc-fa-faq__ctaText{
  margin: 0 0 12px;
  color: rgba(255,255,255,0.84);
  font-size: 13.5px;
  line-height: 1.65;
}
body.page-id-49 .yc-fa-faq__ctaActions{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}
body.page-id-49 .yc-fa-faq__ctaBtnPrimary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  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.40);
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
body.page-id-49 .yc-fa-faq__ctaBtnPrimary:hover{
  transform: translateY(-2px);
  background:#ff7a1f;
  box-shadow: 0 22px 52px rgba(246,96,0,0.52);
}
body.page-id-49 .yc-fa-faq__ctaBtnSecondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 11px 14px;
  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: 13px;
  text-decoration:none !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
body.page-id-49 .yc-fa-faq__ctaBtnSecondary:hover{
  transform: translateY(-1px);
  background: rgba(246,96,0,0.10);
  border-color: rgba(246,96,0,0.55);
}

@media (max-width: 980px){
  body.page-id-49 .yc-fa-faq__inner{ grid-template-columns: 1fr; padding: 22px; }
}
@media (max-width: 520px){
  body.page-id-49 .yc-fa-faq__inner{ padding: 18px; }
  body.page-id-49 .yc-fa-faq__ctaActions{ width:100%; }
  body.page-id-49 .yc-fa-faq__ctaBtnPrimary,
  body.page-id-49 .yc-fa-faq__ctaBtnSecondary{ width:100%; }
}

/* =========================================================
   Link safety within our wrappers (no global)
   ========================================================= */
body.page-id-49 .yc-fa-hero a,
body.page-id-49 .yc-fa-system a,
body.page-id-49 .yc-fa-faq a{
  text-decoration: none !important;
}
body.page-id-49 .yc-fa-hero a:focus,
body.page-id-49 .yc-fa-system a:focus,
body.page-id-49 .yc-fa-faq a:focus{
  outline: 2px solid rgba(246,96,0,0.55);
  outline-offset: 3px;
  border-radius: 12px;
}/* End custom CSS */