/* ============================== */
/*  TURUNCU ANA MENÃƒÆ’Ã…â€œ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ ÃƒÆ’Ã…â€œST NAV    */
/* ============================== */
/* KARGO BADGE (Kargo FirmasÃƒâ€Ã‚Â± baÃƒâ€¦Ã…Â¸lÃƒâ€Ã‚Â±Ãƒâ€Ã…Â¸Ãƒâ€Ã‚Â±nÃƒâ€Ã‚Â±n yanÃƒâ€Ã‚Â±nda) */
.ybe-kargo-badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;

  /* Soluk lacivert arka plan */
  background: rgba(2, 69, 150, .14) !important;

  /* YazÃƒâ€Ã‚Â± rengi */
  color:#FB4804 !important;

  border: 1px solid rgba(2, 69, 150, .22) !important;
  border-radius: 7px !important;

  padding: 6px 10px !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  /* BaÃƒâ€¦Ã…Â¸lÃƒâ€Ã‚Â±kla aynÃƒâ€Ã‚Â± hizada dursun */
  vertical-align: middle !important;
  margin-left: 10px !important;
}
/* Checkout kargo satÃƒâ€Ã‚Â±rÃƒâ€Ã‚Â±ndaki "ÃƒÆ’Ã…â€œcretsiz" fiyat etiketini gizle */
.cargopricess{
  display:none !important;
}


/* (Opsiyonel) Badge ÃƒÆ’Ã‚Â§ok yukarÃƒâ€Ã‚Â±/aÃƒâ€¦Ã…Â¸aÃƒâ€Ã…Â¸Ãƒâ€Ã‚Â± kaÃƒÆ’Ã‚Â§arsa milim ayarÃƒâ€Ã‚Â± */
#kargoHeader .ybe-kargo-badge{
  transform: translateY(-1px);
}

.fullHorizontalMenuRow .nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

/* li sadece taÃƒâ€¦Ã…Â¸Ãƒâ€Ã‚Â±yÃƒâ€Ã‚Â±cÃƒâ€Ã‚Â± */
.fullHorizontalMenuRow .nav > li {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 10px;
}

/* Link ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ temel stil */
.fullHorizontalMenuRow .nav > li > a {
    position: relative;
    padding: 10px 18px;
    font-size: 16px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    color: #ffffff;
    border-radius: 999px;
    transition: all 0.22s ease;
    overflow: hidden;      /* glow taÃƒâ€¦Ã…Â¸masÃƒâ€Ã‚Â±n */
}

/* Glow katmanÃƒâ€Ã‚Â± artÃƒâ€Ã‚Â±k A iÃƒÆ’Ã‚Â§inde, yÃƒÆ’Ã‚Â¼kseklik problemi yok */
.fullHorizontalMenuRow .nav > li > a::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        radial-gradient(circle at 20% 0, rgba(255,255,255,0.45), transparent 60%),
        linear-gradient(90deg, #FC4E06, #ff7a2a);
    opacity: 0;
    box-shadow: 0 8px 18px rgba(0,0,0,0.22);
    transition: opacity 0.22s ease, transform 0.22s ease;
    transform: translateY(2px);
    z-index: -1;
}

/* Hover ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ hafif parlama + ÃƒÆ’Ã‚Â§ok hafif kaldÃƒâ€Ã‚Â±rma */
.fullHorizontalMenuRow .nav > li > a:hover::before {
    opacity: 1;
    transform: translateY(0);
}

.fullHorizontalMenuRow .nav > li > a:hover {
    transform: translateY(-1px);
}

/* Aktif sayfa (varsa .active / .current-menu-item) */
.fullHorizontalMenuRow .nav > li.active > a::before,
.fullHorizontalMenuRow .nav > li.current-menu-item > a::before {
    opacity: 1;
    transform: translateY(0);
}

.fullHorizontalMenuRow .nav > li.active > a,
.fullHorizontalMenuRow .nav > li.current-menu-item > a {
    transform: translateY(-1px);
}


/* ======================================== */
/*  MEGA MENÃƒÆ’Ã…â€œ DIÃƒâ€¦Ã‚Â ÃƒÆ’Ã¢â‚¬Â¡ERÃƒÆ’Ã¢â‚¬Â¡EVE ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ SLIDER GÃƒâ€Ã‚Â°BÃƒâ€Ã‚Â°    */
/* ======================================== */

.fullHorizontalMenuRow li.dropdown-mega > .dropdown-menu {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.fullHorizontalMenuRow li.dropdown-mega > .dropdown-menu .mega-content {
    width: auto !important;
    max-width: 1320px !important;   /* slider geniÃƒâ€¦Ã…Â¸liÃƒâ€Ã…Â¸ine gÃƒÆ’Ã‚Â¶re gÃƒÆ’Ã‚Â¼ncelleyebilirsin  */
    margin: 0 auto !important;
    padding: 24px 40px 32px 40px !important;
    box-sizing: border-box;
    background: #ffffff !important;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 14px 30px rgba(0,0,0,0.08);
}

.fullHorizontalMenuRow li.dropdown-mega .mega-content .row {
    margin: 0 !important;
}

/* ============================== */
/*  3 SÃƒÆ’Ã…â€œTUNLU YAPI                */
/* ============================== */

.b2b-mega {
    display: flex;
    gap: 32px;
    padding: 12px 0;
}

/* 1. SÃƒÆ’Ã‚Â¼tun ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ Ana kategoriler */
.b2b-mega__left {
    flex: 0 0 230px;
    padding: 8px 16px 8px 0;
    border-right: 1px solid #eee;
}

/* 2. SÃƒÆ’Ã‚Â¼tun ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ Alt kategoriler (1. sÃƒÆ’Ã‚Â¼tunla benzer geniÃƒâ€¦Ã…Â¸lik) */
.b2b-mega__middle {
    flex: 0 0 230px;
    padding: 8px 0 8px 8px;
    border-left: 1px solid #eee;
}

/* 3. SÃƒÆ’Ã‚Â¼tun ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ GÃƒÆ’Ã‚Â¶rsel alanÃƒâ€Ã‚Â± (kalan tÃƒÆ’Ã‚Â¼m alanÃƒâ€Ã‚Â± alsÃƒâ€Ã‚Â±n) */
.b2b-mega__right {
    flex: 1 1 auto;
    padding: 8px 0 8px 16px;
    border-left: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ============================== */
/*  SOL ANA KATEGORÃƒâ€Ã‚Â° LÃƒâ€Ã‚Â°STESÃƒâ€Ã‚Â°      */
/* ============================== */

.b2b-main-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ANA KATEGORÃƒâ€Ã‚Â°LER ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ PREMIUM BUTON EFEKTÃƒâ€Ã‚Â° */
/* ========================= */
/* ANA KATEGORÃƒâ€Ã‚Â° ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ TURUNCU + IÃƒâ€¦Ã‚ÂIKLI */
/* ========================= */

.b2b-main-list li {
    position: relative;
    padding: 9px 14px;
    cursor: pointer;
    font-size: 14px;
    color: #0f172a;
    border-radius: 10px;
    transition: all 0.25s ease;
    overflow: hidden;
}

/* YazÃƒâ€Ã‚Â±yÃƒâ€Ã‚Â± ÃƒÆ’Ã‚Â¼st katmanda tutalÃƒâ€Ã‚Â±m */
.b2b-main-list li,
.b2b-main-list li a,
.b2b-main-list li span {
    position: relative;
    z-index: 1;
}

/* IÃƒâ€¦Ã‚ÂIK KATMANI */
.b2b-main-list li::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: radial-gradient(circle at 10% 0, rgba(255,255,255,0.60), transparent 60%);
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}

/* HOVER ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ TURUNCU PARLAMA */
.b2b-main-list li:hover {
    background: #FC4E06;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(252, 78, 6, 0.35);
    font-weight: 600;
}

.b2b-main-list li:hover::before {
    opacity: 1;
}

/* AKTÃƒâ€Ã‚Â°F ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ SEÃƒÆ’Ã¢â‚¬Â¡Ãƒâ€Ã‚Â°LÃƒâ€Ã‚Â° ANA KATEGORÃƒâ€Ã‚Â° */
.b2b-main-list li.is-active {
    background: #FC4E06;
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 10px 24px rgba(252, 78, 6, 0.35);
}

.b2b-main-list li.is-active::before {
    opacity: 1;
}


/* ============================== */
/*  ORTA SÃƒÆ’Ã…â€œTUN ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ ALT KATEGORÃƒâ€Ã‚Â°LER  */
/* ============================== */

.b2b-sub-group {
    display: none;
}

.b2b-sub-group.is-active {
    display: block;
}

.b2b-sub-group ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.b2b-sub-group li {
    margin-bottom: 4px;
}

/* Alt kategori linkleri ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ normal durum */
/* ALT KATEGORÃƒâ€Ã‚Â° SATIRLARI ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ TEMEL GÃƒÆ’Ã¢â‚¬â€œRÃƒÆ’Ã…â€œNÃƒÆ’Ã…â€œM */
.b2b-sub-group ul li > a {
    position: relative;
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    color: #0f172a !important;
    border-radius: 8px;
    transition: all 0.25s ease;
    overflow: hidden;
}

/* GRÃƒâ€Ã‚Â° YANSIMA KATMANI */
.b2b-sub-group ul li > a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 10% 0, rgba(255,255,255,0.55), transparent 60%);
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}

/* HOVER ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ GRÃƒâ€Ã‚Â° YANSIMALI LACÃƒâ€Ã‚Â°VERT */
.b2b-sub-group ul li > a:hover {
    background: #0b3a6e;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.35);
    transform: translateY(-1px);
}

.b2b-sub-group ul li > a:hover::before {
    opacity: 1;
}

/* AKTÃƒâ€Ã‚Â°F ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ SEÃƒÆ’Ã¢â‚¬Â¡Ãƒâ€Ã‚Â°LÃƒâ€Ã‚Â° ALT KATEGORÃƒâ€Ã‚Â° */
.b2b-sub-group ul li.active > a,
.b2b-sub-group ul li.is-active > a {
    background: #0b3a6e;
    color: #ffffff !important;
    font-weight: 600;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.35);
}

.b2b-sub-group ul li.active > a::before,
.b2b-sub-group ul li.is-active > a::before {
    opacity: 1;
}

/* Alt kategori linkleri iÃƒÆ’Ã‚Â§in temel stil (eski yapÃƒâ€Ã‚Â±yla uyumlu kalsÃƒâ€Ã‚Â±n) */
.b2b-sub-group ul li a {
    color: #333;
    display: block;
    padding: 4px 0;
}

/* Hover ve aktif satÃƒâ€Ã‚Â±r mavi zemin + beyaz yazÃƒâ€Ã‚Â± */
.b2b-sub-group ul li:hover > a,
.b2b-sub-group ul li.active > a {
    color: #fff !important;
}

/* ============================== */
/*  OFF-GRID ALT ÃƒÆ’Ã¢â‚¬Â¡OCUK STÃƒâ€Ã‚Â°LLERÃƒâ€Ã‚Â°  */
/* ============================== */

/* Off-Grid alt ÃƒÆ’Ã‚Â§ocuklarÃƒâ€Ã‚Â± iÃƒÆ’Ã‚Â§in hafif girinti ve kÃƒÆ’Ã‚Â¼ÃƒÆ’Ã‚Â§ÃƒÆ’Ã‚Â¼k font */
.b2b-sub-child > a {
    padding-left: 16px;
    font-size: 13px;
}

/* li + a yapÃƒâ€Ã‚Â±sÃƒâ€Ã‚Â±nda, ekstra spesifik selector ve !important kullandÃƒâ€Ã‚Â±k */
.b2b-sub-group .submenu-nv > li.b2b-offgrid-child > a.b2b-offgrid-child-link {
    position: relative !important;
    display: block !important;

    /* Ana satÃƒâ€Ã‚Â±rdan biraz daha iÃƒÆ’Ã‚Â§eri girsin */
    padding-left: 28px !important;

    /* YazÃƒâ€Ã‚Â± biraz daha kÃƒÆ’Ã‚Â¼ÃƒÆ’Ã‚Â§ÃƒÆ’Ã‚Â¼k ve hafif olsun */
    font-size: 13px !important;
    font-weight: 400 !important;
    opacity: 0.9 !important;
}

/* BaÃƒâ€¦Ã…Â¸Ãƒâ€Ã‚Â±na kÃƒÆ’Ã‚Â¼ÃƒÆ’Ã‚Â§ÃƒÆ’Ã‚Â¼k ok iÃƒâ€¦Ã…Â¸areti (ÃƒÂ¢Ã¢â€šÂ¬Ã‚Âº) koyalÃƒâ€Ã‚Â±m ki alt seviye olduÃƒâ€Ã…Â¸u anlaÃƒâ€¦Ã…Â¸Ãƒâ€Ã‚Â±lsÃƒâ€Ã‚Â±n */
.b2b-sub-group .submenu-nv > li.b2b-offgrid-child > a.b2b-offgrid-child-link::before {
    content: "ÃƒÂ¢Ã¢â€šÂ¬Ã‚Âº";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    opacity: 0.6;
}

/* Eski .submenu-nv kullanÃƒâ€Ã‚Â±mÃƒâ€Ã‚Â± iÃƒÆ’Ã‚Â§in yedek (boÃƒâ€¦Ã…Â¸una kalmasÃƒâ€Ã‚Â±n) */
.submenu-nv li.b2b-offgrid-child > a.b2b-offgrid-child-link {
    position: relative;
    display: block;
    padding-left: 26px !important;
    font-size: 13px !important;
    line-height: 1.4;
    opacity: 0.9;
}

