/**
 * BeDijital domain page canonical layout standards — v1.2.32.
 * This file is loaded after domain page styles and is the single authority
 * for domain hero geometry and the shared corporate support background.
 */
:root{--bd-brand-blue:#0946ae;--bd-global-container:1200px;--bd-domain-container:var(--bd-global-container);--bd-support-container:var(--bd-global-container);--bd-domain-hero-height:500px}

.bdp-page .container,.bdt-page .container,.bdw-page .container{
  width:min(var(--bd-domain-container),calc(100% - 40px));
  max-width:var(--bd-domain-container);
  margin-left:auto;margin-right:auto;
}

/* Domain Kayıt, Domain Fiyatları and WHOIS share the bdp hero. */
.bdp-page .bdp-hero,
.bdw-page .bdp-hero{
  padding-top:0!important;padding-bottom:0!important;
  margin-top:0!important;margin-bottom:0!important;
  min-height:0!important;
  background:var(--bd-brand-blue)!important;
  background-color:var(--bd-brand-blue)!important;
  background-image:none!important;
}
.bdp-page .bdp-hero::before,.bdw-page .bdp-hero::before{background:transparent!important;background-image:none!important}
.bdp-page .bdp-hero>.container,.bdw-page .bdp-hero>.container,
.bdp-page .bdp-hero .row,.bdw-page .bdp-hero .row{
  min-height:var(--bd-domain-hero-height)!important;
  height:auto!important;
  padding-top:0!important;padding-bottom:0!important;
  margin-top:0!important;margin-bottom:0!important;
  align-items:center!important;
}

/* Domain Transfer hero uses its own class but the same geometry. */
.bdt-page .bdt-hero{
  padding-top:0!important;padding-bottom:0!important;
  margin:0!important;min-height:0!important;
  background:var(--bd-brand-blue)!important;background-image:none!important;
}
.bdt-page .bdt-hero>.container,.bdt-page .bdt-hero .row{
  min-height:var(--bd-domain-hero-height)!important;
  height:auto!important;padding-top:0!important;padding-bottom:0!important;
  margin-top:0!important;margin-bottom:0!important;align-items:center!important;
}

/* All page, hero and shared support containers use the same 1200px global grid. */
.bd-corp-support.bd-support-standard{
  padding:46px 0!important;margin:0!important;
  background:var(--bd-brand-blue)!important;background-color:var(--bd-brand-blue)!important;background-image:none!important;
}
.bd-corp-support.bd-support-standard>.bd-corp-container{
  width:min(var(--bd-support-container),calc(100% - 40px))!important;
  max-width:var(--bd-support-container)!important;margin-inline:auto!important;
}

@media(max-width:980px){
  .bdp-page .bdp-hero>.container,.bdw-page .bdp-hero>.container,
  .bdp-page .bdp-hero .row,.bdw-page .bdp-hero .row,
  .bdt-page .bdt-hero>.container,.bdt-page .bdt-hero .row{
    min-height:0!important;padding-top:54px!important;padding-bottom:54px!important;
  }
  .bd-corp-support.bd-support-standard{padding-top:34px!important;padding-bottom:34px!important}
}
@media(max-width:600px){
  .bdp-page .bdp-hero>.container,.bdw-page .bdp-hero>.container,
  .bdp-page .bdp-hero .row,.bdw-page .bdp-hero .row,
  .bdt-page .bdt-hero>.container,.bdt-page .bdt-hero .row{
    padding-top:42px!important;padding-bottom:42px!important;
  }
  .bd-corp-support.bd-support-standard{padding-top:32px!important;padding-bottom:32px!important}
}


/* v1.2.32 — Test3 domain hero geometry and price-chip aspect-ratio standard. */
@media (min-width: 992px) {
  /* Four domain pages use the exact same 500px content row and 1200px grid. */
  .bdp-page .bdp-hero > .container,
  .bdw-page .bdp-hero > .container,
  .bdt-page .bdt-hero > .container {
    min-height: var(--bd-domain-hero-height) !important;
    height: var(--bd-domain-hero-height) !important;
  }
  .bdp-page .bdp-hero > .container > .row,
  .bdw-page .bdp-hero > .container > .row,
  .bdt-page .bdt-hero > .container > .row {
    min-height: var(--bd-domain-hero-height) !important;
    height: var(--bd-domain-hero-height) !important;
    max-height: var(--bd-domain-hero-height) !important;
  }

  /* Kayıt / Fiyatlar / WHOIS use one visual bounding box. Different source SVGs
     keep their own intrinsic aspect ratio; no width+height stretching is allowed. */
  .bdp-page .bdp-hero-image,
  .bdw-page .bdp-hero-image {
    right: 0 !important;
    top: 50% !important;
    width: 590px !important;
    height: 500px !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
  }
  .bdp-page .bdp-hero-image img,
  .bdw-page .bdp-hero-image img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 590px !important;
    max-height: 500px !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  /* Transfer uses the same row/grid, while its wider illustration retains
     the Test3 landscape ratio. */
  .bdt-page .bdt-hero-image {
    width: 590px !important;
    height: 500px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
  }
  .bdt-page .bdt-hero-image img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 590px !important;
    max-height: 455px !important;
    object-fit: contain !important;
    margin: 0 !important;
  }
}

