/* BeDijital Web Hosting — page-specific rules only.
   Shared hero/pricing/product/solutions/comparison/support/FAQ geometry comes from existing BeDijital components. */
.bdw-live-price{font:inherit!important;color:inherit!important}
.bdw-live-price.is-unavailable{color:inherit!important}
@media(max-width:767.98px){.bdm-web-hero-image{display:none!important}}

/* v1.2.20 — Test3 detailed comparison accordion.
   Category bars are light gray by default, a little darker on hover.
   GENEL ÖZELLİKLER is open on first load; other feature groups are collapsed by JS. */
#pricedetail .comparision-table tbody tr.bdw-compare-section-row > td{
  position:relative;
  background:#f3f3f3!important;
  cursor:pointer;
  user-select:none;
  transition:background-color .18s ease;
  padding-top:16px!important;
  padding-bottom:16px!important;
}
#pricedetail .comparision-table tbody tr.bdw-compare-section-row:hover > td,
#pricedetail .comparision-table tbody tr.bdw-compare-section-row:focus > td{
  background:#e5e5e5!important;
}
#pricedetail .comparision-table tbody tr.bdw-compare-section-row:focus{
  outline:none;
}
#pricedetail .comparision-table tbody tr.bdw-compare-section-row:focus-visible > td{
  box-shadow:inset 0 0 0 2px rgba(40,167,69,.22);
}
#pricedetail .comparision-table tbody tr.bdw-compare-section-row > td > .text-success{
  display:inline-block;
  color:#28a745!important;
  font-weight:700!important;
}
#pricedetail .comparision-table tbody tr.bdw-compare-section-row > td > i.fa-chevron-down,
#pricedetail .comparision-table tbody tr.bdw-compare-section-row > td > i.fa-chevron-up{
  position:absolute;
  right:14px;
  top:50%;
  margin:0!important;
  color:#28a745!important;
  transform:translateY(-50%) rotate(0deg);
  transition:transform .18s ease;
}
#pricedetail .comparision-table tbody tr.bdw-compare-section-row.is-open > td > i.fa-chevron-down,
#pricedetail .comparision-table tbody tr.bdw-compare-section-row.is-open > td > i.fa-chevron-up{
  transform:translateY(-50%) rotate(180deg);
}
#pricedetail .comparision-table tbody tr.bdw-compare-detail-row[hidden]{
  display:none!important;
}


/* v1.2.39 — WordPress Hosting uses the shared Web Hosting component geometry. */
.bdwp-hero-image{display:flex;align-items:center;justify-content:center}
.bdwp-hero-image img{display:block;width:100%;max-width:620px;height:auto;margin:0 auto}
.bdwp-tech-section .bdwp-tech-list{max-width:980px;margin:0 auto}
.bdwp-tech-section .bdm-check-columns li{font-size:16px;line-height:1.55}
@media(max-width:991.98px){.bdwp-hero-image img{max-width:540px}}
@media(max-width:767.98px){.bdwp-hero-image{display:none!important}.bdwp-tech-section .bdwp-tech-list{max-width:100%}}


/* v1.2.42 — WordPress Hosting hero feature list: 2 columns x 3 rows. */
.bdwp-hero .bdm-hero-feature-columns{
  grid-template-columns:repeat(2,max-content);
  gap:0 28px;
}
.bdwp-hero .bdm-hero-feature-col{
  grid-template-rows:repeat(3,auto);
}
@media(max-width:991px){
  .bdwp-hero .bdm-hero-feature-columns{
    grid-template-columns:repeat(2,max-content);
    gap:14px 22px;
  }
  .bdwp-hero .bdm-hero-feature-col{
    display:grid;
    grid-template-rows:repeat(3,auto);
    row-gap:7px;
  }
}
@media(max-width:767px){
  .bdwp-hero .bdm-hero-feature-columns{
    grid-template-columns:1fr;
    width:max-content;
    max-width:100%;
    margin-inline:auto;
    row-gap:12px;
  }
  .bdwp-hero .bdm-hero-feature-col{
    display:contents;
  }
}