.submenu-nv li.b2b-offgrid-child > a.b2b-offgrid-child-link::before {
    content: "ÃƒÂ¢Ã¢â€šÂ¬Ã‚Âº";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    opacity: 0.6;
}

/* ============================== */
/*  SAÃƒâ€Ã‚Â GÃƒÆ’Ã¢â‚¬â€œRSEL ALANI              */
/* ============================== */

.b2b-banner {
    width: 100%;
    max-width: 380px;
    /* yÃƒÆ’Ã‚Â¼kseklik hissiyatÃƒâ€Ã‚Â± iÃƒÆ’Ã‚Â§in */
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.b2b-banner img {
    width: 100%;
    height: auto;
    max-height: 320px;
    object-fit: contain;
    display: block;
    border-radius: 8px;
    image-rendering: auto;
}

/* Eski banner kolon yapÃƒâ€Ã‚Â±sÃƒâ€Ã‚Â± ile uyumluluk iÃƒÆ’Ã‚Â§in (kullanÃƒâ€Ã‚Â±yorsan dursun) */
.mega-content .b2b-banner-col {
    text-align: right;
}

.mega-content .b2b-banner-col img {
    display: inline-block;
}

.b2b-banner-simple {
    float: right;
    width: 360px;
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.b2b-banner-simple-img {
    max-width: 100%;
    height: auto;
    display: block;
}
/* ORTA SÃƒÆ’Ã…â€œTUN Ãƒâ€Ã‚Â°LE SAÃƒâ€Ã‚Â SÃƒÆ’Ã…â€œTUN ARASINDAKÃƒâ€Ã‚Â° FAZLALIK ÃƒÆ’Ã¢â‚¬Â¡Ãƒâ€Ã‚Â°ZGÃƒâ€Ã‚Â°YÃƒâ€Ã‚Â° KALDIR */
.b2b-mega__middle {
    border-left: none !important;
}
/* OFF-GRID ALT KATEGORÃƒâ€Ã‚Â°LERÃƒâ€Ã‚Â° ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ GERÃƒÆ’Ã¢â‚¬Â¡EK ALT SEVÃƒâ€Ã‚Â°YE GÃƒÆ’Ã¢â‚¬â€œRÃƒÆ’Ã…â€œNÃƒÆ’Ã…â€œMÃƒÆ’Ã…â€œ  */
.b2b-sub-group ul li.b2b-sub-child > a {
    position: relative;
    display: block;
    /* soldan biraz iÃƒÆ’Ã‚Â§eri girsin */
    padding-left: 28px !important;
    /* diÃƒâ€Ã…Â¸erlerine gÃƒÆ’Ã‚Â¶re bir tÃƒâ€Ã‚Â±k kÃƒÆ’Ã‚Â¼ÃƒÆ’Ã‚Â§ÃƒÆ’Ã‚Â¼k dursun */
    font-size: 13px !important;
    opacity: 0.9;
}

/* baÃƒâ€¦Ã…Â¸Ãƒâ€Ã‚Â±na kÃƒÆ’Ã‚Â¼ÃƒÆ’Ã‚Â§ÃƒÆ’Ã‚Â¼k ok iÃƒâ€¦Ã…Â¸areti koy ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ alt kategori olduÃƒâ€Ã…Â¸u belli olsun */
.b2b-sub-group ul li.b2b-sub-child > a::before {
    content: "ÃƒÂ¢Ã¢â€šÂ¬Ã‚Âº";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    opacity: 0.6;
}
/* Off-Grid satÃƒâ€Ã‚Â±rÃƒâ€Ã‚Â±ndan sonra hafif boÃƒâ€¦Ã…Â¸luk */
.b2b-sub-group ul li.b2b-sub-child:first-of-type {
    margin-top: 4px;
}

/* MEGA MENÃƒÆ’Ã…â€œ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ Ãƒâ€Ã‚Â°LK ALT KATEGORÃƒâ€Ã‚Â°YÃƒâ€Ã‚Â° BOLD OLMAYACAK Ãƒâ€¦Ã‚ÂEKÃƒâ€Ã‚Â°LDE DÃƒÆ’Ã…â€œZELT */
.b2b-sub-group ul li:first-child > a,
.b2b-sub-group ul li:first-child > a strong,
.b2b-sub-group ul li:first-child > span,
.b2b-sub-group ul li:first-child > span strong {
    font-weight: 400 !important;
}
/* Slider bloÃƒâ€Ã…Â¸unun alttaki boÃƒâ€¦Ã…Â¸luÃƒâ€Ã…Â¸unu kÃƒÆ’Ã‚Â¼ÃƒÆ’Ã‚Â§ÃƒÆ’Ã‚Â¼lt */
#home_wrapper.cmp.nyslider,
#home_wrapper .cmp.nyslider {
    margin-bottom: 0 !important;
}

/* Sliderdan sonra gelen ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œNeden B2B PartnerimizÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â bloÃƒâ€Ã…Â¸unu biraz yukarÃƒâ€Ã‚Â± ÃƒÆ’Ã‚Â§ek */
#home_wrapper.cmp.nyslider + *,
#home_wrapper .cmp.nyslider + * {
    margin-top: 16px !important;
}

/* Slider iÃƒÆ’Ã‚Â§ yapÃƒâ€Ã‚Â±sÃƒâ€Ã‚Â± ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ JSÃƒÂ¢Ã¢â€šÂ¬Ã¢â€Â¢in verdiÃƒâ€Ã…Â¸i yÃƒÆ’Ã‚Â¼ksekliÃƒâ€Ã…Â¸e tam otursun */
#home_wrapper .swiper-container,
#home_wrapper .swiper-wrapper,
#home_wrapper .swiper-slide {
    height: 100% !important;
}

#home_wrapper .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}
/* === ÃƒÆ’Ã…â€œÃƒÆ’Ã¢â‚¬Â¡LÃƒÆ’Ã…â€œ KUTU BÃƒâ€Ã‚Â°LEÃƒâ€¦Ã‚ÂENÃƒâ€Ã‚Â° ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“ TEMÃƒâ€Ã‚Â°Z PREMIUM TASARIM === */

/* Kart ana kapsayÃƒâ€Ã‚Â±cÃƒâ€Ã‚Â± */
.threebox-card {
    position: relative;
    border-radius: 24px;
    overflow: hidden;                 /* Alt beyaz ÃƒÆ’Ã‚Â§izgiyi engeller */
    background: #000;                 /* Foto altÃƒâ€Ã‚Â±nda boÃƒâ€¦Ã…Â¸luk kalmasÃƒâ€Ã‚Â±n */
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.22);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

/* Kart iÃƒÆ’Ã‚Â§indeki figure ve resim */
.threebox-card figure {
    margin: 0;
    height: 100%;
    background: #000;                 /* OlasÃƒâ€Ã‚Â± beyaz zeminleri kapat */
}

.threebox-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;                /* Resim kartÃƒâ€Ã‚Â± tam doldursun */
    background: #000;
}

/* Hover efekti: hafif kaldÃƒâ€Ã‚Â±r + biraz daha belirgin gÃƒÆ’Ã‚Â¶lge */
.threebox-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 55px rgba(15, 23, 42, 0.32);
}
/* === ÃƒÆ’Ã…â€œÃƒÆ’Ã‚Â§lÃƒÆ’Ã‚Â¼ kutu kartlarÃƒâ€Ã‚Â± arasÃƒâ€Ã‚Â±nÃƒâ€Ã‚Â± aÃƒÆ’Ã‚Â§ === */

/* SatÃƒâ€Ã‚Â±rlarda varsa negatif marginleri sÃƒâ€Ã‚Â±fÃƒâ€Ã‚Â±rla */
.threebox-row,
.threebox-container,
.threebox-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Her karta etrafÃƒâ€Ã‚Â±nda boÃƒâ€¦Ã…Â¸luk ver, geniÃƒâ€¦Ã…Â¸liÃƒâ€Ã…Â¸i buna gÃƒÆ’Ã‚Â¶re daralt */
.threebox-card {
    /* 3 sÃƒÆ’Ã‚Â¼tun: 33.333% - saÃƒâ€Ã…Â¸/sol 12ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€Â¢Ãƒâ€¦Ã…Â¸er px boÃƒâ€¦Ã…Â¸luk */
    width: calc(33.333% - 24px) !important;
    margin: 0 12px 24px 12px !important;
}

/* Mobil ve tablet iÃƒÆ’Ã‚Â§in 2'li / 1'li dizilim */
@media (max-width: 1024px) {
    .threebox-card {
        width: calc(50% - 24px) !important;
        margin: 0 12px 20px 12px !important;
    }
}

@media (max-width: 600px) {
    .threebox-card {
        width: 100% !important;
        margin: 0 0 18px 0 !important;
    }
}



/* Kategori grid yapÃƒâ€Ã‚Â±sÃƒâ€Ã‚Â±nÃƒâ€Ã‚Â± daha derli toplu hale getir */
/* --- KATEGORÃƒâ€Ã‚Â° KUTULARI GRID YAPISI --- */
.category-grid {
    display: flex;
    flex-wrap: wrap;
    /* MasaÃƒÆ’Ã‚Â¼stÃƒÆ’Ã‚Â¼nde 3 sÃƒÆ’Ã‚Â¼tun, kutu sayÃƒâ€Ã‚Â±sÃƒâ€Ã‚Â±na gÃƒÆ’Ã‚Â¶re otomatik yayÃƒâ€Ã‚Â±lÃƒâ€Ã‚Â±r */
    gap: 18px;
    align-items: stretch;
}

/* Tablet */
@media (max-width: 991px) { .category-grid .category-sub-item.no-sub-categoiy-image { width:calc(50% - 9px); } }

/* Mobil */
@media (max-width: 575px) { .category-grid .category-sub-item.no-sub-categoiy-image { width:100%; } }

/* --- KUTULARIN TEMEL STÃƒâ€Ã‚Â°LÃƒâ€Ã‚Â° --- */
.category-grid .category-sub-item.no-sub-categoiy-image {
    width:calc(33.333% - 12px); position: relative;
    overflow: hidden;
    background: #f7f9fc !important;          /* TÃƒÆ’Ã‚Â¼m kutular aynÃƒâ€Ã‚Â± ton */
    border-radius: 16px;
    min-height: 74px;                        /* Hepsi eÃƒâ€¦Ã…Â¸it yÃƒÆ’Ã‚Â¼kseklikte dursun */
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 1px #e2e8f0;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Link tÃƒÆ’Ã‚Â¼m kutuyu kaplasÃƒâ€Ã‚Â±n ve ortalansÃƒâ€Ã‚Â±n */
.category-grid .category-sub-item.no-sub-categoiy-image a {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    color: #0f172a;
}

/* --- HOVER EFEKTÃƒâ€Ã‚Â° (TURUNCU #FC4E06) --- */
.category-grid .category-sub-item.no-sub-categoiy-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 10% 0, rgba(255,255,255,0.65), transparent 55%);
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}

.category-grid .category-sub-item.no-sub-categoiy-image:hover {
    background: #FC4E06 !important;          /* Ãƒâ€Ã‚Â°stediÃƒâ€Ã…Â¸in turuncu ton */
    box-shadow: 0 14px 30px rgba(252, 78, 6, 0.35);
    transform: translateY(-3px);
}

.category-grid .category-sub-item.no-sub-categoiy-image:hover::before {
    opacity: 1;                              /* Hafif Ãƒâ€Ã‚Â±Ãƒâ€¦Ã…Â¸Ãƒâ€Ã‚Â±k efekti */
}

.category-grid .category-sub-item.no-sub-categoiy-image:hover a {
    color: #ffffff;
}

/* --- SEÃƒÆ’Ã¢â‚¬Â¡Ãƒâ€Ã‚Â°LÃƒâ€Ã‚Â° / AKTÃƒâ€Ã‚Â°F KUTU (URL'den gelen aktif class varsa) --- */
.category-grid .category-sub-item.no-sub-categoiy-image.is-active,
.category-grid .category-sub-item.no-sub-categoiy-image.active {
    background: #FC4E06 !important;
    box-shadow: 0 10px 26px rgba(252, 78, 6, 0.3);
}

.category-grid .category-sub-item.no-sub-categoiy-image.is-active a,
.category-grid .category-sub-item.no-sub-categoiy-image.active a {
    color: #ffffff;
}


/* YBE - ÃƒÆ’Ã…â€œrÃƒÆ’Ã‚Â¼n detay logo + rozet tek satÃƒâ€Ã‚Â±r, solda, bitiÃƒâ€¦Ã…Â¸ik */
.ybe-brandrow{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;               /* rozet logo bitiÃƒâ€¦Ã…Â¸ik */
  margin:0 0 10px 0;
  width:100%;
}

/* Orijinal gÃƒÆ’Ã‚Â¶rseli standardize ediyoruz */
.ybe-brandrow img{
  height:42px;
  width:auto;
  max-width:180px;
  object-fit:contain;
  display:block;
}

/* Yetkili SatÃƒâ€Ã‚Â±cÃƒâ€Ã‚Â± rozet */
.ybe-brandrow .ybe-auth{
  font-size:12px;
  font-weight:700;
  padding:6px 10px;
  border-radius:999px;
  line-height:1;
  background:#024596;
  color:#fff;
  white-space:nowrap;
}