/* v1.5.57 — Canonical domain hero TLD cards.
 * Domain Kayıt / Fiyatları / WHOIS use .bdp-hero; Domain Transfer uses .bdt-hero.
 * The visible TLD is real CSS text, never the legacy raster lettering.
 * Homepage is outside this scope and keeps its frozen v1.5.55 treatment. */
.bdp-page .bdp-hero .bdp-popular-prices,
.bdt-page .bdt-hero .bdp-popular-prices {
  display: flex !important;
  width: 100% !important;
  max-width: 430px !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 20px !important;
}
.bdp-page .bdp-hero .bdp-price-chip,
.bdt-page .bdt-hero .bdp-price-chip {
  box-sizing: border-box !important;
  flex: 0 0 80px !important;
  width: 80px !important;
  min-width: 80px !important;
  height: 50px !important;
  padding: 5px 4px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 4px !important;
  color: #fff !important;
  text-align: center !important;
  text-decoration: none !important;
}

/* The legacy logo image was the accidental second TLD row in v1.5.56. */
.bdp-page .bdp-hero .bdp-price-chip img,
.bdt-page .bdt-hero .bdp-price-chip img {
  display: none !important;
}

.bdp-page .bdp-hero .bdp-price-chip::before,
.bdt-page .bdt-hero .bdp-price-chip::before {
  display: inline-block !important;
  flex: 0 0 auto !important;
  padding-left: 9px !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: 6px 6px !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}