/* v1.4.9 — Dijital WordPress feature section gets a more vivid blue showcase panel and supporting illustration. */
.bdwp-tech-section{padding:96px 0;background:#fff}
.bdwp-tech-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:42px;align-items:center;padding:52px 56px;border-radius:26px;background:linear-gradient(135deg,#0f4fbd 0%,#0d47ae 46%,#093884 100%);overflow:hidden;box-shadow:0 28px 60px rgba(9,41,97,.16)}
.bdwp-tech-panel:before,.bdwp-tech-panel:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.bdwp-tech-panel:before{width:360px;height:360px;right:-110px;top:-130px;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 72%)}
.bdwp-tech-panel:after{width:340px;height:340px;left:-120px;bottom:-170px;background:radial-gradient(circle,rgba(0,239,170,.20) 0%,rgba(0,239,170,0) 72%)}
.bdwp-tech-content,.bdwp-tech-visual{position:relative;z-index:1}
.bdwp-tech-section .bdm-section-heading{max-width:none;margin:0 0 28px;text-align:left}
.bdwp-tech-section .bdm-section-heading h2{color:#fff}
.bdwp-tech-section .bdm-section-heading p{color:rgba(255,255,255,.84)}
.bdwp-tech-section .bdwp-tech-list{max-width:none;gap:24px 30px}
.bdwp-tech-section .bdm-check-columns li{color:rgba(255,255,255,.96)}
.bdwp-tech-section .bdm-check-columns li i{color:#6ef2cb}
.bdwp-tech-visual{display:flex;align-items:center;justify-content:center}
.bdwp-tech-visual img{display:block;width:100%;max-width:520px;height:auto;filter:drop-shadow(0 22px 36px rgba(3,21,55,.28))}
@media(max-width:1199.98px){.bdwp-tech-panel{padding:46px 44px;gap:26px;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}.bdwp-tech-visual img{max-width:460px}}
@media(max-width:991.98px){.bdwp-tech-panel{grid-template-columns:1fr;gap:28px;padding:40px 34px}.bdwp-tech-visual img{max-width:430px}}
@media(max-width:767.98px){.bdwp-tech-section{padding:72px 0}.bdwp-tech-panel{padding:32px 22px;border-radius:22px}.bdwp-tech-section .bdm-section-heading{margin-bottom:22px}.bdwp-tech-section .bdm-check-columns{grid-template-columns:1fr}.bdwp-tech-visual img{max-width:340px}}


/* v1.4.10 — full-width blue showcase, green checks, vector illustration for lower package size. */
.bdwp-tech-section{padding:0!important;background:#fff}
.bdwp-tech-section .container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.bdwp-tech-panel{width:100%;grid-template-columns:minmax(0,1fr) minmax(320px,500px);gap:46px;padding-top:72px;padding-bottom:72px;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2));border-radius:0!important;box-shadow:none!important}
.bdwp-tech-section .bdm-section-heading{max-width:none!important;margin:0 0 28px!important;text-align:left!important}
.bdwp-tech-section .bdm-section-heading h2{color:#ffffff!important}
.bdwp-tech-section .bdm-section-heading p{color:rgba(255,255,255,.88)!important}
.bdwp-tech-content{max-width:640px}
.bdwp-tech-section .bdwp-tech-list{max-width:none!important;gap:20px 30px}
.bdwp-tech-section .bdm-check-columns li{color:rgba(255,255,255,.97)!important}
.bdwp-tech-section .bdm-check-columns li i{color:#00efaa!important}
.bdwp-tech-visual img{display:block;width:100%;max-width:460px;height:auto;filter:none!important}
@media(max-width:991.98px){.bdwp-tech-panel{grid-template-columns:1fr;gap:28px;padding:48px 28px}.bdwp-tech-content{max-width:none}.bdwp-tech-visual img{max-width:360px}}
@media(max-width:767.98px){.bdwp-tech-panel{padding:40px 20px}.bdwp-tech-section .bdm-check-columns{grid-template-columns:1fr}.bdwp-tech-visual img{max-width:300px}}


/* v1.4.11 — exact selected illustration, canonical domain blue, canonical green filled checks. */
.bdwp-tech-panel{background:#0946ae!important}
.bdwp-tech-panel:before,.bdwp-tech-panel:after{display:none!important}
.bdwp-tech-section .bdm-check-columns li{position:relative;grid-template-columns:20px minmax(0,1fr)!important;color:rgba(255,255,255,.97)!important}
.bdwp-tech-section .bdm-check-columns li::before{content:"\f00c"!important;display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;margin-top:0!important;border-radius:50%!important;background:#33b54a!important;color:#fff!important;font-family:"Font Awesome 6 Free","Font Awesome 5 Free"!important;font-size:10px!important;font-weight:900!important;line-height:1!important}
.bdwp-tech-section .bdm-check-columns li > i.fa-check-circle{display:none!important}
.bdwp-tech-visual img{max-width:500px}


/* v1.4.13 — desktop text-fit pass; keep v1.4.11 illustration size unchanged. */
@media (min-width:1360px){
  .bdwp-tech-panel{
    grid-template-columns:minmax(0,800px) 500px!important;
    gap:40px!important;
    padding-left:max(24px,calc((100vw - 1360px)/2))!important;
    padding-right:max(24px,calc((100vw - 1360px)/2))!important;
    justify-content:center;
  }
  .bdwp-tech-content{max-width:800px!important}
  .bdwp-tech-section .bdwp-tech-list{gap:20px 18px!important}
  .bdwp-tech-section .bdm-check-columns li span{white-space:nowrap}
}


/* v1.4.13 — restore canonical 1200px inner alignment while preserving 500px illustration. */
@media (min-width:1360px){
  .bdwp-tech-panel{
    grid-template-columns:minmax(0,680px) 500px!important;
    gap:20px!important;
    padding-left:max(20px,calc((100vw - 1200px)/2))!important;
    padding-right:max(20px,calc((100vw - 1200px)/2))!important;
    justify-content:center!important;
  }
  .bdwp-tech-content{max-width:680px!important}
  .bdwp-tech-section .bdwp-tech-list{gap:20px 12px!important}
  .bdwp-tech-section .bdm-check-columns li{font-size:15px!important}
  .bdwp-tech-section .bdm-check-columns li span{white-space:nowrap}
  .bdwp-tech-visual img{max-width:500px!important}
}


/* v1.4.14 — Dijital WordPress native content + ecommerce element catalogues. */

.bddwp-page,.bddwp-page *{box-sizing:border-box}
.bddwp-page section,.bddwp-page .container,.bddwp-page .bddwp-elements-heading,.bddwp-page .bddwp-module-grid,.bddwp-page .bddwp-elements-note{margin-top:0}
.bddwp-elements{margin:0;padding:72px 0 68px;background:#fff}
.bddwp-elements--content{background:#fbfcff}
.bddwp-elements--ecommerce{background:#f2f7ff}
.bddwp-elements .container{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.bddwp-elements-heading{max-width:860px;margin:0 auto 44px;text-align:center}
.bddwp-elements-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 14px;margin:0 0 14px;border-radius:999px;background:#eaf1ff;color:#0f55c7;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.bddwp-elements--ecommerce .bddwp-elements-kicker{background:#e3efff;color:#0b4fb7}
.bddwp-elements-heading h2{margin:0 0 16px;color:#102d59;font-family:var(--bd-font-family,Inter,Arial,sans-serif);font-size:34px;line-height:1.2;font-weight:700}
.bddwp-elements-heading p{margin:0;color:#657895;font-size:17px;line-height:1.7}
.bddwp-module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:40px 30px}
.bddwp-module{text-align:center}
.bddwp-module-icon{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;margin:0 0 18px;border-radius:999px;background:#f3f7ff;color:#1796df;box-shadow:0 10px 24px rgba(16,45,89,.05);transition:transform .2s ease, box-shadow .2s ease}
.bddwp-module-icon i{font-size:32px;line-height:1}
.bddwp-elements--ecommerce .bddwp-module-icon{background:#edf4ff;color:#0b67d1}
.bddwp-module:hover .bddwp-module-icon{transform:translateY(-3px);box-shadow:0 16px 30px rgba(16,45,89,.09)}
.bddwp-module h3{margin:0 0 10px;color:#102d59;font-family:var(--bd-font-family,Inter,Arial,sans-serif);font-size:16px;line-height:1.35;font-weight:700}
.bddwp-module p{margin:0;color:#657895;font-size:14px;line-height:1.65}
.bddwp-elements-note{display:flex;align-items:center;justify-content:center;gap:10px;max-width:820px;margin:40px auto 0;padding:15px 18px;border:1px solid #d5e2f7;border-radius:999px;background:rgba(255,255,255,.78);color:#526b8a;font-size:14px;line-height:1.55;text-align:center}
.bddwp-elements-note i{color:#0f55c7;font-size:17px}
@media(max-width:991.98px){.bddwp-elements{padding:64px 0 60px}.bddwp-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}.bddwp-elements-heading{margin-bottom:38px}.bddwp-elements-heading h2{font-size:31px}}
@media(max-width:767.98px){.bddwp-elements{padding:56px 0 52px}.bddwp-elements .container{width:min(100% - 28px,1200px)}.bddwp-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.bddwp-elements-heading{margin-bottom:34px}.bddwp-elements-heading h2{font-size:28px}.bddwp-elements-heading p{font-size:15px}.bddwp-module-icon{width:78px;height:78px}.bddwp-module-icon i{font-size:30px}}
@media(max-width:479.98px){.bddwp-elements{padding:50px 0 46px}.bddwp-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.bddwp-elements-heading h2{font-size:25px}.bddwp-module h3{font-size:15px}.bddwp-module p{font-size:13px}.bddwp-elements-note{align-items:flex-start;border-radius:18px;text-align:left}}


/* v1.4.16 — Dijital WordPress Divi outer-wrapper normalization + full-width AI band spacing.
 * Outer Divi wrappers must not add a second vertical gutter around inner canonical sections.
 * The blue AI band reuses .bdm-product-features for content styling, but must not inherit
 * the shared ordinary-content 54/48/40px outer section padding; its own blue panel owns spacing. */
.et_pb_section:has(.bddwp-page),
.et_pb_row:has(.bddwp-page),
.et_pb_column:has(.bddwp-page),
.et_pb_text:has(.bddwp-page),
.et_pb_text:has(.bddwp-page) .et_pb_text_inner{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.bddwp-page .bdwp-tech-section{
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.bddwp-page .bdwp-tech-section > .container{
  padding-top:0!important;
  padding-bottom:0!important;
}

@media(max-width:359.98px){.bddwp-module-grid{grid-template-columns:1fr}}


/* v1.4.18 — Divi-native labels, Elegant SVG module icons, canonical 54/48/40 spacing. */
body:not(.et-tb) #main-content .bddwp-elements > .container{
  padding-top:0!important;
  padding-bottom:0!important;
}
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-elements),
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-elements) > .et_pb_row,
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-elements) .et_pb_column,
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-elements) .et_pb_text,
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-elements) .et_pb_text_inner{
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.bddwp-elements{
  margin:0!important;
  padding:54px 0!important;
}
.bddwp-elements--content{background:#eaf2ff!important}
.bddwp-elements--ecommerce{background:#fff!important}
.bddwp-module-icon{
  width:88px;
  height:88px;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(16,45,89,.08);
}
.bddwp-module-svg{display:block;width:38px;height:38px;object-fit:contain}
.bddwp-module-fallback{display:none!important;color:#0c9fd9;font-size:32px;line-height:1}
.bddwp-module-icon.is-fallback .bddwp-module-svg{display:none}
.bddwp-module-icon.is-fallback .bddwp-module-fallback{display:block!important}
.bddwp-elements--ecommerce .bddwp-module-fallback{color:#0b67d1}
.bddwp-module:hover .bddwp-module-icon{box-shadow:0 17px 34px rgba(16,45,89,.12)}
@media(max-width:991.98px){.bddwp-elements{padding:48px 0!important}}
@media(max-width:600px){.bddwp-elements{padding:40px 0!important}.bddwp-module-icon{width:80px;height:80px}.bddwp-module-svg{width:34px;height:34px}}


/* v1.4.19 — keep Content catalogue blue; WooCommerce is white to avoid two consecutive blue panels. */
.bddwp-elements--content{background:#eaf2ff!important}
.bddwp-elements--ecommerce{background:#fff!important;border-top:1px solid #eef2f7}


/* v1.4.20 — Turkish-safe kicker casing + stronger kicker pill + vertically centered Woo notice. */
.bddwp-elements-kicker{
  min-height:32px;
  padding:0 16px;
  border-radius:999px;
  background:#dfe9ff!important;
  color:#0b53c2!important;
  line-height:1;
  text-transform:none!important;
}
.bddwp-elements--content .bddwp-elements-kicker,
.bddwp-elements--ecommerce .bddwp-elements-kicker{
  background:#dfe9ff!important;
  color:#0b53c2!important;
}
.bddwp-elements-note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:56px;
  padding:16px 22px 14px;
  text-align:center;
}
.bddwp-elements-note i{
  flex:0 0 auto;
}
.bddwp-elements-note span{
  display:block;
  position:relative;
  top:1px;
}
@media(max-width:479.98px){
  .bddwp-elements-note{
    min-height:0;
    padding:14px 16px 13px;
    align-items:center;
    text-align:left;
  }
  .bddwp-elements-note span{top:0}
}


/* v1.4.21 — WooCommerce note uses the same pill language as the catalogue kicker, without uppercase. */
.bddwp-elements-note{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:none!important;
  min-height:32px!important;
  margin:40px auto 0!important;
  padding:0 16px!important;
  gap:9px!important;
  border:0!important;
  border-radius:999px!important;
  background:#dfe9ff!important;
  color:#0b53c2!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.25!important;
  text-align:center!important;
  text-transform:none!important;
  position:relative;
  left:50%;
  transform:translateX(-50%);
}
.bddwp-elements-note i{
  color:#0b53c2!important;
  font-size:14px!important;
  flex:0 0 auto;
}
.bddwp-elements-note span{
  display:block;
  position:static!important;
  top:auto!important;
}
@media(max-width:767.98px){
  .bddwp-elements-note{
    width:calc(100% - 28px)!important;
    max-width:760px!important;
    min-height:40px!important;
    padding:8px 14px!important;
    margin-top:32px!important;
    white-space:normal;
  }
}


/* v1.4.22 — Dijital WordPress 250+ design showcase replaces the old three-step cards. */
.bddwp-design-showcase{margin:0;padding:66px 0 54px;background:#f4f6f9;overflow:hidden}
.bddwp-design-showcase>.container{width:min(1280px,calc(100% - 40px));margin-inline:auto}
.bddwp-design-showcase__heading{max-width:920px;margin:0 auto 42px;text-align:center}
.bddwp-design-showcase__heading h2{margin:0 0 15px;color:#102d59;font-family:var(--bd-font-family,Inter,Arial,sans-serif);font-size:36px;line-height:1.2;font-weight:700}
.bddwp-design-showcase__heading p{max-width:900px;margin:0 auto;color:#526b8a;font-size:16px;line-height:1.7}
.bddwp-design-showcase__stage{position:relative;max-width:1230px;margin:0 auto}
.bddwp-design-showcase__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start}
.bddwp-design-shot{margin:0;position:relative;overflow:hidden;border-radius:5px;box-shadow:0 12px 30px rgba(16,45,89,.11);background:#fff}
.bddwp-design-shot img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:top center;transition:transform .35s ease}
.bddwp-design-shot:hover img{transform:scale(1.025)}
.bddwp-design-shot--1{grid-column:1/span 3}
.bddwp-design-shot--2{grid-column:4/span 3;transform:translateY(18px)}
.bddwp-design-shot--3{grid-column:7/span 3}
.bddwp-design-shot--4{grid-column:10/span 3;transform:translateY(24px)}
.bddwp-design-shot--5{grid-column:2/span 3;transform:translateY(7px)}
.bddwp-design-shot--6{grid-column:5/span 4;transform:translateY(28px)}
.bddwp-design-shot--7{grid-column:9/span 3;transform:translateY(10px)}
.bddwp-design-showcase__fade{position:absolute;z-index:2;left:-2%;right:-2%;bottom:-2px;height:155px;pointer-events:none;background:linear-gradient(180deg,rgba(244,246,249,0) 0%,rgba(244,246,249,.58) 48%,#f4f6f9 92%)}
.bddwp-design-showcase__action{position:relative;z-index:3;display:flex;justify-content:center;margin-top:-45px}
.bddwp-design-showcase__action .bdp-button{min-width:220px;box-shadow:0 10px 22px rgba(15,85,199,.18)}
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-design-showcase),
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-design-showcase)>.et_pb_row,
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-design-showcase) .et_pb_column,
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-design-showcase) .et_pb_text,
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-design-showcase) .et_pb_text_inner{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}
@media(max-width:991.98px){.bddwp-design-showcase{padding:56px 0 48px}.bddwp-design-showcase__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.bddwp-design-shot--1{grid-column:1/span 2}.bddwp-design-shot--2{grid-column:3/span 2}.bddwp-design-shot--3{grid-column:5/span 2}.bddwp-design-shot--4{grid-column:1/span 2}.bddwp-design-shot--5{grid-column:3/span 2}.bddwp-design-shot--6{grid-column:5/span 2}.bddwp-design-shot--7{grid-column:2/span 4}.bddwp-design-shot{transform:none!important}.bddwp-design-showcase__fade{height:120px}.bddwp-design-showcase__action{margin-top:-34px}}
@media(max-width:767.98px){.bddwp-design-showcase{padding:48px 0 42px}.bddwp-design-showcase>.container{width:min(100% - 28px,1280px)}.bddwp-design-showcase__heading{margin-bottom:32px}.bddwp-design-showcase__heading h2{font-size:29px}.bddwp-design-showcase__heading p{font-size:15px}.bddwp-design-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bddwp-design-shot--1,.bddwp-design-shot--2,.bddwp-design-shot--3,.bddwp-design-shot--4,.bddwp-design-shot--5,.bddwp-design-shot--6{grid-column:auto}.bddwp-design-shot--7{grid-column:1/span 2}.bddwp-design-showcase__fade{height:100px}.bddwp-design-showcase__action{margin-top:-26px}.bddwp-design-showcase__action .bdp-button{min-width:190px}}
@media(max-width:479.98px){.bddwp-design-showcase__grid{gap:9px}.bddwp-design-shot{border-radius:4px}.bddwp-design-showcase__fade{height:82px}.bddwp-design-showcase__action{margin-top:-18px}}


/* v1.4.23 — approved design showcase: no fade, business-heavy imagery, canonical button and strict Divi wrapper reset. */
.bddwp-design-showcase{
  margin:0!important;
  padding:54px 0 56px!important;
  background:#f4f6f9!important;
  overflow:hidden;
}
.bddwp-design-showcase>.container{
  width:min(1200px,calc(100% - 40px))!important;
  max-width:1200px!important;
  margin-inline:auto!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.bddwp-design-showcase__heading{
  max-width:900px;
  margin:0 auto 34px!important;
  text-align:center;
}
.bddwp-design-showcase__stage{
  position:relative;
  max-width:1200px;
  margin:0 auto!important;
}
.bddwp-design-showcase__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px 20px;
  align-items:start;
}
.bddwp-design-shot,
.bddwp-design-shot--1,
.bddwp-design-shot--2,
.bddwp-design-shot--3,
.bddwp-design-shot--4,
.bddwp-design-shot--5,
.bddwp-design-shot--6,
.bddwp-design-shot--7,
.bddwp-design-shot--8{
  grid-column:auto!important;
  transform:none!important;
  margin:0!important;
  overflow:hidden;
  border:0!important;
  border-radius:2px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.bddwp-design-shot img{
  display:block;
  width:100%;
  aspect-ratio:3/2;
  object-fit:cover;
  object-position:top center;
  opacity:1!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  transition:transform .25s ease;
}
.bddwp-design-shot:hover img{transform:translateY(-2px) scale(1.01)}
.bddwp-design-showcase__fade{display:none!important}
.bddwp-design-showcase__action{
  position:relative;
  z-index:auto;
  display:flex;
  justify-content:center;
  margin:32px 0 0!important;
}
.bddwp-design-showcase__action .bdm-button{
  min-width:200px;
  box-shadow:none!important;
}

/* RELEASE-BLOCKER RESET:
 * Any Divi wrapper carrying this component must contribute ZERO external spacing.
 * Real vertical rhythm belongs only to .bddwp-design-showcase itself. */
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-design-showcase),
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-design-showcase) > .et_pb_row,
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-design-showcase) .et_pb_column,
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-design-showcase) .et_pb_module,
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-design-showcase) .et_pb_text,
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-design-showcase) .et_pb_text_inner{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  min-height:0!important;
}
body:not(.et-tb) #main-content .et_pb_section:has(.bddwp-design-showcase) > .et_pb_row{
  width:100%!important;
  max-width:none!important;
}

@media(max-width:991.98px){
  .bddwp-design-showcase{padding:48px 0 50px!important}
  .bddwp-design-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:767.98px){
  .bddwp-design-showcase{padding:40px 0 44px!important}
  .bddwp-design-showcase>.container{width:min(100% - 28px,1200px)!important}
  .bddwp-design-showcase__heading{margin-bottom:28px!important}
  .bddwp-design-showcase__grid{gap:12px}
  .bddwp-design-showcase__action{margin-top:26px!important}
}
@media(max-width:479.98px){
  .bddwp-design-showcase__grid{grid-template-columns:1fr 1fr;gap:9px}
}


/* v1.4.24 — restore valid Divi showcase block; give AI checklist column 2 breathing room. */
@media(min-width:768px){
  .bdwp-tech-section .bdwp-tech-list > ul:nth-child(2){position:relative;left:10px}
}
@media(max-width:767.98px){
  .bdwp-tech-section .bdwp-tech-list > ul:nth-child(2){left:0}
}


/* v1.4.25 — editorial/asymmetric WordPress design gallery; no soldier-row layout. */
@media(min-width:992px){
  .bddwp-design-showcase__stage{max-width:1180px!important}
  .bddwp-design-showcase__grid{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-auto-flow:dense;
    column-gap:16px!important;
    row-gap:34px!important;
    align-items:start!important;
    padding:8px 4px 10px;
  }
  .bddwp-design-shot--1{grid-column:1/span 4!important;transform:translateY(0) rotate(-.28deg)!important}
  .bddwp-design-shot--2{grid-column:5/span 3!important;transform:translateY(28px) rotate(.32deg)!important}
  .bddwp-design-shot--3{grid-column:8/span 2!important;transform:translateY(-6px) rotate(-.22deg)!important}
  .bddwp-design-shot--4{grid-column:10/span 3!important;transform:translateY(20px) rotate(.26deg)!important}
  .bddwp-design-shot--5{grid-column:1/span 3!important;transform:translateY(8px) rotate(.24deg)!important}
  .bddwp-design-shot--6{grid-column:4/span 3!important;transform:translateY(-10px) rotate(-.30deg)!important}
  .bddwp-design-shot--7{grid-column:7/span 2!important;transform:translateY(20px) rotate(.20deg)!important}
  .bddwp-design-shot--8{grid-column:9/span 4!important;transform:translateY(-4px) rotate(-.24deg)!important}
  .bddwp-design-shot{
    position:relative;
    z-index:1;
    border-radius:4px!important;
    box-shadow:0 14px 32px rgba(16,45,89,.10)!important;
    transition:box-shadow .25s ease,filter .25s ease!important;
  }
  .bddwp-design-shot:hover{
    z-index:4;
    box-shadow:0 20px 42px rgba(16,45,89,.18)!important;
    filter:saturate(1.03);
  }
  .bddwp-design-shot img{transition:transform .28s ease!important}
  .bddwp-design-shot:hover img{transform:scale(1.018)!important}
  .bddwp-design-showcase__action{margin-top:40px!important}
}
.bddwp-design-showcase__action .bdm-button-primary{
  min-width:210px;
  transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.bddwp-design-showcase__action .bdm-button-primary:hover,
.bddwp-design-showcase__action .bdm-button-primary:focus,
.bddwp-design-showcase__action .bdm-button-primary:focus-visible{
  background:#ff783e!important;
  border-color:#ff783e!important;
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(255,120,62,.20)!important;
}


/* v1.4.27 — cleaner dental preview + extra AI checklist column spacing. */
@media(min-width:768px){
  .bdwp-tech-section .bdwp-tech-list > ul:nth-child(2){left:20px!important}
}
@media(min-width:992px){
  .bddwp-design-shot--8{grid-column:10/span 3!important;transform:translateY(-4px) rotate(-.18deg)!important}
}


/* v1.4.33 — approved single-collage showcase. One local WebP replaces the fragile multi-image masonry. */
.bddwp-design-showcase__stage{
  max-width:1200px!important;
  margin:0 auto!important;
  padding:0!important;
}
.bddwp-design-showcase__collage{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
.bddwp-design-showcase__grid,
.bddwp-design-shot,
.bddwp-design-showcase__fade{display:none!important}
.bddwp-design-showcase__action{margin-top:26px!important}
@media(max-width:767.98px){
  .bddwp-design-showcase__stage{width:100%!important}
  .bddwp-design-showcase__action{margin-top:22px!important}
}


/* v1.4.36 — Windows Web Hosting hero görselini masaüstünde yaklaşık %20 büyüt.
   Linux Web Hosting aynı aşamada değiştirilmez. */
@media (min-width: 992px) {
  .bdm-page:not(.bd-linux-page) .bdm-web-hero-image {
    width: 708px !important;
    height: 600px !important;
  }
  .bdm-page:not(.bd-linux-page) .bdm-web-hero-image img {
    max-width: 708px !important;
    max-height: 600px !important;
  }
}


/* v1.4.38 — Windows Web Hosting hero konum ayarı.
   Görsel masaüstünde biraz daha sağa ve biraz daha aşağı alınır;
   sağ iç margine yaklaşır ve hero alanında daha optik ortalı görünür.
   Linux Web Hosting aynı aşamada değiştirilmez. */
@media (min-width: 992px) {
  .bdm-page:not(.bd-linux-page) .bdm-web-hero-image {
    right: -48px !important;
    top: 50% !important;
    width: 708px !important;
    height: 600px !important;
    transform: translateY(calc(-50% + 30px)) !important;
  }
  .bdm-page:not(.bd-linux-page) .bdm-web-hero-image img {
    max-width: 708px !important;
    max-height: 600px !important;
  }
}


/* v1.4.39 — Linux Web Hosting hero asset + Windows ile aynı final yerleşim.
   Linux hero Windows kompozisyonunu kullanır; Windows logosu yerine theme içindeki
   Font Awesome Linux/Tux işareti uygulanmış ayrı şeffaf WebP asset gösterilir. */
@media (min-width: 992px) {
  .bd-linux-page .bdm-web-hero-image {
    right: -48px !important;
    top: 50% !important;
    width: 708px !important;
    height: 600px !important;
    transform: translateY(calc(-50% + 30px)) !important;
  }
  .bd-linux-page .bdm-web-hero-image img {
    max-width: 708px !important;
    max-height: 600px !important;
  }
}


/* v1.4.42 — WordPress Hosting regression repair.
   Keep Dijital WordPress AI showcase isolated from the ordinary WordPress Hosting technical section. */
@media (min-width: 992px) {
  .bdwp-page:not(.bddwp-page) .bdwp-hero-image img {
    max-width: 560px !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .bdwp-page:not(.bddwp-page) .bdwp-hero-image img {
    max-width: 500px !important;
  }
}
.bdwp-page:not(.bddwp-page) .bdwp-hosting-tech-section {
  background:#fff !important;
}
.bdwp-page:not(.bddwp-page) .bdwp-hosting-tech-section .bdwp-tech-list {
  max-width:none !important;
  margin:0 !important;
  gap:24px !important;
}
.bdwp-page:not(.bddwp-page) .bdwp-hosting-tech-section .bdm-check-columns li {
  color:var(--bd-body,#657895) !important;
  font-size:16px !important;
  line-height:1.55 !important;
}
.bdwp-page:not(.bddwp-page) .bdwp-hosting-tech-section .bdm-check-columns li > i.fa-check-circle {
  display:block !important;
}
.bdwp-page:not(.bddwp-page) .bdwp-hosting-tech-section .bdm-check-columns li::before {
  display:none !important;
}


/* v1.4.43 — WordPress Hosting hero position refinement.
   Rocket tip is clipped from the top edge; keep current scale,
   move the whole hero illustration about 36px right and 36px down on desktop. */
@media (min-width: 992px) {
  .bdwp-page:not(.bddwp-page) .bdwp-hero-image {
    right: -36px !important;
    top: 50% !important;
    transform: translateY(calc(-50% + 36px)) !important;
  }
}


/* v1.4.44 — WordPress Hosting hero position: force movement on the image itself.
   v1.4.43 wrapper right/top adjustment was not visually effective on the live page.
   Apply a direct 36px x / 36px y translation to the raster image so the change is observable. */
@media (min-width: 992px) {
  .bdwp-page:not(.bddwp-page) .bdwp-hero-image {
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  .bdwp-page:not(.bddwp-page) .bdwp-hero-image img {
    transform: translate(36px, 36px) !important;
  }
}


/* v1.4.45 — WordPress Hosting hero further position adjustment.
   Keep current scale, move the illustration at least 50px more to the right
   and 30px more down relative to the current visible position. */
@media (min-width: 992px) {
  .bdwp-page:not(.bddwp-page) .bdwp-hero-image img {
    transform: translate(86px, 66px) !important;
  }
}


/* v1.4.46 — WordPress Hosting hero final horizontal nudge.
   Preserve current vertical position and scale; move the illustration 20px more right. */
@media (min-width: 992px) {
  .bdwp-page:not(.bddwp-page) .bdwp-hero-image img {
    transform: translate(126px, 66px) !important;
  }
}