/* ÃƒÆ’Ã…â€œrÃƒÆ’Ã‚Â¼n adÃƒâ€Ã‚Â± bÃƒÆ’Ã‚Â¶lgesinde saÃƒâ€Ã…Â¸a iten float vs varsa kÃƒâ€Ã‚Â±r */
[data-cmp-type="product_title_zone"] [data-cmp-type="product_brand_logo"],
[data-cmp-type="product_title_zone"] .product-brand{
  float:none !important;
}

/* Mobil */
@media (max-width:768px){
  .ybe-brandrow img{ height:36px; max-width:150px; }
  .ybe-brandrow .ybe-auth{ font-size:11px; padding:5px 8px; }
}



/* YBE - ÃƒÆ’Ã…â€œrÃƒÆ’Ã‚Â¼n detay WhatsApp CTA (ikonlarÃƒâ€Ã‚Â±n altÃƒâ€Ã‚Â±na) */
.ybe-wa-wrap{
  margin-top:12px;
  width:100%;
}

.ybe-wa-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  padding:14px 16px;
  border-radius:12px;
  text-decoration:none !important;
  font-weight:800;
  font-size:16px;
  line-height:1;
  background:#25D366;      /* WhatsApp yeÃƒâ€¦Ã…Â¸il */
  color:#fff !important;
  box-shadow:0 10px 22px rgba(0,0,0,.08);
}

.ybe-wa-btn:hover{ filter:brightness(0.97); }

.ybe-wa-sub{
  margin-top:6px;
  font-size:12px;
  opacity:.75;
  text-align:center;
}

.ybe-wa-ico{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:block;
}
/* PaylaÃƒâ€¦Ã…Â¸ alanÃƒâ€Ã‚Â± ile WhatsApp arasÃƒâ€Ã‚Â± nefes */

/* =========================================================
   YBE - ÃƒÆ’Ã…â€œrÃƒÆ’Ã‚Â¼n Detay UX Paket
   - ÃƒÆ’Ã…â€œstte marka logo + Yetkili SatÃƒâ€Ã‚Â±cÃƒâ€Ã‚Â±
   - Marka satÃƒâ€Ã‚Â±rÃƒâ€Ã‚Â±nda PaylaÃƒâ€¦Ã…Â¸ (ikon img)
   - PaylaÃƒâ€¦Ã…Â¸ altÃƒâ€Ã‚Â±nda WhatsApp CTA, altÃƒâ€Ã‚Â±nda ikonlar
   ========================================================= */

/* ---------- 1) Marka logo satÃƒâ€Ã‚Â±rÃƒâ€Ã‚Â± ---------- */
.ybe-brandrow{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  margin:0 0 10px 0;
  width:100%;
}

.ybe-brandrow img{
  height:42px;
  width:auto;
  max-width:180px;
  object-fit:contain;
  display:block;
}

.ybe-brandrow .ybe-auth{
  font-size:12px;
  font-weight:700;
  padding:6px 10px;
  border-radius:999px;
  line-height:1;
  background:#024596;
  color:#fff;
  white-space:nowrap;
}

/* ÃƒÆ’Ã‚Â¼rÃƒÆ’Ã‚Â¼n baÃƒâ€¦Ã…Â¸lÃƒâ€Ã‚Â±k alanÃƒâ€Ã‚Â±nda float vs varsa kÃƒâ€Ã‚Â±r */
[data-cmp-type="product_title_zone"] [data-cmp-type="product_brand_logo"],
[data-cmp-type="product_title_zone"] .product-brand{
  float:none !important;
}

/* ---------- 2) WhatsApp CTA ---------- */
.ybe-wa-wrap{
  margin:10px 0 12px 0;
  width:100%;
}

.ybe-wa-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  padding:14px 16px;
  border-radius:12px;
  text-decoration:none !important;
  font-weight:800;
  font-size:16px;
  line-height:1;
  background:#25D366;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(0,0,0,.08);
}

.ybe-wa-btn:hover{ filter:brightness(0.97); }

.ybe-wa-sub{
  margin-top:6px;
  font-size:12px;
  opacity:.75;
  text-align:center;
}

.ybe-wa-ico{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:block;
}

/* WhatsApp butonu ikon kutularÃƒâ€Ã‚Â±ndan ÃƒÆ’Ã‚Â¶nce gelsin */
.ybe-wa-wrap + [data-cmp-type="product_line"]{ margin-top:0 !important; }


/* ================================
   B2B ENERJÃƒâ€Ã‚Â° HEADER LOGO CONTROL
   ================================ */

/* DESKTOP */
#main-logo,
.logimg img.img-fluid{
    width:300px !important;       /* desktop logo boyutu */  
    max-width:300px !important;
    height:auto !important;
    transition:all .25s ease;
}

/* LARGE DESKTOP */
@media(min-width:1400px){
    #main-logo,
    .logimg img.img-fluid{
        width:300px !important;
        max-width:300px !important;
    }
}

/* TABLET */
@media(max-width:991px){
    #main-logo,
    .logimg img.img-fluid{
        width:260px !important;
        max-width:260px !important;
    }
}

/* MOBÃƒâ€Ã‚Â°L */
@media(max-width:768px){
    #main-logo,
    .logimg img.img-fluid{
        width:200px !important;
        max-width:200px !important;
    }
}

/* EXTRA SMALL MOBÃƒâ€Ã‚Â°L */
@media(max-width:480px){
    #main-logo,
    .logimg img.img-fluid{
        width:170px !important;
        max-width:170px !important;
    }
}


 /* H1 iÃƒÆ’Ã‚Â§ine doÃƒâ€Ã…Â¸ru yerleÃƒâ€¦Ã…Â¸im */
  h1.cmp.product-title{
    display:block !important;
  }

  /* Brandrow artÃƒâ€Ã‚Â±k tam satÃƒâ€Ã‚Â±rÃƒâ€Ã‚Â± kaplasÃƒâ€Ã‚Â±n */
  .ybe-brandrow{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin-bottom:6px;
  }

  /* ÃƒÆ’Ã…â€œrÃƒÆ’Ã‚Â¼n adÃƒâ€Ã‚Â± aÃƒâ€¦Ã…Â¸aÃƒâ€Ã…Â¸Ãƒâ€Ã‚Â±da ayrÃƒâ€Ã‚Â± satÃƒâ€Ã‚Â±r olsun */
  .ybe-title-text{
    display:block;
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
  }
/* =====================================
   B2B HERO SLIDER - WEB + MOBILE FIX
   Web:   1296x584
   Mobil: 336x555
   ===================================== */

/* KapsayÃƒâ€Ã‚Â±cÃƒâ€Ã‚Â±: hem senin class hem olasÃƒâ€Ã‚Â± tema wrapper */
#home_wrapper .cmp.nyslider .swiper-slider-592,
.swiper-slider-592{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1296 / 584;

  max-height: 620px !important;
  min-height: 260px !important;

  overflow: hidden !important;
  background: #0b1f3a !important;
}

/* iÃƒÆ’Ã‚Â§ katmanlar */
#home_wrapper .cmp.nyslider .swiper-slider-592 .swiper-wrapper,
#home_wrapper .cmp.nyslider .swiper-slider-592 .swiper-slide,
.swiper-slider-592 .swiper-wrapper,
.swiper-slider-592 .swiper-slide{
  height: 100% !important;
}

/* slide iÃƒÆ’Ã‚Â§indeki wrapper */
#home_wrapper .cmp.nyslider .swiper-slider-592 .swiper-slide > a,
#home_wrapper .cmp.nyslider .swiper-slider-592 .swiper-slide > div,
.swiper-slider-592 .swiper-slide > a,
.swiper-slider-592 .swiper-slide > div{
  display:block !important;
  width:100% !important;
  height:100% !important;
}

/* resim/picture */
#home_wrapper .cmp.nyslider .swiper-slider-592 img,
#home_wrapper .cmp.nyslider .swiper-slider-592 picture,
.swiper-slider-592 img,
.swiper-slider-592 picture{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display:block !important;
}

/* Tablet */
@media (max-width: 991px){
  #home_wrapper .cmp.nyslider .swiper-slider-592,
  .swiper-slider-592{
    max-height: 560px !important;
    min-height: 240px !important;
  }
}

/* Mobil */
@media (max-width: 575px){
  #home_wrapper .cmp.nyslider .swiper-slider-592,
  .swiper-slider-592{
    aspect-ratio: 336 / 555 !important;
    max-height: none !important;
    min-height: 360px !important;
  }
}


/* ====== YBE: Fiyat + Adet + Sepete Ekle Hizalama (TEMÃƒâ€Ã‚Â°Z) ====== */

/* 1) Fiyat tek satÃƒâ€Ã‚Â±r kalsÃƒâ€Ã‚Â±n (TL alta dÃƒÆ’Ã‚Â¼Ãƒâ€¦Ã…Â¸mesin) */
.ybe-price-wrap, .ybe-price-wrap *{
  white-space: nowrap !important;
}

/* 2) BUY ROW: adet + sepete ekle aynÃƒâ€Ã‚Â± satÃƒâ€Ã‚Â±r */
.ybe-buy-row{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  margin: 8px 0 10px 0 !important;
}

/* 3) Adet bloÃƒâ€Ã…Â¸u sabit ve kÃƒÆ’Ã‚Â¼ÃƒÆ’Ã‚Â§ÃƒÆ’Ã‚Â¼k */
.ybe-buy-row .productCount{
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: 130px !important;
  max-width: 130px !important;
  margin: 0 !important;
}

/* input sabit */
.ybe-buy-row .productCount input[type="number"]{
  width: 60px !important;
  max-width: 60px !important;
  text-align: center !important;
}

/* - ve + sabit */
.ybe-buy-row .productCount button{
  width: 34px !important;
  min-width: 34px !important;
}

/* 4) Sepete ekle alanÃƒâ€Ã‚Â± kalan yeri alsÃƒâ€Ã‚Â±n */
.ybe-buy-row [data-cmp-type^="product_cart_box"],
.ybe-buy-row [id*="product_cart_box"]{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Sepete ekle butonu tek satÃƒâ€Ã‚Â±r */
.ybe-buy-row [data-cmp-type^="product_cart_box"] .btn,
.ybe-buy-row [id*="product_cart_box"] .btn{
  white-space: nowrap !important;
}

/* Mobil: alt satÃƒâ€Ã‚Â±ra insin, bozulmasÃƒâ€Ã‚Â±n */
@media (max-width: 768px){
  .ybe-buy-row{ flex-wrap: wrap !important; }
  .ybe-buy-row .productCount{ width: 120px !important; }
  .ybe-buy-row [data-cmp-type^="product_cart_box"],
  .ybe-buy-row [id*="product_cart_box"]{ flex: 1 1 100% !important; }
}
/* Sadece bizim taÃƒâ€¦Ã…Â¸Ãƒâ€Ã‚Â±dÃƒâ€Ã‚Â±Ãƒâ€Ã…Â¸Ãƒâ€Ã‚Â±mÃƒâ€Ã‚Â±z fiyat satÃƒâ€Ã‚Â±rÃƒâ€Ã‚Â± */
.ybe-price-row{
  width: 100%;
  margin: 8px 0 10px 0;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.15;
}
.ybe-price-row .product-price-sale,
.ybe-price-row .discount,
.ybe-price-row .price{
  white-space: nowrap;
  display: inline-block;
}
.ybe-wa-sub{
  font-weight:600 !important;
  color:#1a1a1a !important;
  opacity:1 !important;
  font-size:15px !important;   /* ? en dengeli deÃƒâ€Ã…Â¸er */
  letter-spacing:0.2px !important;
  line-height:1.5 !important;
}

/* Marka linki daha net */
tr.trow-product-detail-brand td:last-child a,
tr.row-product-detail-brand td:last-child a{
  font-weight:600;
  text-decoration:none;
}



/* Marka satÃƒâ€Ã‚Â±rÃƒâ€Ã‚Â± flex ise dÃƒÆ’Ã‚Â¼zenleyelim */
tr.trow-product-detail-brand,
tr.row-product-detail-brand{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

/* Sol: Marka etiketi */
tr.trow-product-detail-brand td:first-child,
tr.row-product-detail-brand td:first-child{
  width:auto !important;
  padding-right:6px !important;
  white-space:nowrap;
}

/* SaÃƒâ€Ã…Â¸: Marka adÃƒâ€Ã‚Â± + stok kodu bloÃƒâ€Ã…Â¸u */
tr.trow-product-detail-brand td:last-child,
tr.row-product-detail-brand td:last-child{
  flex:1 !important;
  padding-left:0 !important;
}

.ybe-brand-right{
  display:flex;
  align-items:center;
  justify-content:space-between; /* marka solda, stok saÃƒâ€Ã…Â¸da */
  width:100%;
  gap:12px;
}

.ybe-brand-name{
  font-weight:600;
}

.ybe-stock-inline-right{
  font-size:13px;
  white-space:nowrap;
  opacity:.9;
}

.ybe-stock-inline-right span{
  font-weight:600;
  opacity:.8;
}
/* Desktop/tablet: yan yana kalsÃƒâ€Ã‚Â±n */
.ybe-brand-right{
  display:flex;
  align-items:center;
  justify-content:flex-start; /* zaten yaklaÃƒâ€¦Ã…Â¸tÃƒâ€Ã‚Â±rmÃƒâ€Ã‚Â±Ãƒâ€¦Ã…Â¸tÃƒâ€Ã‚Â±k */
  gap:50px;
  width:100%;
}

/* Stok kodu desktop'ta tek satÃƒâ€Ã‚Â±r olabilir */
.ybe-stock-inline-right{
  white-space:nowrap;
}

/* MOBÃƒâ€Ã‚Â°L: stok kodunu alta indir */
@media (max-width: 768px){
  .ybe-stock-inline-right span{
    display:block;
    margin-bottom:2px;
  }

  .ybe-stock-inline-right{
    white-space:normal !important;      /* satÃƒâ€Ã‚Â±r kÃƒâ€Ã‚Â±rÃƒâ€Ã‚Â±labilir */
    word-break:break-word !important;   /* uzun kod kÃƒâ€Ã‚Â±r */
  }
}

/* Kargo alÃƒâ€Ã‚Â±cÃƒâ€Ã‚Â±ya aittir etiketi */
.ybe-kargo-alici{
    margin-left:8px;
    font-size:13px;
    font-weight:700;
    color:#dc3545;        /* kÃƒâ€Ã‚Â±rmÃƒâ€Ã‚Â±zÃƒâ€Ã‚Â± */
    display:inline-block;
    white-space:nowrap;
}
/* Sepette kargo ÃƒÆ’Ã‚Â¼cretini (ÃƒÆ’Ã…â€œcretsiz) gizle */
#kargoUcreti{
  display:none !important;
}




/* Fiyat + badge container */
.ybe-price-wrap {
    display: flex !important;
    align-items: center;
    gap: 12px; /* ? ARALIK BURADA */
    flex-wrap: wrap;
}

/* Havale etiketi */
.ybe-havale-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: linear-gradient(135deg, #fff4eb 0%, #ffe7d6 100%);
    color: #ff5a00;
    border: 1px solid rgba(255, 90, 0, 0.2);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    box-shadow: 0 4px 10px rgba(255, 90, 0, 0.08);
}

/* ikon */
.ybe-havale-badge::before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ff5a00;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

/* fiyat biraz daha gÃƒÆ’Ã‚Â¼ÃƒÆ’Ã‚Â§lÃƒÆ’Ã‚Â¼ gÃƒÆ’Ã‚Â¶rÃƒÆ’Ã‚Â¼nsÃƒÆ’Ã‚Â¼n */
.ybe-price-wrap > *:first-child {
    font-size: 26px;
    font-weight: 700;
}

/* mobil optimizasyon */
@media (max-width: 768px) {
    .ybe-price-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}







.ybe-mailorder-card {
  display: inline-block !important;
  margin-top: 12px !important;
  margin-left: 12px !important;
  vertical-align: middle !important;
}

.ybe-mailorder-link {
  text-decoration: none !important;
  display: inline-block !important;
}

.ybe-mailorder-inner {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #fff7f0, #ffe6d2) !important;
  border: 1px solid rgba(255, 120, 0, 0.28) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

.ybe-mailorder-inner:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12) !important;
}

