/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

.content .product {
    padding: 0px !important;
}

.nav > li > a {
    padding: 10px 12px !important;
}

.product p.entry-meta {
    display: none !important;
}

.product i.fa.fa-thumb-tack {
    display: none !important;
}

.product_meta {
    display: none !important;
}

.woocommerce-tabs h2 {
    display: none !important;
}

.woocommerce-product-details__short-description p {
    margin: 0 0 1.3em;
}

.entry-summary p.price {
    margin-bottom: 1.1em;
}

.woocommerce-tabs p {
    margin-bottom: 1.1em !important;
}

.single-product .page_header.zp_header_default_page {
    display: none !important;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #c71010;
    font-size: 1.25em;
    font-weight: bold;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #000003;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #424242;
    color: #fff;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: normal !important;
    border-radius: 3px;
    left: auto;
    color: #f7f6f7;
    background-color: #808080;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}


.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #adadad;
    text-decoration: none;
    background-image: none;
    color: #f7f6f7;
}

.jp-carousel-info {
    display: none !important;
}

.wpcf7 p {
    margin-bottom: 15px;
}

input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
}



.thumbnail .caption {
    padding: 9px;
    color: #5f5f5f;
}

.option-set a.active, .option-set a:hover, .btn-inverse {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.15);

}

element.style {
}

.full-width-content .entry-content .single_portfolio_container.single_portfolio_content, .sidebar-content .entry-content .single_portfolio_container.single_portfolio_content, .content-sidebar .entry-content .single_portfolio_container.single_portfolio_content {
    padding: 0px;
}

body {
    background-attachment: fixed;
    background-image: url(../images/bg.png);
    background-position: left top;
    background-repeat: no-repeat;
    font: 400 16px/1.75 "Raleway",sans-serif;
    word-wrap: break-word;
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    line-height: 1.4;
}

.navbar .nav > li > a {
    color: #000;
    border: none;
    display: inline-block;
    font-family: "Montserrat",sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    text-shadow: none;
    text-transform: uppercase;
}

.single-portfolio .site-inner {
    margin: 0;
    overflow: hidden;
    padding: 2% 0 0;
}

.site-header .container {
    padding-bottom: 0px;
    padding-top: 0px;
    -webkit-transition: padding 0.2s linear;
    -moz-transition: padding 0.2s linear;
    -o-transition: padding 0.2s linear;
    transition: padding 0.2s linear;
}

.wp-caption p.wp-caption-text {
    color: #000;
    font-size: 12px;
    font-style: normal;
    margin: 0;
    padding: 0;
    width: 100%;
}

p {
    margin: 0;
    line-height: 30px;
}

/* custome code for blog */

.custom-blog-listing {
    display: grid;
    gap: 30px;
}

