.dd-seo-tabs{--dd-text:#606060;--dd-grey:#F3F4F6;--dd-active-bg:#EC3B33;--dd-active-text:#fff;--dd-radius-xl:24px;--dd-font:'Red Hat Text',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;--dd-btn-icon-size:40px;color-scheme:light}
.dd-seo-tabs{font-family:var(--dd-font);color:var(--dd-text)}
.dd-seo-tabs h3{font:800 clamp(1.2rem,1.8vw,1.45rem)/1.2 var(--dd-font);color:#000;margin:.15rem 0 .6rem}

/* NAV tiles */
.dd-seo-tabs .dd-tabs-nav.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin:0 0 22px}
.dd-seo-tabs .dd-tabs-nav.tiles button{appearance:none;border:1px solid rgba(0,0,0,.08);background-color:var(--dd-grey);color:#222;border-radius:var(--dd-radius-xl);padding:20px 14px;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:118px;transition:all .2s ease}
.dd-seo-tabs .dd-tabs-nav.tiles button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.dd-seo-tabs .dd-tabs-nav.tiles button.is-active{background-color:var(--dd-active-bg);color:var(--dd-active-text);border-color:transparent;box-shadow:0 10px 24px rgba(229,58,53,.25)}
.dd-seo-tabs .dd-tab-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.dd-seo-tabs .dd-tab-icon svg{width:100%;height:100%;fill:currentColor}
.dd-seo-tabs .dd-tab-label{font:700 14px/1.15 var(--dd-font);text-align:center;max-width:12.5ch;white-space:normal;text-wrap:balance;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}

/* PANELS (visible by default for no-JS) */

/* Desktop collapse ONLY when JS is enabled */
.dd-seo-tabs.js-enabled .dd-tabs-panels section{display:block;opacity:0;transform:translateY(6px);max-height:0;overflow:hidden;border:0;background:transparent;transition:opacity .22s ease,transform .22s ease,max-height .22s ease,padding .22s ease;padding:0}
.dd-seo-tabs.js-enabled .dd-tabs-panels section.is-active{opacity:1;transform:none;max-height:250vh;padding:0}

.dd-seo-tabs .dd-panel-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
@media(max-width:992px){.dd-seo-tabs .dd-panel-grid{grid-template-columns:1fr}}
.dd-seo-tabs .dd-panel-text p{margin:.45rem 0;color:var(--dd-text)}
.dd-seo-tabs .dd-panel-illustration img{display:block;width:100%;height:auto;aspect-ratio:16/11;object-fit:contain;border-radius:18px;background:#fff}

/* MOBILE accordion – collapse ONLY when JS enabled */
@media(max-width:768px){
  .dd-seo-tabs.dd-tiles.js-enabled.mobile-mode .dd-tabs-nav.tiles{grid-template-columns:1fr;gap:14px}
  .dd-seo-tabs.dd-tiles.js-enabled.mobile-mode .dd-tabs-panels{height:0;overflow:hidden;visibility:hidden}
  .dd-seo-tabs.dd-tiles.js-enabled.mobile-mode .dd-tabs-nav.tiles section[role="tabpanel"]{display:block;background:transparent;margin-top:10px;padding:0;max-height:0;opacity:0;overflow:hidden;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease,max-height .22s ease,padding .22s ease}
  .dd-seo-tabs.dd-tiles.js-enabled.mobile-mode .dd-tabs-nav.tiles section[role="tabpanel"].is-active{max-height:200vh;opacity:1;transform:none;padding:0}
  .dd-seo-tabs.dd-tiles.js-enabled.mobile-mode .dd-tabs-nav.tiles button.is-active{background-color:var(--dd-active-bg);color:var(--dd-active-text);border-color:transparent;box-shadow:0 10px 24px rgba(229,58,53,.25)}
}

/* CTA Button – compact + centered */
.dd-seo-tabs .elementor-button{--btn-bg:#FFD247;--btn-text:#000;--btn-bg-hover:#000;--btn-text-hover:#fff;background:var(--btn-bg);color:var(--btn-text);border-radius:100px;padding:.2em .2em .2em .9em;border:none;font-weight:500;display:inline-flex;align-items:center;gap:.55rem;box-shadow:0 6px 20px rgba(0,0,0,.10);transition:all .25s ease}
.dd-seo-tabs .dd-panel-text .elementor-button{position:relative;left:50%;transform:translateX(-50%);margin-top:1.5rem}
.dd-seo-tabs .elementor-button:hover,.dd-seo-tabs .elementor-button:focus{background:var(--btn-bg-hover);color:var(--btn-text-hover);box-shadow:0 10px 26px rgba(0,0,0,.15);transform:translateX(-50%) translateY(-1px)}
.dd-seo-tabs .elementor-button .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:.55rem}
.dd-seo-tabs .elementor-button .elementor-button-text{order:1;color:inherit}
.dd-seo-tabs .elementor-button .elementor-button-icon{order:2;display:inline-flex;align-items:center;justify-content:center;line-height:0;font-size:0!important;flex:0 0 auto}
.dd-seo-tabs .elementor-button .elementor-button-icon svg{width:var(--dd-btn-icon-size)!important;height:var(--dd-btn-icon-size)!important;display:block}