.ybe-mailorder-inner img {
  width: 50px !important;
  height: auto !important;
  display: block !important;
}

.ybe-mailorder-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  line-height: 1.15 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.ybe-mailorder-text span {
  font-size: 14px !important;
  color: #111111 !important;
  font-weight: 500 !important;
}

.ybe-mailorder-text strong {
  font-size: 15px !important;
  color: #000000 !important;
  font-weight: 900 !important;
}

.ybe-mailorder-text b {
  font-size: 16px !important;
  color: #ff5a00 !important;
  font-weight: 900 !important;
}

@media (max-width: 768px) {
  .ybe-mailorder-card {
    display: block !important;
    margin-left: 0 !important;
    margin-top: 10px !important;
  }

  .ybe-mailorder-inner {
    width: fit-content !important;
    padding: 8px 12px !important;
    gap: 8px !important;
  }

  .ybe-mailorder-inner img {
    width: 42px !important;
  }

  .ybe-mailorder-text span {
    font-size: 13px !important;
  }

  .ybe-mailorder-text strong {
    font-size: 14px !important;
  }

  .ybe-mailorder-text b {
    font-size: 15px !important;
  }
}
.productItem .ybe-mailorder-card,
.product-item .ybe-mailorder-card,
.product-list .ybe-mailorder-card,
.productList .ybe-mailorder-card,
.category-product .ybe-mailorder-card,
[class*="product-list"] .ybe-mailorder-card,
[class*="productItem"] .ybe-mailorder-card {
  display: none !important;
}
.productItem .ybe-havale-badge,
.product-list .ybe-havale-badge {
    display: none !important;
}

/* =========================================================
   B2B Bayi Basvuru - Clean Entegra CSS
   Kurumsal HTML: .b2b-landing-page
   ========================================================= */