.blog-item {
    display: flex;
    gap: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.blog-thumb {
    flex: 0 0 250px;
}

.blog-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.blog-content {
    flex: 1;
}

.blog-title {
    margin: 0 0 10px;
}

.blog-title a {
    text-decoration: none;
}

.blog-excerpt {
    margin-bottom: 15px;
}

.blog-read-more {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    border: 1px solid #000;
}

@media (max-width: 767px) {
    .blog-item {
        flex-direction: column;
    }

    .blog-thumb {
        flex: auto;
    }
}

/* =====================================================================
   STEPHEN WILLIAM BENNETT — LANDING PAGE (Version B · B&W)
   WordPress Additional CSS  ·  Genesis Framework + Drone child theme
   ---------------------------------------------------------------------
   HOW TO USE
   1. Appearance → Customize → Additional CSS → paste this whole file once.
   2. The whole page lives inside ONE outer Group block with the class "sb".
      Every rule below is scoped to .sb (or body.sb-page) so nothing leaks
      into the rest of the site.
   3. Optional but recommended: in the page's Genesis "Layout Settings" box
      set Custom Body Class = sb-page  (enables the page-level fallbacks).

   TYPOGRAPHY NOTE
   The approved file uses clamp(MIN rem, X vw, MAX rem). Genesis child themes
   commonly set html{font-size:62.5%} (1rem = 10px), which silently shrinks
   every rem value by 37.5%. All sizes below are therefore in PX (16px basis,
   exactly matching the approved file) and use the formula
        max(MIN-px, min(MAX-px, Xvw))
   → desktop always renders the approved MAX, mobile scales with vw,
     and never drops under the approved MIN.
   ===================================================================== */

/* Google Fonts — if this @import is ignored by the theme, use the WPCode
   <link> header snippet from the setup guide instead (keep this line first
   in Additional CSS either way). */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600;700;800;900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

/* ---------- Design tokens ---------- */
.sb{
  --ink:#0a0a0b;
  --ink-2:#141416;
  --fog:#3a3a3e;
  --line:rgba(255,255,255,.14);
  --white:#f7f7f5;
  --mute:rgba(247,247,245,.62);
  --mute-2:rgba(247,247,245,.42);
  --display:"Inter","Futura",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --serif:"Libre Baskerville","Baskerville","Baskerville Old Face",Georgia,serif;
  --maxw:1180px;
}

/* =====================================================================
   1. FULL-BLEED WRAPPER — kills the theme's white background
   ===================================================================== */
.sb{
  box-sizing:border-box;
  position:relative;
  width:100vw;
  max-width:100vw;
  /* Tam genişlik: ebeveyn ortalı DEĞİLSE bile viewport'a hizalanır */
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding:0 !important;
  background:var(--ink) !important;
  color:var(--white);
  font-family:var(--serif) !important;
  font-weight:400;
  font-size:16px !important;
  line-height:1.7 !important;
  letter-spacing:.01em !important;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}
.sb *,.sb *::before,.sb *::after{box-sizing:border-box;}

/* Atmospheric radial fade — approved design uses a FIXED full-viewport
   layer. Kept fixed here on purpose: it paints the dark gradient over the
   ENTIRE viewport (z-index:0), and all real content sits at z-index:1.
   This is also what removes the theme's white bands above/below the page —
   the gradient simply covers them. (The old working version did exactly
   this; do not change it to absolute.) */
.sb::before{
  content:"";
  position:fixed;inset:0;z-index:0;
  background:radial-gradient(130% 80% at 50% 14%,#26262b 0%,#17171a 46%,var(--ink) 82%);
  pointer-events:none;
}
.sb > *{position:relative;z-index:1;}

/* ---------- Page-level fallbacks ---------- */
body.sb-page{background:var(--ink) !important;overflow-x:hidden;}
body.sb-page::before{
  content:"";position:fixed;inset:0;z-index:-1;
  background:radial-gradient(130% 80% at 50% 14%,#26262b 0%,#17171a 46%,#0a0a0b 82%);
  pointer-events:none;
}
body.sb-page .site-container,
body.sb-page .site-inner,
body.sb-page .content-sidebar-wrap,
body.sb-page .content,
body.sb-page .entry,
body.sb-page .entry-content,
body.sb-page article{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}
body.sb-page .site-inner,
body.sb-page .content,
body.sb-page .entry-content{
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
}
body.sb-page .entry-header,
body.sb-page .entry-title,
body.sb-page .entry-footer,
body.sb-page .breadcrumb{display:none !important;}

/* ---------------------------------------------------------------------
   LANDING TEMPLATE — kill the white gaps above/below the page.
   Genesis'in Landing Page template'i header/footer'ı zaten kaldırıyor,
   ama body/.site-inner/.entry beyaz kalıyor ve kendi margin/padding'leri
   .sb bloğunun üstünde-altında beyaz bant bırakıyor. Aşağıdaki kurallar
   hem sb-page body class'ında hem de Genesis landing template'in kendi
   body class'larında çalışır (sb-page girmek zorunlu değil).
   --------------------------------------------------------------------- */
body.sb-page,
body.landing-page,
body.page-template-page_landing,
body.page-template-page_landing-php,
body.page-template-landing,
body.page-template-landing-php{
  background:#0a0a0b !important;
  margin:0 !important;
  padding:0 !important;
}
html:has(.wp-block-group.sb){background:#0a0a0b;}

body.sb-page .site-container,
body.sb-page .site-inner,
body.sb-page .content-sidebar-wrap,
body.sb-page .content,
body.sb-page article,
body.sb-page .entry,
body.sb-page .entry-content,
body.landing-page .site-container,
body.landing-page .site-inner,
body.landing-page .content-sidebar-wrap,
body.landing-page .content,
body.landing-page article,
body.landing-page .entry,
body.landing-page .entry-content,
body[class*="page-template-page_landing"] .site-container,
body[class*="page-template-page_landing"] .site-inner,
body[class*="page-template-page_landing"] .content-sidebar-wrap,
body[class*="page-template-page_landing"] .content,
body[class*="page-template-page_landing"] article,
body[class*="page-template-page_landing"] .entry,
body[class*="page-template-page_landing"] .entry-content,
body[class*="page-template-landing"] .site-container,
body[class*="page-template-landing"] .site-inner,
body[class*="page-template-landing"] .content-sidebar-wrap,
body[class*="page-template-landing"] .content,
body[class*="page-template-landing"] article,
body[class*="page-template-landing"] .entry,
body[class*="page-template-landing"] .entry-content{
  background:transparent !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  width:100% !important;      /* Genesis .content sabit genişlik verebiliyor */
  float:none !important;      /* Genesis .content float:left yapabiliyor    */
  border:0 !important;
  box-shadow:none !important;
}

/* Genesis'in .site-inner içindeki .wrap kolonu da tam genişlik olmalı,
   yoksa .sb'nin calc(50% - 50vw) formülü sola kayar */
body.sb-page .site-inner .wrap,
body.landing-page .site-inner .wrap,
body[class*="page-template-page_landing"] .site-inner .wrap,
body[class*="page-template-landing"] .site-inner .wrap{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  background:transparent !important;
}

/* Son emniyet: hangi wrapper kalırsa kalsın, .sb bloğunun üstünde/altında
   margin bırakılmasın */
.wp-block-group.sb{margin-top:0 !important;margin-bottom:0 !important;}
.entry-content > .wp-block-group.sb:first-child{margin-top:0 !important;}
.entry-content > .wp-block-group.sb:last-child{margin-bottom:0 !important;}
/* Neutralise the theme's own block margins inside our page */
.sb .wp-block-group,
.sb .wp-block-buttons,
.sb .wp-block-image,
.sb .wp-block-separator{margin:0;padding:0;}
/* Genesis/classic themes wrap Group children in an extra div; make it
   transparent to layout so grid/flex rules hit the real children.
   (This is what pushed "Timeframe" into the left column.) */
.sb .wp-block-group > .wp-block-group__inner-container{
  display:contents !important;
  max-width:none;margin:0;padding:0;
}

/* =====================================================================
   2. BASE RESETS inside .sb (theme typography is overridden here)
   ===================================================================== */
.sb p,.sb h1,.sb h2,.sb h3{margin:0;padding:0;color:inherit;}
.sb a{color:inherit;}
.sb img{max-width:100%;height:auto;display:block;}
.sb figure{margin:0;}
.sb figcaption{display:none;}

.sb h1,.sb h2,.sb h3{
  font-family:var(--display) !important;
  font-weight:800 !important;
  line-height:1.02 !important;
  text-transform:uppercase;
}

/* ---------- Content column (approved .wrap) ---------- */
.sb-wrap{
  max-width:var(--maxw);
  margin:0 auto !important;
  padding:0 clamp(20px,5vw,48px) !important;
}

/* ---------- Eyebrow ---------- */
.sb .sb-eyebrow{
  font-family:var(--display) !important;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.42em !important;
  font-size:max(10px,min(12.5px,1.6vw)) !important;      /* clamp(.62rem,1.6vw,.78rem) */
  line-height:1.7 !important;
  color:var(--mute-2) !important;
  margin:0;
}

/* =====================================================================
   3. HERO
   ===================================================================== */
.sb .sb-hero{
  min-height:100svh;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  text-align:center;
  padding:clamp(48px,9vh,110px) 0 clamp(40px,7vh,80px) !important;
  position:relative;
}
.sb .sb-hero .sb-wrap{width:100%;display:flex;flex-direction:column;align-items:center;}

.sb .sb-hero-figure{
  width:min(760px,92vw);
  margin:0 auto clamp(30px,5vh,54px) !important;
  position:relative;
}
.sb .sb-hero-figure img{
  width:100%;height:auto;
  -webkit-mask-image:radial-gradient(140% 140% at 50% 50%,#000 82%,transparent 100%);
          mask-image:radial-gradient(140% 140% at 50% 50%,#000 82%,transparent 100%);
}

.sb .sb-h1{
  font-family:var(--display) !important;
  font-size:max(30.4px,min(78.4px,6.4vw)) !important;     /* clamp(1.9rem,6.4vw,4.9rem) */
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  line-height:.98 !important;
  text-transform:uppercase;
  max-width:14ch;
  margin:0 auto !important;
  color:var(--white) !important;
}

.sb .sb-role{
  font-family:var(--display) !important;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.34em !important;
  font-size:max(12.8px,min(18.4px,2.4vw)) !important;     /* clamp(.8rem,2.4vw,1.15rem) */
  line-height:1.7 !important;
  color:var(--mute) !important;
  margin:clamp(14px,2.4vh,22px) 0 0 !important;
}

.sb .sb-lead{
  font-family:var(--serif) !important;
  font-style:italic;
  color:var(--mute) !important;
  max-width:34ch;
  margin:clamp(22px,3.4vh,30px) auto 0 !important;
  font-size:max(16px,min(18.88px,2.4vw)) !important;      /* clamp(1rem,2.4vw,1.18rem) */
  line-height:1.6 !important;
  letter-spacing:.01em !important;
}

.sb .sb-hero-cta{margin-top:clamp(30px,4.6vh,44px) !important;justify-content:center;}

/* ---------- Primary button (approved .btn) ---------- */
.sb .sb-btn .wp-block-button__link{
  display:inline-flex;align-items:center;gap:.7em;
  font-family:var(--display) !important;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.2em !important;
  font-size:13.12px !important;                            /* .82rem */
  line-height:1.2 !important;
  text-decoration:none;
  color:var(--ink) !important;
  background:var(--white) !important;
  padding:1.05em 2.1em !important;
  border:0 !important;
  border-radius:2px !important;
  box-shadow:none !important;
  min-height:52px;
  transition:transform .25s ease,background .25s ease,color .25s ease;
}
.sb .sb-btn .wp-block-button__link::after{content:"\2192";transition:transform .25s ease;}
.sb .sb-btn .wp-block-button__link:hover{transform:translateY(-2px);background:#fff !important;color:var(--ink) !important;}
.sb .sb-btn .wp-block-button__link:hover::after{transform:translateX(4px);}
.sb .sb-btn .wp-block-button__link:focus-visible{outline:2px solid #fff;outline-offset:4px;}

/* =====================================================================
   4. SECTION RHYTHM
   ===================================================================== */
.sb .sb-section{padding:clamp(64px,12vh,128px) 0 !important;}

.sb .sb-rule,
.sb hr.sb-rule{
  border:0 !important;height:1px !important;
  background:var(--line) !important;
  max-width:var(--maxw);
  width:100%;
  margin:0 auto !important;
  opacity:1 !important;
}

.sb .sb-sec-head{
  display:flex;flex-direction:column;gap:14px;
  margin-bottom:clamp(34px,6vh,60px) !important;
}
.sb .sb-sec-head.sb-center{align-items:center;text-align:center;}
.sb .sb-h2{
  font-family:var(--display) !important;
  font-size:max(24px,min(40px,4.4vw)) !important;         /* clamp(1.5rem,4.4vw,2.5rem) */
  font-weight:800 !important;
  letter-spacing:-.01em !important;
  line-height:1.02 !important;
  text-transform:uppercase;
  color:var(--white) !important;
  margin:0 !important;
}

/* =====================================================================
   5. CLIENTS
   ===================================================================== */
.sb .sb-clients{list-style:none;margin:0;padding:0;}
.sb .sb-client{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px 28px;align-items:baseline;
  padding:clamp(16px,2.6vh,22px) 0 !important;
  border-top:1px solid var(--line);
  margin:0;
}
.sb .sb-client:last-child{border-bottom:1px solid var(--line);}
.sb .sb-client-name{
  font-family:var(--display) !important;
  font-weight:700 !important;
  font-size:max(18.4px,min(27.2px,3.2vw)) !important;     /* clamp(1.15rem,3.2vw,1.7rem) */
  letter-spacing:-.01em !important;
  line-height:1.7 !important;
  color:var(--white) !important;
  margin:0 !important;
}
.sb .sb-client-role{
  font-family:var(--serif) !important;
  font-style:italic;
  color:var(--mute) !important;
  font-size:max(14.4px,min(16.8px,2.2vw)) !important;     /* clamp(.9rem,2.2vw,1.05rem) */
  line-height:1.7 !important;
  letter-spacing:.01em !important;
  text-align:right;
  margin:0 !important;
}

/* =====================================================================
   6. FACTS (price + timeframe)
   ===================================================================== */
.sb .sb-facts{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:var(--line);
  border:1px solid var(--line);
  margin:0;
}
.sb .sb-fact{
  background:var(--ink);
  padding:clamp(30px,6vw,58px) clamp(24px,4vw,48px) !important;
  text-align:center;
  margin:0;
}
.sb .sb-fact-label{
  font-family:var(--display) !important;
  font-weight:700 !important;
  text-transform:uppercase;
  letter-spacing:.32em !important;
  font-size:11.52px !important;                            /* .72rem */
  line-height:1.7 !important;
  color:var(--mute-2) !important;
  margin:0 0 18px !important;
}
.sb .sb-fact-value{
  font-family:var(--display) !important;
  font-weight:800 !important;
  font-size:max(30.4px,min(54.4px,6vw)) !important;       /* clamp(1.9rem,6vw,3.4rem) */
  letter-spacing:-.02em !important;
  line-height:1 !important;
  color:var(--white) !important;
  margin:0 !important;
}
.sb .sb-fact-sub{
  font-family:var(--serif) !important;
  font-style:italic;
  color:var(--mute) !important;
  margin:14px 0 0 !important;
  font-size:15.68px !important;                            /* .98rem */
  line-height:1.7 !important;
  letter-spacing:.01em !important;
}

/* =====================================================================
   7. CONTACT
   ===================================================================== */
.sb .sb-contact{text-align:center;}
.sb .sb-contact-grid{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:clamp(14px,3vw,20px) !important;
  margin-top:8px !important;
}
.sb .sb-contact-grid .wp-block-button{margin:0 !important;}
.sb .sb-contact-grid .wp-block-button__link{
  font-family:var(--display) !important;
  font-weight:600 !important;
  text-decoration:none;
  color:var(--white) !important;
  background:transparent !important;
  border:1px solid var(--line) !important;
  padding:1em 1.6em !important;
  border-radius:2px !important;
  letter-spacing:.04em !important;
  font-size:max(15.2px,min(17.6px,2.4vw)) !important;     /* clamp(.95rem,2.4vw,1.1rem) */
  line-height:1.2 !important;
  text-transform:none;
  box-shadow:none !important;
  transition:border-color .25s ease,background .25s ease;
  min-height:52px;display:inline-flex;align-items:center;
}
.sb .sb-contact-grid .wp-block-button__link:hover{border-color:rgba(255,255,255,.5) !important;background:var(--ink-2) !important;}
.sb .sb-contact-grid .wp-block-button__link:focus-visible{outline:2px solid #fff;outline-offset:3px;}

/* =====================================================================
   8. WEBSITE & SOCIAL
   ===================================================================== */
.sb .sb-links{text-align:center;padding-bottom:clamp(80px,14vh,150px) !important;}
.sb .sb-social{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:clamp(12px,2.4vw,18px) !important;
  margin-top:clamp(30px,5vh,44px) !important;
}
.sb .sb-social .wp-block-button{margin:0 !important;}
.sb .sb-social .wp-block-button__link{
  display:inline-flex;align-items:center;gap:.65em;justify-content:center;
  font-family:var(--display) !important;
  font-weight:600 !important;
  text-transform:uppercase;
  letter-spacing:.14em !important;
  font-size:12.16px !important;                            /* .76rem */
  line-height:1.2 !important;
  text-decoration:none;
  color:var(--white) !important;
  background:transparent !important;
  border:1px solid var(--line) !important;
  border-radius:2px !important;
  padding:0 1.3em !important;
  height:54px;min-width:54px;
  box-shadow:none !important;
  transition:border-color .25s ease,background .25s ease,transform .25s ease;
}
.sb .sb-social .wp-block-button__link:hover{border-color:rgba(255,255,255,.55) !important;background:var(--ink-2) !important;transform:translateY(-2px);}
.sb .sb-social .wp-block-button__link:focus-visible{outline:2px solid #fff;outline-offset:3px;}

/* Icons (the approved inline SVGs, delivered as masks so they take currentColor) */
.sb .sb-social .wp-block-button__link::before{
  content:"";flex:none;width:18px;height:18px;
  background:currentColor;
  -webkit-mask:var(--icon) center/contain no-repeat;
          mask:var(--icon) center/contain no-repeat;
}
.sb .sb-social .sb-ico-web .wp-block-button__link{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm6.9 6h-2.6a15.7 15.7 0 00-1.3-3.4A8 8 0 0118.9 8zM12 4c.8 1.1 1.4 2.5 1.8 4h-3.6c.4-1.5 1-2.9 1.8-4zM4.3 14a8 8 0 010-4h3a17.7 17.7 0 000 4h-3zm.8 2h2.6a15.7 15.7 0 001.3 3.4A8 8 0 015.1 16zm2.6-8H5.1a8 8 0 013.9-3.4A15.7 15.7 0 007.7 8zM12 20c-.8-1.1-1.4-2.5-1.8-4h3.6c-.4 1.5-1 2.9-1.8 4zm2.2-6H9.8a15.6 15.6 0 010-4h4.4a15.6 15.6 0 010 4zm.8 5.4a15.7 15.7 0 001.3-3.4h2.6a8 8 0 01-3.9 3.4zM16.7 14a17.7 17.7 0 000-4h3a8 8 0 010 4h-3z'/%3E%3C/svg%3E");}
.sb .sb-social .sb-ico-facebook .wp-block-button__link{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 12a10 10 0 10-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.4v7A10 10 0 0022 12z'/%3E%3C/svg%3E");}
.sb .sb-social .sb-ico-instagram .wp-block-button__link{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.8.3 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.2.4.4 1 .4 2.2.1 1.3.1 1.7.1 4.9s0 3.6-.1 4.9c-.1 1.2-.3 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.2-1 .4-2.2.4-1.3.1-1.7.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-1.8-.3-2.2-.4a3.8 3.8 0 01-1.4-.9 3.8 3.8 0 01-.9-1.4c-.2-.4-.4-1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.9c.1-1.2.3-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.2 1-.4 2.2-.4C8.4 2.2 8.8 2.2 12 2.2zm0 1.8c-3.1 0-3.5 0-4.7.1-1.1.1-1.7.2-2.1.4-.5.2-.9.4-1.3.8-.4.4-.6.8-.8 1.3-.2.4-.3 1-.4 2.1C2.6 9.9 2.6 10.3 2.6 12s0 2.1.1 3.3c.1 1.1.2 1.7.4 2.1.2.5.4.9.8 1.3.4.4.8.6 1.3.8.4.2 1 .3 2.1.4 1.2.1 1.6.1 4.7.1s3.5 0 4.7-.1c1.1-.1 1.7-.2 2.1-.4.5-.2.9-.4 1.3-.8.4-.4.6-.8.8-1.3.2-.4.3-1 .4-2.1.1-1.2.1-1.6.1-3.3s0-2.1-.1-3.3c-.1-1.1-.2-1.7-.4-2.1a3.5 3.5 0 00-.8-1.3 3.5 3.5 0 00-1.3-.8c-.4-.2-1-.3-2.1-.4-1.2-.1-1.6-.1-4.7-.1zm0 3.1a4.9 4.9 0 110 9.8 4.9 4.9 0 010-9.8zm0 8.1a3.2 3.2 0 100-6.4 3.2 3.2 0 000 6.4zm6.3-8.3a1.15 1.15 0 11-2.3 0 1.15 1.15 0 012.3 0z'/%3E%3C/svg%3E");}
.sb .sb-social .sb-ico-linkedin .wp-block-button__link{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5V9.5h3V19zM6.5 8.2a1.7 1.7 0 110-3.5 1.7 1.7 0 010 3.5zM19 19h-3v-4.9c0-1.2 0-2.7-1.6-2.7s-1.9 1.3-1.9 2.6V19h-3V9.5h2.9v1.3h.04a3.2 3.2 0 012.9-1.6c3.1 0 3.7 2 3.7 4.7V19z'/%3E%3C/svg%3E");}
.sb .sb-social .sb-ico-youtube .wp-block-button__link{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23 7.5a3 3 0 00-2.1-2.1C19 4.9 12 4.9 12 4.9s-7 0-8.9.5A3 3 0 001 7.5 31 31 0 00.5 12 31 31 0 001 16.5a3 3 0 002.1 2.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a3 3 0 002.1-2.1A31 31 0 0023.5 12 31 31 0 0023 7.5zM9.8 15.3V8.7l5.7 3.3-5.7 3.3z'/%3E%3C/svg%3E");}

/* Placeholder (URL not yet supplied) — remove the sb-placeholder class once real links exist */
.sb .sb-social .sb-placeholder .wp-block-button__link{opacity:.5;border-style:dashed !important;}
.sb .sb-social .sb-placeholder .wp-block-button__link::after{
  content:" (add URL)";font-weight:400;text-transform:none;letter-spacing:.02em;opacity:.8;
}

/* =====================================================================
   9. SIGN-OFF + FOOTER
   ===================================================================== */
.sb .sb-signoff{
  text-align:center;
  padding:clamp(40px,8vh,80px) 20px 0 !important;
}
.sb .sb-signoff img{
  width:clamp(200px,32vw,300px);
  height:auto;margin:0 auto;
  opacity:.9;
}

.sb .sb-footer{
  text-align:center;
  padding:40px 20px 56px !important;
  color:var(--mute-2) !important;
  font-family:var(--display) !important;
  font-size:11.52px !important;                            /* .72rem */
  letter-spacing:.12em !important;
  line-height:1.7 !important;
  text-transform:uppercase;
  margin:0 !important;
}

/* =====================================================================
   10. RESPONSIVE (approved breakpoint)
   ===================================================================== */
@media (max-width:640px){
  .sb .sb-client{grid-template-columns:1fr;gap:4px;}
  .sb .sb-client-role{text-align:left;}
  .sb .sb-facts{grid-template-columns:1fr;}
  .sb .sb-contact-grid .wp-block-button{width:100%;}
  .sb .sb-contact-grid .wp-block-button__link{width:100%;justify-content:center;}
}

@media (prefers-reduced-motion:reduce){
  .sb *{transition:none !important;scroll-behavior:auto !important;}
}