.bdp-price-chip-com::before {
  content: "com";
  background-image: radial-gradient(circle,#46c8e8 0 2.7px,transparent 3.2px);
}
.bdp-price-chip-com-tr::before {
  content: "com.tr";
  background-image: radial-gradient(circle,#ff5454 0 2.7px,transparent 3.2px);
}
.bdp-price-chip-net::before {
  content: "net";
  background-image: radial-gradient(circle,#46a8e8 0 2.7px,transparent 3.2px);
}
.bdp-price-chip-org::before {
  content: "org";
  background-image: radial-gradient(circle,#ffb31a 0 2.7px,transparent 3.2px);
}
.bdp-price-chip-tr::before {
  content: "tr";
  background-image: radial-gradient(circle,#ff5454 0 2.7px,transparent 3.2px);
}
.bdp-price-chip-store::before {
  content: "store";
  background-image: radial-gradient(circle,#61c98a 0 2.7px,transparent 3.2px);
}

.bdp-page .bdp-hero .bdp-price-chip span,
.bdt-page .bdt-hero .bdp-price-chip span {
  display: block !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

@media (max-width: 991px) {
  .bdp-page .bdp-hero-image,
  .bdw-page .bdp-hero-image,
  .bdt-page .bdt-hero-image {
    width: auto !important;
    height: auto !important;
  }
  .bdp-page .bdp-hero-image img,
  .bdw-page .bdp-hero-image img,
  .bdt-page .bdt-hero-image img {
    width: auto !important;
    max-width: min(100%, 520px) !important;
    max-height: 460px !important;
    margin-inline: auto !important;
  }
}
@media (max-width: 480px) {
  .bdp-page .bdp-hero .bdp-popular-prices,
  .bdt-page .bdt-hero .bdp-popular-prices {
    gap: 6px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
  }
  .bdp-page .bdp-hero .bdp-price-chip,
  .bdt-page .bdt-hero .bdp-price-chip {
    flex-basis: 80px !important;
    width: 80px !important;
    min-width: 80px !important;
    height: 50px !important;
  }
}

/* v1.2.37 — Canonical content-section vertical rhythm.
 * Ordinary content sections use equal 54px desktop top/bottom padding.
 * Hero, pricing/comparison and CTA/support components keep their own approved geometry. */
:root{
  --bd-after-hero-space:54px;
  --bd-content-section-space:54px;
}

@media (min-width:992px){
  /* Domain Kayıt, Domain Fiyatları and WHOIS: normalize only the FIRST section after hero. */
  .bdk-page .bdk-popular-table,
  .bdp-page .bdp-pricing-section,
  .bdw-page .bdw-lookup{
    padding-top:var(--bd-after-hero-space)!important;
    padding-bottom:var(--bd-content-section-space)!important;
    margin-top:0!important;
  }

  .bdk-page .bdk-popular-table > .container,
  .bdp-page .bdp-pricing-section > .container,
  .bdw-page .bdw-lookup > .container{
    padding-top:0!important;
    margin-top:0!important;
  }

  .bdk-page .bdk-popular-table .bdp-section-heading,
  .bdp-page .bdp-pricing-section .bdp-section-heading,
  .bdw-page .bdw-lookup .bdp-section-heading{
    margin-top:0!important;
  }

  .bdk-page .bdk-popular-table .bdp-section-heading h2,
  .bdp-page .bdp-pricing-section .bdp-section-heading h2,
  .bdw-page .bdw-lookup .bdp-section-heading h2{
    margin-top:0!important;
  }

  /* Domain Transfer first section starts at the same canonical section inset.
     The section itself provides the 54px breathing room, so no extra copy offset is stacked. */
  .bdt-page .bdt-checks.bdt-reference-section .bdt-split-copy{
    align-self:start!important;
    padding-top:0!important;
  }

  /* Shared ordinary content sections use equal top/bottom breathing room. */
  .bdt-page .bdt-reference-section,
  .bdp-page .bdp-free-services,
  .bdp-page .bdp-features,
  .bdw-page .bdp-free-services,
  .bdw-page .bdp-features,
  .bdt-page .bdp-free-services,
  .bdt-page .bdp-features,
  .bdt-page .bdt-faq{
    padding-top:var(--bd-content-section-space)!important;
    padding-bottom:var(--bd-content-section-space)!important;
  }

  .bdt-page .bdt-reference-section > .container,
  .bdp-page .bdp-free-services > .container,
  .bdp-page .bdp-features > .container,
  .bdw-page .bdp-free-services > .container,
  .bdw-page .bdp-features > .container,
  .bdt-page .bdp-free-services > .container,
  .bdt-page .bdp-features > .container,
  .bdt-page .bdt-faq > .container{
    padding-top:0!important;
    padding-bottom:0!important;
  }

  .bdt-page .bdt-reference-section .row{
    min-height:0!important;
  }
}


/* v1.2.37 — responsive ordinary-content section rhythm. */
@media (max-width:991px){
  .bdk-page .bdk-popular-table,
  .bdp-page .bdp-pricing-section,
  .bdw-page .bdw-lookup,
  .bdt-page .bdt-reference-section,
  .bdp-page .bdp-free-services,
  .bdp-page .bdp-features,
  .bdw-page .bdp-free-services,
  .bdw-page .bdp-features,
  .bdt-page .bdp-free-services,
  .bdt-page .bdp-features,
  .bdt-page .bdt-faq{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
}
@media (max-width:600px){
  .bdk-page .bdk-popular-table,
  .bdp-page .bdp-pricing-section,
  .bdw-page .bdw-lookup,
  .bdt-page .bdt-reference-section,
  .bdp-page .bdp-free-services,
  .bdp-page .bdp-features,
  .bdw-page .bdp-free-services,
  .bdw-page .bdp-features,
  .bdt-page .bdp-free-services,
  .bdt-page .bdp-features,
  .bdt-page .bdt-faq{
    padding-top:40px!important;
    padding-bottom:40px!important;
  }
}