html.b2b-bayi-page,
html.b2b-bayi-page body{background:#f5f8fc!important;overflow-x:hidden!important;}
html.b2b-bayi-page .topHeader,
html.b2b-bayi-page .top-header,
html.b2b-bayi-page .header-wrapper,
html.b2b-bayi-page .mainHeader,
html.b2b-bayi-page .main-header,
html.b2b-bayi-page #header,
html.b2b-bayi-page header:not(.b2b-page-header),
html.b2b-bayi-page .fullHorizontalMenuRow,
html.b2b-bayi-page .breadcrumb,
html.b2b-bayi-page .page-title,
html.b2b-bayi-page .leftBlock,
html.b2b-bayi-page .left-block,
html.b2b-bayi-page .sidebar,
html.b2b-bayi-page #footer,
html.b2b-bayi-page footer:not(.b2b-page-footer),
html.b2b-bayi-page .footer{display:none!important;}
html.b2b-bayi-page .content,
html.b2b-bayi-page .contentArea,
html.b2b-bayi-page .page-content,
html.b2b-bayi-page .pageContent,
html.b2b-bayi-page .container-fluid,
html.b2b-bayi-page .main-content,
html.b2b-bayi-page main{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;}

.b2b-landing-page{width:100vw!important;max-width:100vw!important;margin:0 calc(50% - 50vw)!important;padding:0!important;overflow:hidden!important;background:#f5f8fc!important;color:#162033!important;font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;line-height:1.55!important;display:block!important;}
.b2b-landing-page,.b2b-landing-page *{box-sizing:border-box!important;}
.b2b-landing-page a{text-decoration:none!important;color:inherit!important;}
.b2b-landing-page img{max-width:100%!important;display:block!important;}
.b2b-landing-page .container{width:92%!important;max-width:1180px!important;margin:0 auto!important;padding:0!important;}

.b2b-landing-page .b2b-page-header{width:100%!important;min-height:82px!important;background:#fff!important;border-bottom:1px solid #dde6f0!important;position:sticky!important;top:0!important;z-index:99!important;box-shadow:0 8px 24px rgba(4,30,66,.05)!important;display:block!important;}
.b2b-landing-page .nav{height:82px!important;min-height:82px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;}
.b2b-landing-page .brand-logo img{height:64px!important;width:auto!important;}
.b2b-landing-page .nav-actions{display:flex!important;align-items:center!important;gap:10px!important;}
.b2b-landing-page .nav-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;padding:12px 20px!important;border-radius:999px!important;font-size:16px!important;font-weight:900!important;line-height:1.1!important;white-space:nowrap!important;}
.b2b-landing-page .nav-btn.orange{background:#FC4E06!important;}
.b2b-landing-page .nav-btn.green{background:#25D366!important;}

.b2b-landing-page .hero{position:relative!important;min-height:760px!important;height:760px!important;display:flex!important;align-items:center!important;color:#fff!important;background:#024596!important;overflow:hidden!important;padding:0!important;margin:0!important;isolation:isolate!important;}
.b2b-landing-page .hero-img{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;object-fit:cover!important;}
.b2b-landing-page .hero-web{display:block!important;}
.b2b-landing-page .hero-mobile{display:none!important;}
.b2b-landing-page .hero:before{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(2,69,150,.97) 0%,rgba(2,69,150,.78) 48%,rgba(2,69,150,.16) 100%)!important;}
.b2b-landing-page .hero-content{position:relative!important;z-index:2!important;width:92%!important;max-width:680px!important;margin:0 auto!important;padding:72px 0 140px!important;text-align:left!important;}
.b2b-landing-page .badge{display:inline-block!important;margin:0 0 18px!important;padding:10px 16px!important;border-radius:999px!important;background:rgba(252,78,6,.18)!important;border:1px solid rgba(252,78,6,.5)!important;color:#fff!important;font-size:16px!important;font-weight:900!important;line-height:1.35!important;letter-spacing:0!important;}
.b2b-landing-page h1{color:#fff!important;font-size:58px!important;line-height:1.04!important;margin:0 0 22px!important;letter-spacing:0!important;font-weight:900!important;}
.b2b-landing-page h1 span{color:#FC4E06!important;}
.b2b-landing-page .hero-list{list-style:none!important;padding:0!important;margin:0 0 28px!important;color:#eaf2ff!important;font-size:18px!important;line-height:1.5!important;}
.b2b-landing-page .hero-list li{display:flex!important;gap:10px!important;align-items:flex-start!important;margin:0 0 10px!important;}
.b2b-landing-page .hero-list li:before{content:"\2713"!important;color:#FC4E06!important;font-weight:900!important;margin-top:1px!important;}
.b2b-landing-page .actions{display:flex!important;gap:14px!important;flex-wrap:wrap!important;margin:0!important;}
.b2b-landing-page .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:15px 26px!important;border-radius:999px!important;font-size:16px!important;font-weight:900!important;color:#fff!important;line-height:1.1!important;}
.b2b-landing-page .btn-whatsapp{background:#25D366!important;}
.b2b-landing-page .btn-bayi{background:#FC4E06!important;}

.b2b-landing-page .stats{background:#032f68!important;color:#fff!important;margin:0!important;padding:0!important;}
.b2b-landing-page .stats-grid{display:flex!important;flex-wrap:wrap!important;width:92%!important;max-width:1180px!important;}
.b2b-landing-page .stat{width:25%!important;min-height:112px!important;padding:28px!important;border-right:1px solid rgba(255,255,255,.14)!important;display:flex!important;align-items:center!important;gap:16px!important;}
.b2b-landing-page .stat:last-child{border-right:0!important;}
.b2b-landing-page .stat img{width:54px!important;height:54px!important;object-fit:contain!important;flex:0 0 54px!important;}
.b2b-landing-page .stat strong{display:block!important;color:#FC4E06!important;font-size:30px!important;line-height:1!important;margin:0 0 8px!important;font-weight:900!important;}
.b2b-landing-page .stat span{color:#dcecff!important;font-weight:700!important;}

.b2b-landing-page section{padding:88px 0!important;margin:0!important;}
.b2b-landing-page .title{text-align:center!important;margin:0 0 42px!important;}
.b2b-landing-page .title h2{margin:0 0 10px!important;font-size:36px!important;color:#024596!important;letter-spacing:0!important;font-weight:900!important;}
.b2b-landing-page .title p{margin:0 auto!important;max-width:760px!important;color:#667085!important;font-size:17px!important;}
.b2b-landing-page .benefits{display:flex!important;flex-wrap:wrap!important;gap:22px!important;}
.b2b-landing-page .benefit-card{width:calc(25% - 17px)!important;background:#fff!important;border:1px solid #dde6f0!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 18px 38px rgba(4,30,66,.08)!important;transition:transform .25s ease,box-shadow .25s ease!important;}
.b2b-landing-page .benefit-card:hover{transform:translateY(-6px)!important;box-shadow:0 24px 52px rgba(4,30,66,.14)!important;}
.b2b-landing-page .benefit-img,.b2b-landing-page .cat-img{width:100%!important;aspect-ratio:1/1!important;background:#eef3f8!important;overflow:hidden!important;}
.b2b-landing-page .benefit-img img{width:100%!important;height:100%!important;object-fit:cover!important;}
.b2b-landing-page .benefit-body{padding:22px!important;}
.b2b-landing-page .benefit-tag{display:inline-block!important;color:#FC4E06!important;font-weight:900!important;font-size:13px!important;margin-bottom:8px!important;}
.b2b-landing-page .benefit-body h3{margin:0 0 10px!important;color:#024596!important;font-size:20px!important;}
.b2b-landing-page .benefit-body p{margin:0!important;color:#667085!important;font-size:15px!important;}

.b2b-landing-page #kategori{padding-top:88px!important;padding-bottom:96px!important;}
.b2b-landing-page .categories{display:flex!important;flex-wrap:wrap!important;gap:18px!important;}
.b2b-landing-page .cat{width:calc(20% - 15px)!important;background:#fff!important;border:1px solid #dde6f0!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 12px 30px rgba(4,30,66,.06)!important;transition:transform .25s ease,box-shadow .25s ease!important;}
.b2b-landing-page .cat:hover{transform:translateY(-5px)!important;box-shadow:0 18px 38px rgba(4,30,66,.12)!important;}
.b2b-landing-page .cat-img img{width:100%!important;height:100%!important;object-fit:contain!important;}
.b2b-landing-page .cat-content{padding:18px!important;}
.b2b-landing-page .cat h3{margin:0 0 8px!important;font-size:17px!important;color:#024596!important;}
.b2b-landing-page .cat p{margin:0!important;color:#667085!important;font-size:14px!important;}

.b2b-landing-page .b2b-steps-section{display:block!important;width:100%!important;padding:96px 0!important;margin:0!important;background:#064584!important;color:#fff!important;}
.b2b-landing-page .b2b-steps-section .title h2{color:#fff!important;font-size:36px!important;font-weight:900!important;}
.b2b-landing-page .b2b-steps-section .title p{color:#dcecff!important;}
.b2b-landing-page .steps{display:flex!important;flex-wrap:wrap!important;gap:24px!important;}
.b2b-landing-page .step{width:calc(33.333% - 16px)!important;min-height:250px!important;padding:32px!important;border-radius:18px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:none!important;}
.b2b-landing-page .step b{display:flex!important;width:52px!important;height:52px!important;align-items:center!important;justify-content:center!important;margin:4px 0 26px!important;border-radius:50%!important;background:#FC4E06!important;color:#fff!important;font-size:18px!important;font-weight:900!important;}
.b2b-landing-page .step h3{color:#fff!important;font-size:24px!important;font-weight:900!important;margin:0 0 22px!important;}
.b2b-landing-page .step p{color:#fff!important;font-size:17px!important;line-height:1.55!important;margin:0!important;}

.b2b-landing-page #form{padding:96px 0!important;background:#f5f8fc!important;}
.b2b-landing-page .form-box{display:flex!important;flex-wrap:nowrap!important;gap:34px!important;min-height:620px!important;background:#064f99!important;color:#fff!important;border-radius:24px!important;padding:42px!important;box-shadow:0 24px 58px rgba(4,30,66,.20)!important;}
.b2b-landing-page .form-box h2{color:#fff!important;font-size:38px!important;line-height:1.12!important;font-weight:900!important;margin:0 0 18px!important;}
.b2b-landing-page .form-box p{color:#fff!important;font-size:17px!important;margin:0 0 22px!important;}
.b2b-landing-page .form-box > div:first-child{width:calc(55% - 17px)!important;}.b2b-landing-page .info{width:calc(45% - 17px)!important;}.b2b-landing-page .b2b-form-mount{display:block!important;min-height:260px!important;margin-top:22px!important;}
.b2b-landing-page #dealerForm{display:flex!important;flex-wrap:wrap!important;gap:14px!important;width:100%!important;}
.b2b-landing-page #dealerForm input,.b2b-landing-page #dealerForm select,.b2b-landing-page #dealerForm textarea{display:block!important;width:calc(50% - 7px)!important;min-height:60px!important;padding:15px 18px!important;border:0!important;border-radius:10px!important;background:#fff!important;color:#162033!important;font-size:15px!important;line-height:1.35!important;opacity:1!important;visibility:visible!important;}
.b2b-landing-page #dealerForm textarea{width:100%!important;min-height:138px!important;resize:vertical!important;}
.b2b-landing-page #dealerForm button{width:100%!important;min-height:64px!important;display:block!important;border:0!important;border-radius:10px!important;background:#25D366!important;color:#fff!important;font-weight:900!important;font-size:16px!important;cursor:pointer!important;}
.b2b-landing-page .info{min-height:100%!important;padding:32px!important;border-radius:18px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;}
.b2b-landing-page .info h3{color:#fff!important;font-size:30px!important;font-weight:900!important;margin:0 0 20px!important;}
.b2b-landing-page .b2b-page-footer{display:block!important;padding:26px 0!important;background:#fff!important;border-top:1px solid #dde6f0!important;color:#667085!important;font-size:14px!important;}

@media(max-width:1000px){.b2b-landing-page .benefit-card{width:calc(50% - 11px)!important;}.b2b-landing-page .cat{width:calc(50% - 9px)!important;}}

@media(max-width:900px){
  .b2b-landing-page .container{width:100%!important;max-width:none!important;padding:0 18px!important;}
  .b2b-landing-page .hero{min-height:620px!important;height:auto!important;align-items:flex-end!important;}
  .b2b-landing-page .hero-web{display:none!important;}
  .b2b-landing-page .hero-mobile{display:block!important;}
  .b2b-landing-page .hero:before{background:linear-gradient(180deg,rgba(2,69,150,.12) 0%,rgba(2,69,150,.78) 46%,rgba(2,69,150,.98) 100%)!important;}
  .b2b-landing-page .hero-content{max-width:none!important;padding:48px 18px 110px!important;}
  .b2b-landing-page h1{font-size:34px!important;letter-spacing:0!important;}
   .b2b-landing-page .stat,.b2b-landing-page .benefit-card,.b2b-landing-page .cat,.b2b-landing-page .step,.b2b-landing-page .form-box > div:first-child,.b2b-landing-page .info,.b2b-landing-page #dealerForm input,.b2b-landing-page #dealerForm select{width:100%!important;}.b2b-landing-page .form-box{flex-wrap:wrap!important;padding:24px!important;}.b2b-landing-page .stat{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;}
}

@media(max-width:560px){
  .b2b-landing-page .nav{height:70px!important;min-height:70px!important;gap:8px!important;}
  .b2b-landing-page .brand-logo img{height:56px!important;}
  .b2b-landing-page .nav-btn{padding:9px 11px!important;font-size:12px!important;}
  .b2b-landing-page .nav-btn.green{display:none!important;}
  .b2b-landing-page section,.b2b-landing-page #kategori,.b2b-landing-page #form{padding:56px 0!important;}
  .b2b-landing-page .b2b-steps-section{padding:72px 0!important;}
  .b2b-landing-page .title h2{font-size:28px!important;}
  .b2b-landing-page .form-box{padding:24px!important;border-radius:18px!important;}
  .b2b-landing-page .form-box h2{font-size:28px!important;}
}

/* B2B Bayi Basvuru - live page final force */
.b2b-landing-page section.dark,
.b2b-landing-page .dark,
.b2b-landing-page #kategori + section,
.b2b-landing-page .b2b-steps-section{
  display:block!important;
  width:100%!important;
  background:#064584!important;
  color:#fff!important;
  padding:96px 0!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
}

.b2b-landing-page section.dark:before,
.b2b-landing-page section.dark:after,
.b2b-landing-page #kategori + section:before,
.b2b-landing-page #kategori + section:after,
.b2b-landing-page .b2b-steps-section:before,
.b2b-landing-page .b2b-steps-section:after{
  display:none!important;
  content:none!important;
}

.b2b-landing-page section.dark .title h2,
.b2b-landing-page section.dark .title p,
.b2b-landing-page #kategori + section .title h2,
.b2b-landing-page #kategori + section .title p,
.b2b-landing-page #kategori + section .step,
.b2b-landing-page #kategori + section .step b,
.b2b-landing-page #kategori + section .step h3,
.b2b-landing-page #kategori + section .step p,
.b2b-landing-page .b2b-steps-section .title h2,
.b2b-landing-page .b2b-steps-section .title p,
.b2b-landing-page .b2b-steps-section .step,
.b2b-landing-page .b2b-steps-section .step b,
.b2b-landing-page .b2b-steps-section .step h3,
.b2b-landing-page .b2b-steps-section .step p{
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}

.b2b-landing-page .b2b-native-form,
.b2b-landing-page #dealerForm{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  width:100%!important;
  min-height:0!important;
  opacity:1!important;
  visibility:visible!important;
}

.b2b-landing-page .b2b-native-form input,
.b2b-landing-page .b2b-native-form select,
.b2b-landing-page .b2b-native-form textarea,
.b2b-landing-page #dealerForm input,
.b2b-landing-page #dealerForm select,
.b2b-landing-page #dealerForm textarea{
  display:block!important;
  width:calc(50% - 7px)!important;
  min-height:60px!important;
  padding:15px 18px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#162033!important;
  font-size:15px!important;
  line-height:1.35!important;
  opacity:1!important;
  visibility:visible!important;
}

.b2b-landing-page .b2b-native-form textarea,
.b2b-landing-page #dealerForm textarea,
.b2b-landing-page .b2b-native-form button,
.b2b-landing-page #dealerForm button{
  width:100%!important;
}

.b2b-landing-page .b2b-native-form textarea,
.b2b-landing-page #dealerForm textarea{
  min-height:138px!important;
  resize:vertical!important;
}

.b2b-landing-page .b2b-native-form button,
.b2b-landing-page #dealerForm button{
  min-height:64px!important;
  display:block!important;
  border:0!important;
  border-radius:10px!important;
  background:#25D366!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

@media(max-width:900px){
  .b2b-landing-page .b2b-native-form input,
  .b2b-landing-page .b2b-native-form select,
  .b2b-landing-page #dealerForm input,
  .b2b-landing-page #dealerForm select{
    width:100%!important;
  }
}

/* B2B Bayi Basvuru - absolute final override */
.b2b-landing-page section.b2b-steps-section,
html.b2b-bayi-page body section.b2b-steps-section,
html.b2b-bayi-page body .b2b-steps-section{
  padding:104px 0 112px!important;
}

.b2b-landing-page .b2b-steps-section .steps,
html.b2b-bayi-page body .b2b-steps-section .steps{
  margin:56px auto 0!important;
}

.b2b-landing-page .b2b-steps-section .step > b,
html.b2b-bayi-page body .b2b-steps-section .step > b{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0 0 28px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#FC4E06!important;
  background-color:#FC4E06!important;
  background-image:none!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:center!important;
  box-shadow:0 12px 24px rgba(252,78,6,.22)!important;
}

.b2b-landing-page #form,
html.b2b-bayi-page body #form{
  padding:72px 0 96px!important;
}

.b2b-landing-page #dealerForm input,
.b2b-landing-page #dealerForm textarea,
html.b2b-bayi-page body #dealerForm input,
html.b2b-bayi-page body #dealerForm textarea{
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
}

.b2b-landing-page #dealerForm button#dealerSubmit,
html.b2b-bayi-page body #dealerForm button#dealerSubmit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:64px!important;
  border:0!important;
  border-radius:10px!important;
  background:#25D366!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

@media(max-width:900px){
  .b2b-landing-page section.b2b-steps-section,
  html.b2b-bayi-page body section.b2b-steps-section,
  html.b2b-bayi-page body .b2b-steps-section{
    padding:72px 0 82px!important;
  }

  .b2b-landing-page .b2b-steps-section .steps,
  html.b2b-bayi-page body .b2b-steps-section .steps{
    margin:32px auto 0!important;
  }

  .b2b-landing-page #form,
  html.b2b-bayi-page body #form{
    padding:44px 0 64px!important;
  }
}

/* B2B Bayi Basvuru - true final rozet, gap and writable form */
.b2b-landing-page .b2b-steps-section .step,
html.b2b-bayi-page body .b2b-steps-section .step{
  position:relative!important;
}

.b2b-landing-page .b2b-steps-section .step > b,
html.b2b-bayi-page body .b2b-steps-section .step > b{
  display:none!important;
}

.b2b-landing-page .b2b-steps-section .b2b-step-badge,
html.b2b-bayi-page body .b2b-steps-section .b2b-step-badge,
.b2b-landing-page .b2b-steps-section .step::before,
html.b2b-bayi-page body .b2b-steps-section .step::before{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  margin:0 0 28px!important;
  padding:0!important;
  border-radius:50%!important;
  background:#FC4E06!important;
  background-color:#FC4E06!important;
  background-image:none!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  box-shadow:0 12px 24px rgba(252,78,6,.22)!important;
}

.b2b-landing-page .b2b-steps-section .step.b2b-has-step-badge::before,
html.b2b-bayi-page body .b2b-steps-section .step.b2b-has-step-badge::before{
  display:none!important;
  content:none!important;
}

.b2b-landing-page .b2b-steps-section .step:nth-child(1)::before,
html.b2b-bayi-page body .b2b-steps-section .step:nth-child(1)::before{content:"1"!important;}
.b2b-landing-page .b2b-steps-section .step:nth-child(2)::before,
html.b2b-bayi-page body .b2b-steps-section .step:nth-child(2)::before{content:"2"!important;}
.b2b-landing-page .b2b-steps-section .step:nth-child(3)::before,
html.b2b-bayi-page body .b2b-steps-section .step:nth-child(3)::before{content:"3"!important;}

.b2b-landing-page #form,
html.b2b-bayi-page body #form{
  padding:96px 0 96px!important;
}

html.b2b-bayi-page body #dealerForm input,
html.b2b-bayi-page body #dealerForm select,
html.b2b-bayi-page body #dealerForm textarea,
html.b2b-bayi-page body .b2b-native-form input,
html.b2b-bayi-page body .b2b-native-form select,
html.b2b-bayi-page body .b2b-native-form textarea{
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
  position:relative!important;
  z-index:2!important;
}

@media(max-width:900px){
  .b2b-landing-page #form,
  html.b2b-bayi-page body #form{
    padding:64px 0 64px!important;
  }
}

/* B2B Bayi Basvuru - true final hero overlay and section gaps */
html.b2b-bayi-page body .b2b-landing-page .hero{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  min-height:760px!important;
  height:760px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  background:#024596!important;
  isolation:isolate!important;
  box-shadow:0 64px 0 #032f68!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero-img{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero::before,
html.b2b-bayi-page body .b2b-landing-page .hero::after,
html.b2b-bayi-page body .b2b-landing-page .b2b-hero-overlay{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(2,69,150,.96) 0%,rgba(2,69,150,.78) 45%,rgba(2,69,150,.20) 100%)!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero.b2b-overlay-ready::before,
html.b2b-bayi-page body .b2b-landing-page .hero.b2b-overlay-ready::after{
  display:none!important;
  content:none!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero-content{
  position:relative!important;
  z-index:2!important;
  width:92%!important;
  max-width:760px!important;
  margin:0 auto!important;
  padding:72px 0 110px!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero + .stats,
html.b2b-bayi-page body .b2b-landing-page .stats{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-top:0!important;
  transform:translateY(0)!important;
}

html.b2b-bayi-page body .b2b-landing-page .stats + section{
  padding-top:104px!important;
  padding-bottom:112px!important;
}

html.b2b-bayi-page body .b2b-landing-page #kategori{
  padding-top:112px!important;
  padding-bottom:124px!important;
}

html.b2b-bayi-page body .b2b-landing-page section.b2b-steps-section,
html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section{
  padding-top:112px!important;
  padding-bottom:124px!important;
}

html.b2b-bayi-page body .b2b-landing-page #form{
  padding-top:112px!important;
  padding-bottom:112px!important;
}

html.b2b-bayi-page body .b2b-landing-page .benefits,
html.b2b-bayi-page body .b2b-landing-page .categories,
html.b2b-bayi-page body .b2b-landing-page .steps{
  margin-top:44px!important;
}

html.b2b-bayi-page body .b2b-landing-page .step b,
html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step > b,
html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step b:first-child{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

@media(max-width:900px){
  html.b2b-bayi-page body .b2b-landing-page .hero{
    min-height:620px!important;
    height:auto!important;
    align-items:flex-end!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero::before,
  html.b2b-bayi-page body .b2b-landing-page .hero::after,
  html.b2b-bayi-page body .b2b-landing-page .b2b-hero-overlay{
    background:linear-gradient(180deg,rgba(2,69,150,.16) 0%,rgba(2,69,150,.78) 44%,rgba(2,69,150,.98) 100%)!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-content{
    width:100%!important;
    max-width:none!important;
    padding:48px 18px 96px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .stats + section,
  html.b2b-bayi-page body .b2b-landing-page #kategori,
  html.b2b-bayi-page body .b2b-landing-page section.b2b-steps-section,
  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section,
  html.b2b-bayi-page body .b2b-landing-page #form{
    padding-top:72px!important;
    padding-bottom:78px!important;
  }
}

/* B2B Bayi Basvuru - hero overlay and section rhythm final */
html.b2b-bayi-page body .b2b-landing-page .hero{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  min-height:760px!important;
  height:760px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  background:#024596!important;
  isolation:isolate!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero-img{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero::before,
html.b2b-bayi-page body .b2b-landing-page .hero::after,
html.b2b-bayi-page body .b2b-landing-page .b2b-hero-overlay{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(2,69,150,.96) 0%,rgba(2,69,150,.78) 45%,rgba(2,69,150,.20) 100%)!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero-content{
  position:relative!important;
  z-index:2!important;
  width:92%!important;
  max-width:760px!important;
  margin:0 auto!important;
  padding:72px 0 110px!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero + .stats,
html.b2b-bayi-page body .b2b-landing-page .stats{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-top:0!important;
  transform:translateY(0)!important;
}

html.b2b-bayi-page body .b2b-landing-page .stats-grid{
  margin-top:0!important;
  padding-top:0!important;
}

html.b2b-bayi-page body .b2b-landing-page .stats + section{
  padding-top:104px!important;
  padding-bottom:112px!important;
}

html.b2b-bayi-page body .b2b-landing-page #kategori{
  padding-top:112px!important;
  padding-bottom:124px!important;
}

html.b2b-bayi-page body .b2b-landing-page section.b2b-steps-section,
html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section{
  padding-top:112px!important;
  padding-bottom:124px!important;
}

html.b2b-bayi-page body .b2b-landing-page #form{
  padding-top:112px!important;
  padding-bottom:112px!important;
}

html.b2b-bayi-page body .b2b-landing-page .benefits,
html.b2b-bayi-page body .b2b-landing-page .categories,
html.b2b-bayi-page body .b2b-landing-page .steps{
  margin-top:44px!important;
}

html.b2b-bayi-page body .b2b-landing-page .step b,
html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step > b,
html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step b:first-child{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

@media(max-width:900px){
  html.b2b-bayi-page body .b2b-landing-page .hero{
    min-height:620px!important;
    height:auto!important;
    align-items:flex-end!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero::before,
  html.b2b-bayi-page body .b2b-landing-page .hero::after,
  html.b2b-bayi-page body .b2b-landing-page .b2b-hero-overlay{
    background:linear-gradient(180deg,rgba(2,69,150,.16) 0%,rgba(2,69,150,.78) 44%,rgba(2,69,150,.98) 100%)!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-content{
    width:100%!important;
    max-width:none!important;
    padding:48px 18px 96px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .stats + section,
  html.b2b-bayi-page body .b2b-landing-page #kategori,
  html.b2b-bayi-page body .b2b-landing-page section.b2b-steps-section,
  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section,
  html.b2b-bayi-page body .b2b-landing-page #form{
    padding-top:72px!important;
    padding-bottom:78px!important;
  }
}

/* B2B Bayi Basvuru - CMS-resistant badges and section gap */
.b2b-landing-page .b2b-steps-section .step,
html.b2b-bayi-page body .b2b-steps-section .step{
  position:relative!important;
}

.b2b-landing-page .b2b-steps-section .step > b,
html.b2b-bayi-page body .b2b-steps-section .step > b{
  display:none!important;
}

.b2b-landing-page .b2b-steps-section .b2b-step-badge,
html.b2b-bayi-page body .b2b-steps-section .b2b-step-badge{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  margin:0 0 28px!important;
  border-radius:50%!important;
  background:#FC4E06!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
}

.b2b-landing-page .b2b-steps-section .step::before,
html.b2b-bayi-page body .b2b-steps-section .step::before{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:52px!important;
  height:52px!important;
  margin:0 0 28px!important;
  border-radius:50%!important;
  background:#FC4E06!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
}

.b2b-landing-page .b2b-steps-section .step.b2b-has-step-badge::before,
html.b2b-bayi-page body .b2b-steps-section .step.b2b-has-step-badge::before{
  display:none!important;
  content:none!important;
}

.b2b-landing-page .b2b-steps-section .step:nth-child(1)::before,
html.b2b-bayi-page body .b2b-steps-section .step:nth-child(1)::before{content:"1"!important;}
.b2b-landing-page .b2b-steps-section .step:nth-child(2)::before,
html.b2b-bayi-page body .b2b-steps-section .step:nth-child(2)::before{content:"2"!important;}
.b2b-landing-page .b2b-steps-section .step:nth-child(3)::before,
html.b2b-bayi-page body .b2b-steps-section .step:nth-child(3)::before{content:"3"!important;}

.b2b-landing-page #form,
html.b2b-bayi-page body #form{
  padding-top:104px!important;
}

@media(max-width:900px){
  .b2b-landing-page #form,
  html.b2b-bayi-page body #form{
    padding-top:64px!important;
  }
}

/* B2B Bayi Basvuru - final spacing, step badges, writable form */
.b2b-landing-page section.b2b-steps-section,
html.b2b-bayi-page body section.b2b-steps-section,
html.b2b-bayi-page body .b2b-steps-section{
  padding:104px 0 112px!important;
}

.b2b-landing-page .b2b-steps-section .steps,
html.b2b-bayi-page body .b2b-steps-section .steps{
  margin:56px auto 0!important;
}

.b2b-landing-page .b2b-steps-section .step > b,
html.b2b-bayi-page body .b2b-steps-section .step > b{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0 0 28px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#FC4E06!important;
  background-color:#FC4E06!important;
  background-image:none!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:center!important;
  box-shadow:0 12px 24px rgba(252,78,6,.22)!important;
}

.b2b-landing-page #form,
html.b2b-bayi-page body #form{
  padding:72px 0 96px!important;
}

.b2b-landing-page #dealerForm input,
.b2b-landing-page #dealerForm textarea,
html.b2b-bayi-page body #dealerForm input,
html.b2b-bayi-page body #dealerForm textarea{
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
}

.b2b-landing-page #dealerForm button#dealerSubmit,
html.b2b-bayi-page body #dealerForm button#dealerSubmit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:64px!important;
  border:0!important;
  border-radius:10px!important;
  background:#25D366!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

@media(max-width:900px){
  .b2b-landing-page section.b2b-steps-section,
  html.b2b-bayi-page body section.b2b-steps-section,
  html.b2b-bayi-page body .b2b-steps-section{
    padding:72px 0 82px!important;
  }

  .b2b-landing-page .b2b-steps-section .steps,
  html.b2b-bayi-page body .b2b-steps-section .steps{
    margin:32px auto 0!important;
  }

  .b2b-landing-page #form,
  html.b2b-bayi-page body #form{
    padding:44px 0 64px!important;
  }
}

/* B2B Bayi Basvuru - final rozet/form guard */
.b2b-landing-page .b2b-steps-section .step,
html.b2b-bayi-page body .b2b-steps-section .step{
  position:relative!important;
}

.b2b-landing-page .b2b-steps-section .step > b,
html.b2b-bayi-page body .b2b-steps-section .step > b{
  display:none!important;
}

.b2b-landing-page .b2b-steps-section .b2b-step-badge,
html.b2b-bayi-page body .b2b-steps-section .b2b-step-badge,
.b2b-landing-page .b2b-steps-section .step::before,
html.b2b-bayi-page body .b2b-steps-section .step::before{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  margin:0 0 28px!important;
  padding:0!important;
  border-radius:50%!important;
  background:#FC4E06!important;
  background-color:#FC4E06!important;
  background-image:none!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  box-shadow:0 12px 24px rgba(252,78,6,.22)!important;
}

.b2b-landing-page .b2b-steps-section .step.b2b-has-step-badge::before,
html.b2b-bayi-page body .b2b-steps-section .step.b2b-has-step-badge::before{
  display:none!important;
  content:none!important;
}

.b2b-landing-page .b2b-steps-section .step:nth-child(1)::before,
html.b2b-bayi-page body .b2b-steps-section .step:nth-child(1)::before{content:"1"!important;}
.b2b-landing-page .b2b-steps-section .step:nth-child(2)::before,
html.b2b-bayi-page body .b2b-steps-section .step:nth-child(2)::before{content:"2"!important;}
.b2b-landing-page .b2b-steps-section .step:nth-child(3)::before,
html.b2b-bayi-page body .b2b-steps-section .step:nth-child(3)::before{content:"3"!important;}

html.b2b-bayi-page body #dealerForm input,
html.b2b-bayi-page body #dealerForm select,
html.b2b-bayi-page body #dealerForm textarea,
html.b2b-bayi-page body .b2b-native-form input,
html.b2b-bayi-page body .b2b-native-form select,
html.b2b-bayi-page body .b2b-native-form textarea{
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
  position:relative!important;
  z-index:2!important;
}

/* B2B Bayi Basvuru - layout repair */
.b2b-landing-page .b2b-steps-section,
.b2b-landing-page section.b2b-steps-section,
.b2b-landing-page section.dark.b2b-steps-section{
  background:#064584!important;
  padding:96px 0 90px!important;
  margin:0!important;
  color:#fff!important;
}

.b2b-landing-page .b2b-steps-section > .container{
  width:92%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
}

.b2b-landing-page .b2b-steps-section .title{
  margin:0 0 44px!important;
  text-align:center!important;
}

.b2b-landing-page .b2b-steps-section .title h2{
  color:#fff!important;
  font-size:42px!important;
  line-height:1.12!important;
  margin:0 0 12px!important;
}

.b2b-landing-page .b2b-steps-section .title p{
  color:#dcecff!important;
  font-size:18px!important;
}

.b2b-landing-page .b2b-steps-section .steps{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:24px!important;
  margin:0!important;
  padding:0!important;
}

.b2b-landing-page .b2b-steps-section .step{
  display:block!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:260px!important;
  padding:34px 36px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:none!important;
}

.b2b-landing-page .b2b-steps-section .step b{
  width:52px!important;
  height:52px!important;
  margin:0 0 28px!important;
  background:#FC4E06!important;
  color:#fff!important;
}

.b2b-landing-page .b2b-steps-section .step h3{
  font-size:24px!important;
  line-height:1.2!important;
  margin:0 0 18px!important;
  color:#fff!important;
}

.b2b-landing-page .b2b-steps-section .step p{
  color:#fff!important;
  font-size:17px!important;
  line-height:1.55!important;
  margin:0!important;
}

.b2b-landing-page #form{
  padding:72px 0 88px!important;
  background:#f5f8fc!important;
}

.b2b-landing-page #form .form-box{
  width:92%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:stretch!important;
  gap:34px!important;
  min-height:0!important;
  padding:42px!important;
  border-radius:24px!important;
  background:#064f99!important;
}

.b2b-landing-page #form .form-box > div:first-child{
  flex:1 1 58%!important;
  width:auto!important;
}

.b2b-landing-page #form .info{
  flex:1 1 42%!important;
  width:auto!important;
  min-height:0!important;
}

@media(max-width:900px){
  .b2b-landing-page .b2b-steps-section{
    padding:72px 0!important;
  }

  .b2b-landing-page .b2b-steps-section > .container{
    width:100%!important;
    padding:0 18px!important;
  }

  .b2b-landing-page .b2b-steps-section .title h2{
    font-size:32px!important;
  }

  .b2b-landing-page .b2b-steps-section .steps{
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
  }

  .b2b-landing-page .b2b-steps-section .step{
    width:100%!important;
    min-height:0!important;
    padding:24px!important;
  }

  .b2b-landing-page #form .form-box{
    width:100%!important;
    flex-direction:column!important;
    padding:28px 24px!important;
    border-radius:18px!important;
  }

  .b2b-landing-page #form .form-box > div:first-child,
  .b2b-landing-page #form .info{
    width:100%!important;
    flex:1 1 auto!important;
  }
}

/* B2B Bayi Basvuru - viewport accurate final */
html.b2b-bayi-page body .b2b-landing-page{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  overflow:hidden!important;
}

html.b2b-bayi-page body section.b2b-steps-section,
html.b2b-bayi-page body .b2b-steps-section{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding:96px 0 90px!important;
  background:#064584!important;
  color:#fff!important;
  overflow:hidden!important;
  border-radius:0!important;
}

html.b2b-bayi-page body .b2b-steps-section > .container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

html.b2b-bayi-page body .b2b-steps-section .title{
  width:100%!important;
  max-width:none!important;
  margin:0 0 58px!important;
  padding:0!important;
  text-align:center!important;
}

html.b2b-bayi-page body .b2b-steps-section .title h2{
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:42px!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:0!important;
}

html.b2b-bayi-page body .b2b-steps-section .title p{
  margin:0 auto!important;
  color:#dcecff!important;
  font-size:18px!important;
  line-height:1.45!important;
}

html.b2b-bayi-page body .b2b-steps-section .steps{
  width:78vw!important;
  max-width:1476px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:24px!important;
}

html.b2b-bayi-page body .b2b-steps-section .step{
  display:flex!important;
  flex:1 1 0!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  min-height:290px!important;
  margin:0!important;
  padding:36px!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  color:#fff!important;
}

html.b2b-bayi-page body .b2b-steps-section .step b{
  display:flex!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 0 28px!important;
  border-radius:50%!important;
  background:#FC4E06!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
}

html.b2b-bayi-page body .b2b-steps-section .step h3{
  margin:0 0 20px!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

html.b2b-bayi-page body .b2b-steps-section .step p{
  margin:0!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.55!important;
  font-weight:600!important;
}

html.b2b-bayi-page body section#form,
html.b2b-bayi-page body #form{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0 0 88px!important;
  background:#f5f8fc!important;
  overflow:hidden!important;
}

html.b2b-bayi-page body #form > .container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

html.b2b-bayi-page body #form .form-box{
  width:78vw!important;
  max-width:1476px!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:44px!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:40px!important;
  border-radius:24px!important;
  background:#064f99!important;
  color:#fff!important;
  box-shadow:0 24px 58px rgba(4,30,66,.18)!important;
}

html.b2b-bayi-page body #form .form-box > div:first-child{
  flex:1 1 57%!important;
  width:auto!important;
  min-width:0!important;
}

html.b2b-bayi-page body #form .info{
  flex:1 1 43%!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:32px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.16)!important;
}

html.b2b-bayi-page body #form .form-box h2{
  margin:0 0 18px!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1.12!important;
  font-weight:900!important;
}

html.b2b-bayi-page body #form .form-box p{
  margin:0 0 22px!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.55!important;
}

html.b2b-bayi-page body #dealerFormMount{
  display:block!important;
  min-height:0!important;
  margin-top:22px!important;
}

html.b2b-bayi-page body #dealerForm,
html.b2b-bayi-page body .b2b-native-form{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  gap:14px 16px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
}

html.b2b-bayi-page body #dealerForm input,
html.b2b-bayi-page body #dealerForm select,
html.b2b-bayi-page body #dealerForm textarea,
html.b2b-bayi-page body .b2b-native-form input,
html.b2b-bayi-page body .b2b-native-form select,
html.b2b-bayi-page body .b2b-native-form textarea{
  display:block!important;
  width:calc(50% - 8px)!important;
  min-height:60px!important;
  margin:0!important;
  padding:15px 18px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#162033!important;
  font-size:15px!important;
  line-height:1.35!important;
  opacity:1!important;
  visibility:visible!important;
}

html.b2b-bayi-page body #dealerForm textarea,
html.b2b-bayi-page body .b2b-native-form textarea{
  width:100%!important;
  min-height:138px!important;
  resize:vertical!important;
}

html.b2b-bayi-page body #dealerForm button,
html.b2b-bayi-page body .b2b-native-form button{
  display:block!important;
  width:100%!important;
  min-height:64px!important;
  margin:0!important;
  border:0!important;
  border-radius:10px!important;
  background:#25D366!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

.b2b-landing-page .b2b-fallback-form,
html.b2b-bayi-page body .b2b-fallback-form{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  gap:14px 16px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
}

.b2b-landing-page .b2b-fake-field,
html.b2b-bayi-page body .b2b-fake-field{
  display:block!important;
  width:calc(50% - 8px)!important;
  min-height:60px!important;
  margin:0!important;
  padding:15px 18px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#667085!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.8!important;
  text-align:left!important;
  box-sizing:border-box!important;
  outline:none!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
}

.b2b-landing-page .b2b-fake-field:focus,
html.b2b-bayi-page body .b2b-fake-field:focus{
  color:#162033!important;
  box-shadow:0 0 0 3px rgba(37,211,102,.18)!important;
}

.b2b-landing-page .b2b-fake-area,
html.b2b-bayi-page body .b2b-fake-area{
  width:100%!important;
  min-height:138px!important;
  line-height:1.45!important;
  overflow:auto!important;
}

.b2b-landing-page .b2b-fake-submit,
html.b2b-bayi-page body .b2b-fake-submit,
html.b2b-bayi-page body #dealerForm a#dealerSubmit,
html.b2b-bayi-page body .b2b-native-form a#dealerSubmit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:64px!important;
  margin:0!important;
  border:0!important;
  border-radius:10px!important;
  background:#25D366!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}

@media(max-width:1100px){
  html.b2b-bayi-page body .b2b-steps-section .steps,
  html.b2b-bayi-page body #form .form-box{
    width:92vw!important;
  }
}

@media(max-width:900px){
  html.b2b-bayi-page body section.b2b-steps-section,
  html.b2b-bayi-page body .b2b-steps-section{
    padding:72px 0!important;
  }

  html.b2b-bayi-page body .b2b-steps-section .title{
    margin-bottom:30px!important;
    padding:0 18px!important;
  }

  html.b2b-bayi-page body .b2b-steps-section .title h2{
    font-size:32px!important;
  }

  html.b2b-bayi-page body .b2b-steps-section .steps{
    width:calc(100vw - 36px)!important;
    flex-direction:column!important;
    gap:14px!important;
  }

  html.b2b-bayi-page body .b2b-steps-section .step{
    width:100%!important;
    min-height:0!important;
    padding:24px!important;
  }

  html.b2b-bayi-page body #form{
    padding:0 0 56px!important;
  }

  html.b2b-bayi-page body #form .form-box{
    width:calc(100vw - 36px)!important;
    flex-direction:column!important;
    gap:24px!important;
    padding:28px 24px!important;
    border-radius:18px!important;
  }

  html.b2b-bayi-page body #form .form-box > div:first-child,
  html.b2b-bayi-page body #form .info{
    width:100%!important;
    flex:1 1 auto!important;
  }

  html.b2b-bayi-page body #dealerForm input,
  html.b2b-bayi-page body #dealerForm select,
  html.b2b-bayi-page body .b2b-native-form input,
  html.b2b-bayi-page body .b2b-native-form select,
  .b2b-landing-page .b2b-fake-field,
  html.b2b-bayi-page body .b2b-fake-field{
    width:100%!important;
  }
}

/* B2B Bayi Basvuru - absolute final override */
.b2b-landing-page section.b2b-steps-section,
html.b2b-bayi-page body section.b2b-steps-section,
html.b2b-bayi-page body .b2b-steps-section{
  padding:104px 0 112px!important;
}

.b2b-landing-page .b2b-steps-section .steps,
html.b2b-bayi-page body .b2b-steps-section .steps{
  margin:56px auto 0!important;
}

.b2b-landing-page .b2b-steps-section .step > b,
html.b2b-bayi-page body .b2b-steps-section .step > b{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0 0 28px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#FC4E06!important;
  background-color:#FC4E06!important;
  background-image:none!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:center!important;
  box-shadow:0 12px 24px rgba(252,78,6,.22)!important;
}

.b2b-landing-page #form,
html.b2b-bayi-page body #form{
  padding:72px 0 96px!important;
}

.b2b-landing-page #dealerForm input,
.b2b-landing-page #dealerForm textarea,
html.b2b-bayi-page body #dealerForm input,
html.b2b-bayi-page body #dealerForm textarea{
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
}

.b2b-landing-page #dealerForm button#dealerSubmit,
html.b2b-bayi-page body #dealerForm button#dealerSubmit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:64px!important;
  border:0!important;
  border-radius:10px!important;
  background:#25D366!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

@media(max-width:900px){
  .b2b-landing-page section.b2b-steps-section,
  html.b2b-bayi-page body section.b2b-steps-section,
  html.b2b-bayi-page body .b2b-steps-section{
    padding:72px 0 82px!important;
  }

  .b2b-landing-page .b2b-steps-section .steps,
  html.b2b-bayi-page body .b2b-steps-section .steps{
    margin:32px auto 0!important;
  }

  .b2b-landing-page #form,
  html.b2b-bayi-page body #form{
    padding:44px 0 64px!important;
  }
}

/* B2B Bayi Basvuru - true final rozet, gap and writable form */
.b2b-landing-page .b2b-steps-section .step,
html.b2b-bayi-page body .b2b-steps-section .step{
  position:relative!important;
}

.b2b-landing-page .b2b-steps-section .step > b,
html.b2b-bayi-page body .b2b-steps-section .step > b{
  display:none!important;
}

.b2b-landing-page .b2b-steps-section .b2b-step-badge,
html.b2b-bayi-page body .b2b-steps-section .b2b-step-badge,
.b2b-landing-page .b2b-steps-section .step::before,
html.b2b-bayi-page body .b2b-steps-section .step::before{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  margin:0 0 28px!important;
  padding:0!important;
  border-radius:50%!important;
  background:#FC4E06!important;
  background-color:#FC4E06!important;
  background-image:none!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  box-shadow:0 12px 24px rgba(252,78,6,.22)!important;
}

.b2b-landing-page .b2b-steps-section .step.b2b-has-step-badge::before,
html.b2b-bayi-page body .b2b-steps-section .step.b2b-has-step-badge::before{
  display:none!important;
  content:none!important;
}

.b2b-landing-page .b2b-steps-section .step:nth-child(1)::before,
html.b2b-bayi-page body .b2b-steps-section .step:nth-child(1)::before{content:"1"!important;}
.b2b-landing-page .b2b-steps-section .step:nth-child(2)::before,
html.b2b-bayi-page body .b2b-steps-section .step:nth-child(2)::before{content:"2"!important;}
.b2b-landing-page .b2b-steps-section .step:nth-child(3)::before,
html.b2b-bayi-page body .b2b-steps-section .step:nth-child(3)::before{content:"3"!important;}

.b2b-landing-page #form,
html.b2b-bayi-page body #form{
  padding:96px 0 96px!important;
}

html.b2b-bayi-page body #dealerForm input,
html.b2b-bayi-page body #dealerForm select,
html.b2b-bayi-page body #dealerForm textarea,
html.b2b-bayi-page body .b2b-native-form input,
html.b2b-bayi-page body .b2b-native-form select,
html.b2b-bayi-page body .b2b-native-form textarea{
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
  position:relative!important;
  z-index:2!important;
}

@media(max-width:900px){
  .b2b-landing-page #form,
  html.b2b-bayi-page body #form{
    padding:64px 0 64px!important;
  }
}

/* B2B Bayi Basvuru - landing final v4 */
html.b2b-bayi-page body .b2b-landing-page{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  background:#f5f8fc!important;
  overflow:hidden!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  height:760px!important;
  min-height:760px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background:#024596!important;
  isolation:isolate!important;
  box-shadow:0 64px 0 #032f68!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero-img{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero .b2b-hero-overlay,
html.b2b-bayi-page body .b2b-landing-page .hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(2,69,150,.94) 0%,rgba(2,69,150,.78) 48%,rgba(2,69,150,.22) 100%)!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero::before{
  display:none!important;
  content:none!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero-content{
  position:relative!important;
  z-index:2!important;
  width:92%!important;
  max-width:680px!important;
  margin:0 auto!important;
  padding:72px 0 140px!important;
}

html.b2b-bayi-page body .b2b-landing-page .stats,
html.b2b-bayi-page body .b2b-landing-page .hero + .stats{
  margin-top:-56px!important;
  margin-bottom:0!important;
  padding:0!important;
  background:#032f68!important;
  border-top:0!important;
  transform:none!important;
  position:relative!important;
  z-index:3!important;
}

html.b2b-bayi-page body .b2b-landing-page section:not(.hero){
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:96px!important;
  padding-bottom:84px!important;
}

html.b2b-bayi-page body .b2b-landing-page .stats + section{
  padding-top:96px!important;
  padding-bottom:84px!important;
}

html.b2b-bayi-page body .b2b-landing-page #kategori{
  padding-top:96px!important;
  padding-bottom:60px!important;
}

html.b2b-bayi-page body .b2b-landing-page section.b2b-steps-section,
html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section{
  padding-top:64px!important;
  padding-bottom:72px!important;
}

html.b2b-bayi-page body .b2b-landing-page #form{
  padding-top:64px!important;
  padding-bottom:72px!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section{
  background:#064584!important;
}

html.b2b-bayi-page body .b2b-landing-page .title,
html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .title{
  margin:0 0 46px!important;
  text-align:center!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .title{
  margin-bottom:38px!important;
}

html.b2b-bayi-page body .b2b-landing-page .benefits,
html.b2b-bayi-page body .b2b-landing-page .categories,
html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .steps{
  margin:0 auto!important;
}

html.b2b-bayi-page body .b2b-landing-page .benefits{
  gap:22px!important;
}

html.b2b-bayi-page body .b2b-landing-page .categories{
  gap:18px!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .steps{
  width:78vw!important;
  max-width:1476px!important;
  gap:20px!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step{
  min-height:210px!important;
  padding:28px!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step > b,
html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step b{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  opacity:0!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .b2b-step-badge{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  margin:0 0 16px!important;
  padding:0!important;
  border-radius:50%!important;
  background:#FC4E06!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
  box-shadow:none!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step.b2b-has-step-badge::before{
  display:none!important;
  content:none!important;
}

html.b2b-bayi-page body .b2b-landing-page #form .form-box{
  margin:0 auto!important;
}

html.b2b-bayi-page body .b2b-landing-page #dealerForm input,
html.b2b-bayi-page body .b2b-landing-page #dealerForm select,
html.b2b-bayi-page body .b2b-landing-page #dealerForm textarea{
  pointer-events:auto!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  cursor:text!important;
  position:relative!important;
  z-index:2!important;
}

@media(max-width:900px){
  html.b2b-bayi-page body .b2b-landing-page .hero{
    min-height:calc(100vh - 70px)!important;
    height:auto!important;
    align-items:flex-end!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-img{
    object-fit:cover!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero .b2b-hero-overlay,
  html.b2b-bayi-page body .b2b-landing-page .hero::after{
    background:linear-gradient(180deg,rgba(2,69,150,.12) 0%,rgba(2,69,150,.78) 46%,rgba(2,69,150,.98) 100%)!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-content{
    width:100%!important;
    max-width:none!important;
    padding:40px 18px 120px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page section:not(.hero){
    padding-top:56px!important;
    padding-bottom:56px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .stats + section{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page #kategori{
    padding-top:56px!important;
    padding-bottom:48px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page section.b2b-steps-section,
  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section{
    padding-top:52px!important;
    padding-bottom:60px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page #form{
    padding-top:52px!important;
    padding-bottom:56px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .title,
  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .title{
    margin-bottom:30px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .steps{
    width:calc(100vw - 36px)!important;
    gap:14px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step{
    min-height:0!important;
    padding:24px!important;
  }
}

/* B2B Bayi Basvuru - section spacing hard final */
html.b2b-bayi-page body .b2b-landing-page .b2b-benefits-section{
  margin-top:0!important;
  margin-bottom:0!important;
  padding:112px 0 96px!important;
}

html.b2b-bayi-page body .b2b-landing-page #kategori,
html.b2b-bayi-page body .b2b-landing-page .b2b-category-section{
  margin-top:0!important;
  margin-bottom:0!important;
  padding:96px 0 0!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section{
  margin-top:0!important;
  margin-bottom:0!important;
  padding:64px 0 56px!important;
}

html.b2b-bayi-page body .b2b-landing-page #form{
  margin-top:0!important;
  margin-bottom:0!important;
  padding:0 0 96px!important;
}

html.b2b-bayi-page body .b2b-landing-page #form .form-box{
  margin:96px auto 0!important;
}

html.b2b-bayi-page body .b2b-landing-page .title{
  margin:0 0 48px!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .title{
  margin:0 0 40px!important;
}

html.b2b-bayi-page body .b2b-landing-page .benefits,
html.b2b-bayi-page body .b2b-landing-page .categories,
html.b2b-bayi-page body .b2b-landing-page .steps{
  margin-top:0!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-category-section .categories{
  margin-bottom:64px!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step > b,
html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step b{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  opacity:0!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step::before,
html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step::after{
  display:none!important;
  content:none!important;
}

@media(max-width:900px){
  html.b2b-bayi-page body .b2b-landing-page .b2b-benefits-section{
    padding:64px 0 58px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page #kategori,
  html.b2b-bayi-page body .b2b-landing-page .b2b-category-section{
    padding:58px 0 0!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section{
    padding:52px 0 54px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page #form{
    padding:0 0 64px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page #form .form-box{
    margin:72px auto 0!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-category-section .categories{
    margin-bottom:52px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .title{
    margin-bottom:34px!important;
  }
}

/* B2B scoped repair - 2026-06-12 */
html.b2b-bayi-page body .b2b-landing-page,
html.b2b-bayi-page body .b2b-landing-page *{
  box-sizing:border-box!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero{
  overflow:hidden!important;
}

html.b2b-bayi-page body .b2b-landing-page .hero-content{
  min-width:0!important;
}

html.b2b-bayi-page body .b2b-landing-page .badge,
html.b2b-bayi-page body .b2b-landing-page .hero h1,
html.b2b-bayi-page body .b2b-landing-page .hero h1 span,
html.b2b-bayi-page body .b2b-landing-page .hero-list li,
html.b2b-bayi-page body .b2b-landing-page .btn{
  max-width:100%!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  white-space:normal!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section{
  overflow:hidden!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .steps{
  display:flex!important;
  align-items:stretch!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  height:auto!important;
  overflow:visible!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step::before,
html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step::after{
  display:none!important;
  content:none!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .b2b-step-badge{
  position:static!important;
  display:flex!important;
  flex:0 0 52px!important;
  align-items:center!important;
  justify-content:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  margin:0 0 24px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#FC4E06!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
  transform:none!important;
}

html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step h3,
html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step p{
  position:static!important;
  max-width:100%!important;
  transform:none!important;
  overflow-wrap:break-word!important;
}

@media(max-width:900px){
  html.b2b-bayi-page body .b2b-landing-page .hero{
    min-height:auto!important;
    height:auto!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-content{
    padding:38px 18px 72px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .badge{
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    font-size:14px!important;
    line-height:1.3!important;
    padding:10px 14px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero h1{
    font-size:42px!important;
    line-height:1.08!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-list{
    padding:0!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-list li{
    font-size:24px!important;
    line-height:1.45!important;
    padding-left:44px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .actions{
    width:100%!important;
    gap:16px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .btn{
    width:100%!important;
    min-height:64px!important;
    padding:18px 20px!important;
    font-size:20px!important;
    line-height:1.2!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .btn-bayi{
    width:auto!important;
    min-width:180px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section{
    padding:52px 0 64px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .title{
    width:calc(100vw - 36px)!important;
    margin:0 auto 28px!important;
    padding:0!important;
    text-align:center!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .title h2{
    font-size:34px!important;
    line-height:1.15!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .steps{
    width:calc(100vw - 36px)!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    margin:0 auto!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step{
    width:100%!important;
    min-height:0!important;
    padding:24px!important;
  }
}

.category-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  gap:18px!important;
}

.category-grid .category-sub-item.no-sub-categoiy-image{
  flex:0 1 calc(33.333% - 12px)!important;
  width:calc(33.333% - 12px)!important;
  min-width:220px!important;
  max-width:none!important;
  height:auto!important;
  min-height:74px!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  transform:none!important;
}

.category-grid .category-sub-item.no-sub-categoiy-image a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  transform:none!important;
}

@media(max-width:991px){
  .category-grid .category-sub-item.no-sub-categoiy-image{
    flex-basis:calc(50% - 9px)!important;
    width:calc(50% - 9px)!important;
    min-width:0!important;
  }
}

@media(max-width:575px){
  .category-grid .category-sub-item.no-sub-categoiy-image{
    flex-basis:100%!important;
    width:100%!important;
  }
}

/* B2B repair - menu text, mobile hero gap, form anchor */
.fullHorizontalMenuRow .b2b-mega,
.fullHorizontalMenuRow .b2b-mega *{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
}

.fullHorizontalMenuRow .b2b-mega__left,
.fullHorizontalMenuRow .b2b-mega__middle{
  flex-basis:260px!important;
  min-width:260px!important;
}

.fullHorizontalMenuRow .b2b-main-list li,
.fullHorizontalMenuRow .b2b-main-list li span,
.fullHorizontalMenuRow .b2b-sub-group li,
.fullHorizontalMenuRow .b2b-sub-group li > a{
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:34px!important;
  line-height:1.35!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  text-align:left!important;
}

.fullHorizontalMenuRow .b2b-main-list li span,
.fullHorizontalMenuRow .b2b-sub-group li > a{
  display:flex!important;
  align-items:center!important;
}

.fullHorizontalMenuRow .b2b-sub-group .submenu-nv > li.b2b-offgrid-child > a.b2b-offgrid-child-link::before,
.fullHorizontalMenuRow .submenu-nv li.b2b-offgrid-child > a.b2b-offgrid-child-link::before,
.fullHorizontalMenuRow .b2b-sub-group ul li.b2b-sub-child > a::before{
  display:none!important;
  content:none!important;
}

.fullHorizontalMenuRow .b2b-sub-group ul li.b2b-sub-child > a,
.fullHorizontalMenuRow .b2b-sub-group .submenu-nv > li.b2b-offgrid-child > a.b2b-offgrid-child-link,
.fullHorizontalMenuRow .submenu-nv li.b2b-offgrid-child > a.b2b-offgrid-child-link{
  padding-left:18px!important;
  font-size:13px!important;
  color:#566174!important;
  opacity:1!important;
}

html.b2b-bayi-page body .b2b-landing-page #form{
  scroll-margin-top:96px!important;
}

html.b2b-bayi-page body .b2b-landing-page #form .form-box{
  scroll-margin-top:96px!important;
}

@media(max-width:900px){
  html.b2b-bayi-page body .b2b-landing-page .hero{
    display:flex!important;
    min-height:calc(100vh - 70px)!important;
    height:auto!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
    background:#024596!important;
    box-shadow:none!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-img{
    display:block!important;
    height:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-content{
    padding-bottom:64px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .stats,
  html.b2b-bayi-page body .b2b-landing-page .hero + .stats{
    margin-top:0!important;
    padding-top:0!important;
    border-top:0!important;
  }

  html.b2b-bayi-page body .b2b-landing-page #form,
  html.b2b-bayi-page body .b2b-landing-page #form .form-box{
    scroll-margin-top:76px!important;
  }
}

/* B2B Bayi mobile final lock - hero gap and steps layout */
@media(max-width:900px){
  html.b2b-bayi-page body .b2b-landing-page .hero{
    position:relative!important;
    display:flex!important;
    align-items:flex-end!important;
    width:100vw!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#024596!important;
    box-shadow:none!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-web{
    display:none!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-mobile{
    display:block!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero .b2b-hero-overlay,
  html.b2b-bayi-page body .b2b-landing-page .hero::after{
    background:linear-gradient(180deg,rgba(2,69,150,.12) 0%,rgba(2,69,150,.78) 38%,rgba(2,69,150,1) 100%)!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-content{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:34px 18px 28px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero h1{
    font-size:42px!important;
    line-height:1.08!important;
    margin:0 0 24px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-list{
    margin:0 0 24px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-list li{
    display:flex!important;
    gap:14px!important;
    padding-left:0!important;
    font-size:24px!important;
    line-height:1.45!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .hero-list li::before{
    flex:0 0 34px!important;
    width:34px!important;
    margin-top:0!important;
    text-align:center!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    width:100%!important;
    gap:16px!important;
    margin:0!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .btn{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-height:64px!important;
    margin:0!important;
    padding:18px 20px!important;
    font-size:20px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .btn-bayi{
    width:220px!important;
    max-width:56vw!important;
    min-width:0!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .stats,
  html.b2b-bayi-page body .b2b-landing-page .hero + .stats{
    margin-top:0!important;
    padding-top:0!important;
    transform:none!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section{
    width:100vw!important;
    margin:0!important;
    padding:56px 0 60px!important;
    overflow:hidden!important;
    background:#064584!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .title{
    width:calc(100vw - 36px)!important;
    margin:0 auto 28px!important;
    padding:0!important;
    text-align:left!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .title h2{
    font-size:38px!important;
    line-height:1.1!important;
    margin:0 0 14px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .title p{
    font-size:22px!important;
    line-height:1.35!important;
    margin:0!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .steps{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    width:calc(100vw - 36px)!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:0!important;
    gap:16px!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step{
    position:relative!important;
    display:grid!important;
    grid-template-columns:52px auto!important;
    column-gap:18px!important;
    row-gap:8px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:22px!important;
    overflow:visible!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:none!important;
    transform:none!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step::before,
  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step::after{
    display:none!important;
    content:none!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step > b{
    display:none!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .b2b-step-badge{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
    margin:0!important;
    padding:0!important;
    border-radius:50%!important;
    background:#FC4E06!important;
    color:#fff!important;
    font-size:18px!important;
    font-weight:900!important;
    line-height:1!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step h3{
    grid-column:2!important;
    grid-row:1!important;
    position:static!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:26px!important;
    line-height:1.18!important;
    font-weight:900!important;
    transform:none!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step p{
    grid-column:2!important;
    grid-row:2!important;
    position:static!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.45!important;
    font-weight:600!important;
    transform:none!important;
  }

  html.b2b-bayi-page body .b2b-landing-page #form .form-box{
    margin:56px auto 0!important;
  }
}

/* B2B Bayi absolute mobile repair */
@media(max-width:900px){
  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section,
  html.b2b-bayi-page body section.b2b-steps-section{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:56px 18px 60px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .title,
  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .steps{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .steps{
    display:block!important;
    padding:0!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 16px!important;
    padding:22px 22px 22px 92px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .b2b-step-badge{
    position:absolute!important;
    left:22px!important;
    top:22px!important;
    margin:0!important;
    transform:none!important;
  }

  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step h3,
  html.b2b-bayi-page body .b2b-landing-page .b2b-steps-section .step p{
    position:static!important;
    display:block!important;
    transform:none!important;
    white-space:normal!important;
  }
}
