/* =========================================================
   بحر الإطارات — التصميم الكامل
   كحلي + ذهبي
   ========================================================= */


/* =========================================================
   1) خلفية البحث
   ========================================================= */

.tire-search-container {
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 25px auto !important;
    padding: 28px 32px 30px !important;

    background: #FFFFFF !important;

    border-radius: 26px !important;

    box-shadow:
        0 18px 45px rgba(11, 41, 66, .22) !important;

    overflow: hidden !important;

    direction: rtl !important;

    position: relative !important;

    top: auto !important;
    bottom: auto !important;

    z-index: 2 !important;
}


/* =========================================================
   2) عنوان البحث
   ========================================================= */

.tire-search-heading {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 28px !important;

    margin: 0 0 24px !important;

    padding: 0 !important;
}


.tire-search-title {
    color: #0a2f4f !important;

    font-size: 30px !important;

    font-weight: 900 !important;

    line-height: 1.5 !important;

    text-align: center !important;

    white-space: nowrap !important;

    margin: 0 !important;
}


.tire-search-line {
    width: 80px !important;

    height: 3px !important;

    flex: 0 0 80px !important;

    background: #F4C21D !important;

    border-radius: 10px !important;
}


/* =========================================================
   3) صف الاختيارات
   ========================================================= */

.tire-search-row {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 18px !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    align-items: end !important;
}


/* =========================================================
   4) عناوين الاختيارات
   ========================================================= */

.tire-select-wrapper {
    display: flex !important;

    flex-direction: column !important;

    gap: 8px !important;

    min-width: 0 !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
}


.tire-select-wrapper label {
    display: block !important;

    color: #0a2f4f !important;

    font-size: 15px !important;

    font-weight: 800 !important;

    line-height: 1.5 !important;

    text-align: right !important;

    padding: 0 5px !important;

    margin: 0 !important;
}


/* =========================================================
   5) القوائم
   ========================================================= */

.select-box {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    direction: rtl !important;
}


.filter-dropdown {
    display: block !important;

    width: 100% !important;

    height: 68px !important;

    box-sizing: border-box !important;

    padding: 0 52px 0 20px !important;

    margin: 0 !important;

    border: 0 !important;

    border-radius: 17px !important;

    background: #FFFFFF !important;

    color: #0a2f4f !important;

    font-size: 18px !important;

    font-weight: 700 !important;

    line-height: 68px !important;

    text-align: center !important;

    outline: none !important;

    appearance: auto !important;

    -webkit-appearance: auto !important;

    cursor: pointer !important;

    box-shadow: 0 3px 12px rgba(0,0,0,.08) !important;
}


.filter-dropdown:focus {
    box-shadow:
        0 0 0 3px rgba(244,194,29,.40) !important;
}


.filter-dropdown:disabled {
    background: #E8EDF2 !important;

    color: #7B8794 !important;

    opacity: .65 !important;

    cursor: not-allowed !important;
}


/* =========================================================
   6) أيقونة السهم
   ========================================================= */

.select-icon {
    position: absolute !important;

    right: 17px !important;

    left: auto !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    z-index: 10 !important;

    color: #0a2f4f !important;

    font-size: 22px !important;

    font-weight: 900 !important;

    line-height: 1 !important;

    pointer-events: none !important;
}


/* =========================================================
   7) زر البحث
   ========================================================= */

.tire-search-btn-wrapper {
    width: 100% !important;

    margin: 18px 0 0 !important;

    padding: 0 !important;

    display: flex !important;

    justify-content: center !important;
}


#tire-search-btn {
    display: block !important;

    width: 100% !important;

    height: 68px !important;

    margin: 0 !important;

    padding: 0 20px !important;

    border: 0 !important;

    border-radius: 17px !important;

    background: #F4C21D !important;

    color: #0a2f4f !important;

    font-size: 21px !important;

    font-weight: 900 !important;

    line-height: 1 !important;

    cursor: pointer !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease !important;
}


#tire-search-btn:hover:not(:disabled) {
    background: #FFD83D !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 25px rgba(244,194,29,.32) !important;
}


#tire-search-btn:active:not(:disabled) {
    transform: translateY(0) !important;
}


#tire-search-btn span {
    font-size: 30px !important;

    vertical-align: middle !important;

    margin-left: 8px !important;
}


#tire-search-btn:disabled {
    opacity: .55 !important;

    cursor: not-allowed !important;

    transform: none !important;

    box-shadow: none !important;
}


/* =========================================================
   8) شريط الثقة
   ========================================================= */

.tire-trust-bar {
    width: 100% !important;

    margin: 28px 0 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   9) رسالة عدم وجود المقاس
   ========================================================= */

.tire-search-not-found {
    width: 100% !important;

    margin: 20px 0 !important;

    padding: 20px !important;

    background: #FFFFFF !important;

    border-radius: 15px !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* =========================================================
   10) الجوال للبحث
   ========================================================= */

@media (max-width: 768px) {

    .tire-search-container {
        width: calc(100% - 20px) !important;

        margin: 15px auto !important;

        padding: 18px 14px 20px !important;

        border-radius: 20px !important;
    }


    .tire-search-heading {
        gap: 10px !important;

        margin-bottom: 17px !important;
    }


    .tire-search-title {
        font-size: 20px !important;

        white-space: normal !important;

        line-height: 1.5 !important;
    }


    .tire-search-line {
        width: 35px !important;

        flex: 0 0 35px !important;

        height: 2px !important;
    }


    .tire-search-row {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 8px !important;
    }


    .tire-select-wrapper {
        gap: 5px !important;
    }


    .tire-select-wrapper label {
        font-size: 11px !important;

        padding: 0 2px !important;

        white-space: nowrap !important;
    }


    .filter-dropdown {
        height: 46px !important;

        padding: 0 25px 0 4px !important;

        border-radius: 10px !important;

        font-size: 12px !important;

        line-height: 46px !important;
    }


    .select-icon {
        right: 7px !important;

        font-size: 15px !important;
    }


    .tire-search-btn-wrapper {
        grid-column: 1 / -1 !important;

        margin-top: 10px !important;
    }


    #tire-search-btn {
        width: 100% !important;

        height: 46px !important;

        border-radius: 11px !important;

        font-size: 14px !important;
    }


    #tire-search-btn span {
        font-size: 21px !important;

        margin-left: 6px !important;
    }
}


/* =========================================================
   11) زر التواصل
   ========================================================= */

@media (max-width: 600px) {

    .bahar-contact-widget {
        right: 13px;
        bottom: 190px;
    }

}


.bahar-contact-button::after {
    content: "كلّمنا و أبشر";

    position: absolute;

    right: 72px;

    top: 50%;

    transform: translateY(-50%);

    background: #0a2f4f;

    color: #FFFFFF;

    padding: 7px 12px;

    border-radius: 8px;

    font-size: 12px;

    font-weight: 800;

    white-space: nowrap;

    box-shadow: 0 4px 12px rgba(0,0,0,.18);

    pointer-events: none;
}

 /* =========================================================
   بحر الإطارات
   فروع التركيب في المنطقة الشرقية
   تصميم صغير + إعلاني + متجاوب
   ========================================================= */

#bahar-branches-section {
    width: 100%;
    margin: 0;
    padding: 38px 12px 45px;
    box-sizing: border-box;
    background: #ffffff;
    direction: rtl;
    font-family: inherit;
}

.bahar-branches-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

/* =========================
   العنوان
   ========================= */

.bahar-branches-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 0 0 5px;
}

.bahar-branches-heading h2 {
    margin: 0;
    padding: 0;
    color: #0a2f4f;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
}

.bahar-heading-line {
    width: 45px;
    height: 3px;
    flex: 0 0 45px;
    background: #F4C21D;
    border-radius: 20px;
}

.bahar-branches-subtitle {
    margin: 0 0 38px;
    color: #707780;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
}

/* =========================
   الشبكة
   ========================= */

.bahar-branches-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
}

/* =========================
   البطاقة
   ========================= */

.bahar-branch-card {
    position: relative;
    min-width: 0;
    background: #ffffff;
    border: 1px solid #E1E5E9;
    border-radius: 15px;
    padding: 0 9px 11px;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 0 5px 17px rgba(8,43,82,.09);
    transition: transform .2s ease, box-shadow .2s ease;
}

.bahar-branch-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 9px 24px rgba(8,43,82,.14);
}

/* =========================
   أيقونة الموقع
   ========================= */

.bahar-location-icon {
    width: 56px;
    height: 56px;
    margin: -28px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0a2f4f;
    border: 3px solid #F4C21D;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(0,0,0,.14);
}

.bahar-location-icon span {
    font-size: 25px;
    line-height: 1;
}

/* =========================
   اسم الفرع
   ========================= */

.bahar-branch-title {
    margin: 0 -9px;
    padding: 14px 5px 12px;
    background: #0a2f4f;
    color: #ffffff;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.35;
}

/* =========================
   الإعلان القصير
   ========================= */

.bahar-branch-ad {
    margin: 9px 2px 5px;
    color: #0a2f4f;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.5;
}

/* =========================
   الموقع
   ========================= */

.bahar-branch-location {
    min-height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #333333;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
}

.bahar-info-icon {
    flex: 0 0 auto;
    font-size: 14px;
}

/* =========================
   الفاصل
   ========================= */

.bahar-branch-divider {
    width: 100%;
    height: 1px;
    margin: 5px 0;
    background: #E6E6E6;
}

/* =========================
   الهاتف
   ========================= */

.bahar-branch-phone {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.bahar-branch-phone a {
    color: #0a2f4f !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 800;
}

.bahar-phone-icon {
    color: #0a2f4f !important;
    font-size: 16px !important;
}

/* =========================
   زر الموقع
   ========================= */

.bahar-map-button {
    width: 100%;
    min-height: 40px;
    margin-top: 8px;
    padding: 5px 4px;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;

    background: #F4C21D;
    color: #0a2f4f !important;

    border-radius: 8px;

    text-decoration: none !important;

    font-size: 10px;
    font-weight: 900;
    line-height: 1.3;

    transition: .2s ease;
}

.bahar-map-button:hover {
    background: #FFD83D;
    color: #0a2f4f !important;
    transform: translateY(-1px);
}

.bahar-map-icon {
    font-size: 14px;
    line-height: 1;
}

/* =========================
   تابلت
   ========================= */

@media (max-width: 1000px) {

    .bahar-branches-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}

/* =========================
   الجوال
   ========================= */

@media (max-width: 650px) {

    #bahar-branches-section {
        padding: 32px 7px 40px;
    }

    .bahar-branches-heading {
        gap: 7px;
    }

    .bahar-branches-heading h2 {
        font-size: 20px;
    }

    .bahar-heading-line {
        width: 25px;
        flex: 0 0 25px;
        height: 2px;
    }

    .bahar-branches-subtitle {
        margin-bottom: 34px;
        font-size: 11px;
    }

    .bahar-branches-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .bahar-branch-card {
        padding: 0 5px 7px;
        border-radius: 11px;
    }

    .bahar-location-icon {
        width: 45px;
        height: 45px;
        margin-top: -23px;
        border-width: 2px;
    }

    .bahar-location-icon span {
        font-size: 20px;
    }

    .bahar-branch-title {
        margin: 0 -5px;
        padding: 11px 2px 10px;
        border-radius: 8px 8px 0 0;
        font-size: 14px;
    }

    .bahar-branch-ad {
        margin: 7px 1px 3px;
        font-size: 8px;
    }

    .bahar-branch-location {
        min-height: 43px;
        font-size: 8px;
        line-height: 1.4;
        gap: 2px;
    }

    .bahar-info-icon {
        font-size: 12px;
    }

    .bahar-branch-divider {
        margin: 4px 0;
    }

    .bahar-branch-phone {
        min-height: 27px;
        gap: 3px;
    }

    .bahar-branch-phone a {
        font-size: 9px;
    }

    .bahar-phone-icon {
        font-size: 13px !important;
    }

    .bahar-map-button {
        min-height: 35px;
        margin-top: 6px;
        padding: 4px 2px;
        border-radius: 7px;
        gap: 2px;
        font-size: 7px;
    }

    .bahar-map-icon {
        font-size: 12px;
    }
}

/* =========================
   جوال صغير جدًا
   ========================= */

@media (max-width: 380px) {

    .bahar-branches-grid {
        gap: 5px;
    }

    .bahar-branch-card {
        padding-left: 4px;
        padding-right: 4px;
    }

    .bahar-branch-title {
        margin-left: -4px;
        margin-right: -4px;
        font-size: 12px;
    }

    .bahar-branch-ad {
        font-size: 7px;
    }

    .bahar-branch-location {
        font-size: 7px;
    }

    .bahar-branch-phone a {
        font-size: 8px;
    }

    .bahar-map-button {
        font-size: 6.5px;
    }
}


/* ====================================================================
   SWB Category Badge — Bahar Tires
   شارة القسم الفاخرة بين السعر وزر "أضف إلى السلة"
   تصميم مختلف لكل قسم: أيقونة + خامة معدنية/لامعة + حركة بريق خفيفة
   ==================================================================== */

.swb-badge {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  height: 36px;          /* ارتفاع ثابت لكل الشارات في كل الأقسام */
  min-height: 36px;
  max-height: 36px;
  margin: 6px 0;
  padding: 0 12px;
  border-radius: 18px;   /* شكل ريبون/كبسولة فاخر بدل مستطيل بسيط */
  overflow: hidden;
  position: relative;
  isolation: isolate;
  border: 1.5px solid rgba(255, 215, 90, .65);   /* حافة ذهبية فاخرة */
  box-shadow:
    0 3px 8px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .28),
    inset 0 -6px 10px rgba(0, 0, 0, .15),
    inset 0 9px 12px -6px rgba(255, 255, 255, .4);   /* لمعان زجاجي علوي — إحساس 3D */
}

/* أيقونة القسم — تظهر قبل النص، مختلفة لكل تصنيف */
.swb-badge::before {
  content: "";
  font-size: 15px;
  line-height: 1;
  flex-shrink: 0;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .45));
}

/* خط بريق متحرك يعطي إحساس المعدن اللامع/الفخم */
.swb-badge::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -35%;
  width: 22%;
  height: 220%;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .55), transparent);
  transform: rotate(18deg);
  animation: swb-shine 3.4s ease-in-out infinite;
  pointer-events: none;
}

@keyframes swb-shine {
  0%   { left: -35%; }
  55%  { left: 130%; }
  100% { left: 130%; }
}

.swb-badge__text {
  position: relative;
  z-index: 1;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .2px;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;      /* ما نقص العرض بشكل تعسفي — يقص فقط لو النص فعليًا أطول من الشارة */
  flex: 1 1 auto;
  text-align: center;
}

/* نصوص أطول (زي اشترِ 3 والرابع مجانًا) تحتاج خط أصغر شوي عشان تظهر كاملة بدون قص */
.swb-badge--buy3get1 .swb-badge__text,
.swb-badge--inspection .swb-badge__text,
.swb-badge--special .swb-badge__text {
  font-size: 11px;
  letter-spacing: 0;
}

@media (prefers-reduced-motion: reduce) {
  .swb-badge::after { animation: none; }
}

/* ===== شارات الإطارات والجنوط والبطاريات (تصميم v3) ===== */
.swb-badge--tire {
--bk: rgba(140,220,255,.6);
--glow: rgba(110,210,255,.6);
background:
radial-gradient(75% 150% at 9% 55%, rgba(95,208,255,.30), transparent 62%),
linear-gradient(105deg, #03111f 0%, #0a2f4f 36%, #0073bf 70%, #0099e5 100%);
padding: 0;
}
.swb-badge--wheel {
--bk: rgba(255,196,120,.55);
--glow: rgba(255,255,255,.55);
background:
radial-gradient(75% 150% at 9% 55%, rgba(255,255,255,.22), transparent 62%),
repeating-linear-gradient(100deg, rgba(255,255,255,.04) 0 1px, transparent 1px 3px),
linear-gradient(105deg, #030304 0%, #15161a 34%, #3a3c44 68%, #7d808b 100%);
border-color: rgba(238,238,244,.62);
padding: 0;
}
.swb-badge--battery {
--bk: rgba(140,205,255,.65);
--glow: rgba(90,195,255,.75);
background:
radial-gradient(75% 150% at 9% 55%, rgba(110,205,255,.34), transparent 62%),
linear-gradient(105deg, #010716 0%, #052556 36%, #0b60c6 70%, #2b9cff 100%);
padding: 0;
}
.swb-badge--tire,
.swb-badge--wheel,
.swb-badge--battery { container-type: inline-size; }
.swb-badge--tire::before,
.swb-badge--wheel::before,
.swb-badge--battery::before { content: none; }
.swb-badge--tire::after,
.swb-badge--wheel::after,
.swb-badge--battery::after {
display: block;
z-index: 8;
width: 18%;
background: linear-gradient(120deg, transparent, rgba(255,255,255,.42), transparent);
animation: swb-shine 4.2s ease-in-out infinite;
}
.swb-badge__scene {
--car-w: 70px;
--rb-h: 20px;
--rb-fs: 10.8px;
--icon-s: 1;
position: relative;
display: block;
direction: ltr;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: inherit;
}
.swb-badge__bokeh {
position: absolute;
top: 0;
left: -150px;
width: 1100px;
height: 66%;
z-index: 1;
pointer-events: none;
opacity: .9;
background:
radial-gradient(circle at 20px 11px, rgba(255,255,255,.7) 0 1.5px, transparent 2.6px),
radial-gradient(circle at 74px 19px, var(--bk) 0 2.3px, transparent 4px),
radial-gradient(circle at 118px 7px, rgba(255,255,255,.5) 0 1.1px, transparent 2.2px),
radial-gradient(circle at 46px 25px, var(--bk) 0 1.7px, transparent 3.2px);
background-size: 150px 100%;
animation: swb-scroll150 4.4s linear infinite;
}
.swb-badge__bokeh--far {
left: -230px;
opacity: .5;
background:
radial-gradient(circle at 62px 13px, var(--bk) 0 4px, transparent 9px),
radial-gradient(circle at 170px 24px, rgba(255,255,255,.45) 0 3px, transparent 8px);
background-size: 230px 100%;
animation: swb-scroll230 10s linear infinite;
}
@keyframes swb-scroll150 { to { transform: translateX(150px); } }
@keyframes swb-scroll230 { to { transform: translateX(230px); } }
.swb-badge__road {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 6px;
z-index: 2;
overflow: hidden;
background: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.55));
border-top: 1px solid rgba(255,255,255,.2);
pointer-events: none;
}
.swb-badge__road::before {
content: "";
position: absolute;
top: 2px;
left: -48px;
width: 1100px;
height: 1.4px;
background: repeating-linear-gradient(90deg, rgba(255,232,160,.95) 0 11px, transparent 11px 24px);
animation: swb-dash .4s linear infinite;
}
@keyframes swb-dash { to { transform: translateX(24px); } }
.swb-badge__icon {
position: absolute;
left: 12px;
top: 50%;
z-index: 4;
width: 28px;
height: 28px;
color: #fff;
transform: translateY(-56%) scale(var(--icon-s));
transform-origin: left center;
filter: drop-shadow(0 2px 2px rgba(0,0,0,.5));
}
.swb-badge__icon--tire { width: 44px; height: 25px; }
.swb-badge__icon svg { position: relative; display: block; width: 100%; height: 100%; overflow: visible; }
.swb-badge__icon::before {
content: "";
position: absolute;
inset: -9px -11px;
z-index: -1;
border-radius: 50%;
background: radial-gradient(closest-side, var(--glow), transparent);
animation: swb-halo 2.6s ease-in-out infinite;
}
@keyframes swb-halo { 0%, 100% { opacity: .55; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.1); } }
.swb-badge__rig {
position: absolute;
right: 14px;
bottom: 3px;
z-index: 5;
display: flex;
align-items: center;
white-space: nowrap;
}
.swb-badge__car {
position: relative;
flex: none;
width: var(--car-w);
animation: swb-bob .9s ease-in-out infinite;
}
.swb-badge__car svg { display: block; width: 100%; height: auto; overflow: visible; }
@keyframes swb-bob {
0%, 100% { transform: translateY(0); }
50%      { transform: translateY(-.7px); }
}
.swb-badge__beam {
position: absolute;
right: 100%;
bottom: 7px;
margin-right: -3px;
width: 42px;
height: 14px;
pointer-events: none;
background: linear-gradient(to left, rgba(255,246,205,.7), rgba(255,246,205,0));
clip-path: polygon(100% 40%, 0 0, 0 100%, 100% 60%);
animation: swb-beam 1.8s ease-in-out infinite;
}
@keyframes swb-beam { 0%, 100% { opacity: .75; } 50% { opacity: 1; } }
.swb-badge__towline {
flex: none;
width: 9px;
height: 1.5px;
margin-left: -1px;
background: linear-gradient(90deg, #ffeaa6, #f4c21d);
border-radius: 1px;
transform-origin: left center;
animation: swb-rope 2.2s ease-in-out infinite;
}
@keyframes swb-rope { 0%, 100% { transform: rotate(0); } 50% { transform: rotate(5deg); } }
.swb-badge__banner {
position: relative;
flex: none;
height: var(--rb-h);
padding: 1px;
background: linear-gradient(135deg, #fff1b8, #f4c21d 45%, #b8861b);
clip-path: polygon(0 0, 100% 0, calc(100% - 6px) 50%, 100% 100%, 0 100%);
transform-origin: left center;
animation: swb-flag 2.2s ease-in-out infinite;
}
.swb-badge__banner-text {
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 13px 0 9px;
overflow: hidden;
direction: rtl;
font-size: var(--rb-fs);
font-weight: 800;
line-height: 1;
white-space: nowrap;
color: #fff4cf;
text-shadow: 0 0 6px rgba(255,215,90,.6);
background: linear-gradient(180deg, rgba(14,16,20,.92), rgba(0,0,0,.74));
clip-path: polygon(0 0, 100% 0, calc(100% - 6px) 50%, 100% 100%, 0 100%);
}
.swb-badge__banner-text::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -60%;
width: 40%;
background: linear-gradient(100deg, transparent, rgba(255,255,255,.4), transparent);
animation: swb-silk 3s ease-in-out infinite;
}
@keyframes swb-silk { 0%, 35% { left: -60%; } 80%, 100% { left: 130%; } }
@keyframes swb-flag {
0%, 100% { transform: perspective(140px) rotateY(0) skewY(0); }
22%      { transform: perspective(140px) rotateY(-9deg) skewY(2deg); }
52%      { transform: perspective(140px) rotateY(3deg) skewY(-1.5deg); }
78%      { transform: perspective(140px) rotateY(-7deg) skewY(1.1deg); }
}
.swb-wheel { transform-box: fill-box; transform-origin: center; animation: swb-spin .5s linear infinite; }
.swb-spin-a { animation-duration: 2.6s; }
.swb-spin-b { animation-duration: 3.4s; animation-direction: reverse; }
@keyframes swb-spin { to { transform: rotate(360deg); } }
.swb-sheen { animation: swb-carsheen 3.6s ease-in-out infinite; }
@keyframes swb-carsheen { 0%, 40% { transform: translateX(0) skewX(-22deg); } 85%, 100% { transform: translateX(210px) skewX(-22deg); } }
.swb-cell { opacity: .25; animation: swb-cell 1.6s ease-in-out infinite; }
.swb-cell2 { animation-delay: .25s; }
.swb-cell3 { animation-delay: .5s; }
@keyframes swb-cell { 0%, 100% { opacity: .22; } 40%, 70% { opacity: 1; } }
.swb-bolt { transform-box: fill-box; transform-origin: center; filter: drop-shadow(0 0 2px #ffd54f); animation: swb-bolt 1.6s ease-in-out infinite; }
@keyframes swb-bolt { 0%, 100% { transform: scale(1); opacity: .88; } 50% { transform: scale(1.14); opacity: 1; } }
.swb-arc { opacity: 0; animation: swb-arc 1.2s steps(1) infinite; }
.swb-arc2 { animation-delay: .45s; }
@keyframes swb-arc { 0% { opacity: 1; } 14% { opacity: 0; } 52% { opacity: .9; } 62% { opacity: 0; } 100% { opacity: 0; } }
.swb-badge__metal { position: absolute; inset: 0; z-index: 3; overflow: hidden; pointer-events: none; }
.swb-badge__metal::before {
content: "";
position: absolute;
top: -60%;
left: -40%;
width: 22%;
height: 220%;
background: linear-gradient(120deg, transparent, rgba(255,255,255,.5), transparent);
transform: rotate(18deg);
animation: swb-metal 3.1s ease-in-out infinite;
}
@keyframes swb-metal { 0% { left: -40%; } 62%, 100% { left: 130%; } }
.swb-spark {
position: absolute;
z-index: 3;
width: 7px;
height: 7px;
background: #fff;
clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%);
opacity: 0;
animation: swb-twinkle 2.2s ease-in-out infinite;
}
.swb-spark1 { top: -3px; right: -4px; }
.swb-spark2 { bottom: -1px; left: -4px; width: 5px; height: 5px; animation-delay: 1.1s; }
@keyframes swb-twinkle {
0%, 100% { opacity: 0; transform: scale(.3) rotate(0); }
40%      { opacity: 1; transform: scale(1) rotate(45deg); }
70%      { opacity: 0; transform: scale(.4) rotate(80deg); }
}
@container (max-width: 215px) {
.swb-badge__scene { --car-w: 54px; --rb-h: 17px; --rb-fs: 9.4px; --icon-s: .82; }
.swb-badge__rig { right: 8px; }
.swb-badge__icon { left: 9px; }
.swb-badge__banner-text { padding: 0 11px 0 7px; }
.swb-badge__beam { width: 30px; }
}
@container (max-width: 160px) {
.swb-badge__icon { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.swb-badge--tire::after, .swb-badge--wheel::after, .swb-badge--battery::after,
.swb-badge__scene *, .swb-badge__scene *::before, .swb-badge__scene *::after { animation: none !important; }
}

/* ================= الزيوت — ذهبي/أسود فخم ================= */
.swb-badge--oil {
  background: linear-gradient(135deg, #100c02 0%, #4a3a0c 45%, #c9971f 78%, #f3cf6b 100%);
  border-color: rgba(255, 223, 140, .6);
}
.swb-badge--oil .swb-badge__text {
  color: #fff6df;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .65);
}
.swb-badge--oil::before { content: "🛢️"; }

/* ================= الإكسسوارات — أبيض/رمادي أنيق ================= */
.swb-badge--accessory {
  background: linear-gradient(135deg, #f2f3f5 0%, #dcdee2 55%, #c7c9ce 100%);
  border-color: rgba(0, 0, 0, .12);
  box-shadow:
    0 3px 8px rgba(0, 0, 0, .16),
    inset 0 1px 0 rgba(255, 255, 255, .6);
}
.swb-badge--accessory .swb-badge__text {
  color: #33363b;
  text-shadow: none;
}
.swb-badge--accessory::before { content: "🧰"; filter: none; }

/* ================= فحص الإطارات — أخضر خدمي احترافي ================= */
.swb-badge--inspection {
  background: linear-gradient(135deg, #063b28 0%, #0e7a52 55%, #22b485 100%);
}
.swb-badge--inspection::before { content: "🔍"; }

/* ================= عروض خاصة — تصميم فاخر مميز ================= */
.swb-badge--special {
  background: linear-gradient(135deg, #03111f 0%, #0a2f4f 45%, #0073bf 80%, #0099e5 100%);
  border-color: rgba(255, 215, 240, .5);
}
.swb-badge--special::before { content: "⭐"; }

/* ================= اشترِ 3 والرابع مجانًا — بانر الصورة المتحركة الحقيقية ================= */
.swb-badge--buy3get1 {
  background-color: #0a2f4f;   /* احتياطي لو الصورة تأخرت أو ما حمّلت */
  border-color: rgba(255, 215, 90, .85);
  padding: 0 !important;       /* الصورة تملي الشارة بالكامل من الحافة للحافة */
  /* نفس الارتفاع الثابت (36px) اللي عند كل الأقسام الثانية — مهم جدًا حتى ما
     تصير بطاقة "اشترِ 3" أطول من بطاقات باقي الأقسام إذا ظهرن سوا بنفس الصفحة
     (الصفحة الرئيسية مثلاً بيكون فيها كل الأقسام مختلطة). الصورة تتقص تلقائيًا
     بلطف عشان تناسب هذا الارتفاع (عبر object-fit: cover على الصورة). */
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
}
/* النص والأيقونة النصية غير محتاجين هنا لأن الصورة نفسها فيها الكتابة والهدية */
.swb-badge--buy3get1::before { content: none; }
.swb-badge--buy3get1::after  { display: none; }

/* الصورة الحقيقية — تملأ الشارة تمامًا بلا قص وبلا فراغ لأن نسبة أبعاد
   الحاوية أصبحت مطابقة لنسبة أبعاد الصورة نفسها (يضبطها الجافاسكريبت) */
.swb-badge--buy3get1 .swb-badge__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
}

/* ====================================================================
   SWB Corner Ribbon — شارة بسيطة فوق صورة المنتج (زاوية الصورة)
   لون واحد مسطح لكل قسم، بدون تدرج/بريق — نفس أسلوب شارات الخصم
   المعتادة في المتاجر (زي "خصم %"، "اشترِ 1 على 3")
   ==================================================================== */

.swb-ribbon {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 6 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  height: 20px !important;
  padding: 0 8px 0 10px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255, 215, 90, .85) !important;   /* حافة ذهبية */
  font-size: 9.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: #fff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: calc(100% - 16px) !important;
  box-shadow:
    0 3px 6px rgba(0, 0, 0, .3),
    inset 0 1px 0 rgba(255, 255, 255, .35),
    inset 0 7px 9px -5px rgba(255, 255, 255, .45) !important;  /* لمعان زجاجي */
  pointer-events: none !important;
  margin: 0 !important;
  isolation: isolate;
  /* شكل ريبون بسِنّة صغيرة على الطرف — إحساس علم/شارة حقيقية */
  clip-path: polygon(6% 0, 100% 0, 100% 100%, 6% 100%, 0 50%);
}

/* خط بريق فاخر يمر فوق شارة الزاوية باستمرار */
.swb-ribbon::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -60%;
  width: 35%;
  height: 220%;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .75), transparent);
  transform: rotate(20deg);
  animation: swb-ribbon-shine 2.6s ease-in-out infinite;
  pointer-events: none;
}

@keyframes swb-ribbon-shine {
  0%   { left: -60%; }
  55%  { left: 140%; }
  100% { left: 140%; }
}

@media (prefers-reduced-motion: reduce) {
  .swb-ribbon::after { animation: none; }
}

.swb-ribbon--tire       { background: linear-gradient(135deg, #0073bf, #0099e5); }
.swb-ribbon--wheel      { background: linear-gradient(135deg, #071f35, #0a2f4f); }
.swb-ribbon--battery    { background: linear-gradient(135deg, #0073bf, #0099e5); }
.swb-ribbon--oil        { background: linear-gradient(135deg, #0a2f4f, #0073bf); }
.swb-ribbon--accessory  { background: linear-gradient(135deg, #0a2f4f, #0073bf); }
.swb-ribbon--inspection { background: linear-gradient(135deg, #0073bf, #0099e5); }
.swb-ribbon--special    { background: linear-gradient(135deg, #0a2f4f, #0073bf); }
.swb-ribbon--buy3get1   {
  background: linear-gradient(135deg, #0a2f4f, #0073bf, #0099e5);
  animation: swb-ribbon-pulse 1.8s ease-in-out infinite;
}

@keyframes swb-ribbon-pulse {
  0%, 100% { box-shadow: 0 3px 6px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255,255,255,.35), inset 0 7px 9px -5px rgba(255,255,255,.45), 0 0 0 0 rgba(30, 153, 80, .55); }
  50%      { box-shadow: 0 3px 8px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255,255,255,.35), inset 0 7px 9px -5px rgba(255,255,255,.45), 0 0 0 5px rgba(30, 153, 80, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .swb-ribbon--buy3get1 { animation: none; }
}
/* ====================================================================
   شارة تقسيط تابي وتمارا — تحت السعر لكل المنتجات + شريط تعريفي عام
   ==================================================================== */

.swb-installment {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  box-sizing: border-box;
  margin: 4px 0;
}
.swb-installment img {
  height: 18px;
  width: auto;
  display: block;
}

#bahar-installment-banner {
  width: 100%;
  box-sizing: border-box;
  padding: 34px 20px;
  text-align: center;
  background: linear-gradient(135deg, #0a2f4f, #092D52);
  color: #fff;
}
#bahar-installment-banner .bahar-installment-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 18px;
}
#bahar-installment-banner .bahar-installment-logos img {
  height: 40px;
  width: auto;
}
#bahar-installment-banner h3 {
  margin: 0 0 8px;
  font-size: 26px;
  font-weight: 900;
  color: #fff;
}
#bahar-installment-banner p {
  margin: 0;
  font-size: 14px;
  color: #D4A72C;
  font-weight: 700;
}

@media (max-width: 768px) {
  #bahar-installment-banner { padding: 24px 15px; }
  #bahar-installment-banner h3 { font-size: 19px; }
  #bahar-installment-banner .bahar-installment-logos img { height: 32px; }
}

/* الجوال فقط: أيقونة التواصل — أصغر ومرتفعة بوضوح عن شريط التنقل السفلي (.selia-bottom-nav ارتفاعه 58px) وفوق زر الرجوع للأعلى */
@media (max-width:767px){
  .bahar-contact-button{width:44px !important;height:44px !important;font-size:20px !important}
  body:not(.product-single) .bahar-contact-widget{bottom:calc(130px + env(safe-area-inset-bottom, 0px)) !important;right:12px !important}
  /* صفحة المنتج: تحت زر أضف إلى السلة داخل الشريط الثابت مع مسافة عن شريط التنقل */
  html body.product-single .sticky-product-bar{padding-bottom:66px !important}
  html body.product-single .bahar-contact-widget{bottom:calc(76px + env(safe-area-inset-bottom, 0px)) !important;right:14px !important}
  html body.product-single .bahar-contact-button{width:40px !important;height:40px !important;font-size:18px !important}
}

/* الجوال فقط: شارات بطاقات المنتجات — أصغر ومرتبة داخل البطاقة بدون تداخل */
@media (max-width:767px){
  /* الشارتين في أعلى الصورة: الصفراء في زاوية والملونة في الزاوية الثانية بدون تداخل */
  html body custom-salla-product-card .product-card__promotion{font-size:9.5px !important;line-height:1.45 !important;padding:3px 6px !important;height:auto !important;max-width:calc(100% - 82px) !important;white-space:normal !important;border-bottom-right-radius:8px}
  html body custom-salla-product-card>.swb-ribbon{top:5px !important;right:5px !important;height:18px !important;padding:0 5px 0 7px !important;font-size:8.5px !important;line-height:18px !important;gap:2px !important;max-width:72px !important}
}

.bahar-contact-button::after{display:none !important;content:none !important}

/* إصلاح تجاوز الهيدر لعرض الشاشة على الجوال: السماح للشعار بالتصغير داخل صف الهيدر */
@media (max-width:767px){
  .header__main-row .header__main-start{min-width:0}
  .header__main-row .navbar-brand{min-width:0;flex:0 1 auto}
  .header__main-row .navbar-brand img.logo-normal{max-width:100%;height:auto !important;max-height:120px;object-fit:contain}
}

/* شارات SWB: توسيط النص عموديًا ومنع قص الحروف العربية (كان line-height:1 مع overflow:hidden) */
.swb-badge__text{line-height:1.6 !important;padding:1px 0}
.swb-ribbon{line-height:1.6 !important}
/* شارة الزاوية في صفحة المنتج: تحت شارة العرض الصفراء */
.product-single__main-media>.swb-ribbon{top:60px !important;right:8px !important}

/* ====================================================================
   بحث المقاسات — بحر الإطارات (BT Size Search)
   ==================================================================== */
.bts-card{--bts-navy:#0a2f4f;--bts-gold:#f4c21d;--bts-gold2:#f6d36b;--bts-line:#dfe4ec;--bts-muted:#6b7280;
  box-sizing:border-box;width:calc(100% - 24px);max-width:760px;margin:28px auto;background:#fff;border:1px solid #e8ebf0;
  border-radius:22px;box-shadow:0 18px 50px rgba(15,33,64,.12);overflow:hidden;font-family:inherit}
.bts-card *{box-sizing:border-box}
.bts-inner{padding:26px 28px 24px}
.bts-head{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:20px}
.bts-line{flex:0 0 70px;height:3px;border-radius:3px;background:var(--bts-gold)}
.bts-title{margin:0;color:var(--bts-navy);font-size:28px;font-weight:900;line-height:1.5;white-space:nowrap}
.bts-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.bts-tab{height:46px;border-radius:10px;border:1px solid var(--bts-line);background:#f3f5f9;color:var(--bts-navy);
  font-family:inherit;font-size:15px;font-weight:800;line-height:1.5;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.bts-tab.is-active{background:var(--bts-navy);border-color:var(--bts-navy);color:#fff}
.bts-group+.bts-group{margin-top:14px}
.bts-group-title{display:none;margin:0 2px 8px;color:var(--bts-navy);font-size:14px;font-weight:900;line-height:1.5}
.bts-card.is-dual .bts-group-title{display:block}
.bts-card:not(.is-dual) .bts-group[data-g="r"]{display:none}
.bts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bts-field{min-width:0}
.bts-field label{display:flex;align-items:center;gap:6px;margin:0 2px 7px;color:var(--bts-navy);font-size:14px;font-weight:800;line-height:1.5}
.bts-field label svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:var(--bts-navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bts-select select{width:100%;height:48px;padding:0 12px;border:1px solid #cfd6e0;border-radius:10px;background:#fff;color:var(--bts-navy);
  font-family:inherit;font-size:16px;font-weight:700;line-height:1.5;text-align:center;text-align-last:center;cursor:pointer;outline:none}
.bts-select select:focus{border-color:var(--bts-gold);box-shadow:0 0 0 3px rgba(226,180,63,.2)}
.bts-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;margin-top:20px;border:0;border-radius:10px;
  background:linear-gradient(90deg,var(--bts-gold),var(--bts-gold2));color:var(--bts-navy);font-family:inherit;font-size:17px;font-weight:900;line-height:1.5;
  cursor:pointer;box-shadow:0 8px 20px rgba(226,180,63,.28);transition:transform .15s,filter .15s}
.bts-submit svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.bts-submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}
.bts-submit:disabled{background:#e5e7eb;color:#9ca3af;box-shadow:none;cursor:not-allowed}
.bts-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:var(--bts-navy)}
.bts-cta strong{display:block;color:var(--bts-gold);font-size:15px;font-weight:900;line-height:1.5}
.bts-cta span{display:block;color:#e5e7eb;font-size:12px;line-height:1.6}
.bts-cta a{flex:0 0 auto;padding:9px 18px;border-radius:9px;background:var(--bts-gold);color:var(--bts-navy);font-size:13px;font-weight:900;line-height:1.5;white-space:nowrap;text-decoration:none}

/* ---------------- صفحة النتائج ---------------- */
html.bt-size-mode .product-index__layout .main-content>.product-index__toolbar,
html.bt-size-mode .product-index__layout .main-content>salla-products-list:not(.bts-list){display:none!important}
.bts-results{--bts-navy:#0a2f4f;--bts-gold:#f2c54d;margin:0 0 20px;font-family:inherit}
.bts-res-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 10px;color:var(--bts-navy);font-size:22px;font-weight:900;line-height:1.6}
.bts-chip{display:inline-block;padding:3px 14px;border-radius:9px;background:var(--bts-gold);color:#0a2f4f;font-size:18px;font-weight:900;line-height:1.6;letter-spacing:.3px}
.bts-plus{color:var(--bts-navy);font-weight:900}
.bts-res-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.bts-count{color:#4b5563;font-size:14px;font-weight:700;line-height:1.6}
.bts-sort{height:40px;padding:0 12px;border:1px solid #d9dee5;border-radius:9px;background:#fff;color:#0a2f4f;font-family:inherit;font-size:13px;font-weight:700}
.bts-note{margin:0 0 12px;padding:10px 14px;border-radius:10px;background:#fff8e6;border:1px solid #f4dfa0;color:#6b4e00;font-size:13px;font-weight:700;line-height:1.6}
.bts-list+.bts-list{display:block;margin-top:16px}
.bts-loading{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bts-loading span{height:300px;border-radius:14px;background:linear-gradient(90deg,#f1f3f6 25%,#e7eaef 50%,#f1f3f6 75%);background-size:200% 100%;animation:bts-shimmer 1.2s infinite linear}
@keyframes bts-shimmer{to{background-position:-200% 0}}
.bts-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 16px;border-radius:16px;background:#f4f6fa;text-align:center}
.bts-empty>svg{width:34px;height:34px;fill:none;stroke:var(--bts-navy);stroke-width:2.2;stroke-linecap:round}
.bts-empty strong{color:var(--bts-navy);font-size:17px;font-weight:900;line-height:1.6}
.bts-empty span{color:#4b5563;font-size:14px;line-height:1.6}
.bts-again{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:10px 22px;border-radius:10px;background:var(--bts-navy);color:#fff!important;font-size:14px;font-weight:900;line-height:1.5;text-decoration:none}
.bts-again svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}

@media (max-width:767px){
  .bts-card{width:calc(100% - 20px);margin:16px auto;border-radius:18px}
  .bts-inner{padding:18px 14px 16px}
  .bts-head{gap:10px;margin-bottom:14px}
  .bts-line{flex-basis:34px;height:2px}
  .bts-title{font-size:21px}
  .bts-tabs{gap:8px;margin-bottom:14px}
  .bts-tab{height:42px;font-size:13.5px}
  .bts-row{gap:8px}
  .bts-field label{gap:4px;font-size:12px;margin-bottom:5px}
  .bts-field label svg{width:13px;height:13px;flex-basis:13px}
  .bts-select select{height:44px;padding:0 4px;font-size:14px}
  .bts-submit{height:48px;margin-top:14px;font-size:15.5px}
  .bts-cta{flex-direction:column;text-align:center;gap:8px;padding:12px 14px}
  .bts-cta a{width:100%}
  .bts-res-title{font-size:18px;gap:8px}
  .bts-chip{font-size:15px;padding:2px 10px}
  .bts-loading{grid-template-columns:repeat(2,1fr);gap:10px}
  .bts-loading span{height:240px}
  .bts-loading span:nth-child(n+3){display:none}
}

/* ================= BT Extras: سعر الطقم والقسط وصفحة المنتج ================= */
.bt-set{margin:6px 0 2px;padding:6px 8px;border-radius:8px;background:#f5f7fb;border:1px solid #e6eaf1;font-family:inherit;line-height:1.5}
.bt-set__row{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#0a2f4f;font-size:12px;font-weight:700}
.bt-set__row b{font-size:13.5px;font-weight:900;white-space:nowrap}
.bt-set__inst{color:#4b5563;font-size:11px;font-weight:600}
.bt-set__row+.bt-set__inst{margin-top:2px}
.bt-set .sicon-sar{font-size:.9em}
.bt-pinfo{margin:4px 0 16px;padding:12px 14px;border-radius:12px;background:#f7f9fc;border:1px solid #e6eaf1;font-family:inherit;line-height:1.6}
.bt-pinfo__set{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #dfe4ec;color:#0a2f4f;font-size:14px;font-weight:700}
.bt-pinfo__set b{font-size:17px;font-weight:900;color:#0a2f4f}
.bt-pinfo__list{margin:0;padding:0;list-style:none}
.bt-pinfo__list li{display:flex;align-items:flex-start;gap:8px;margin:4px 0;color:#374151;font-size:13px;font-weight:600}
.bt-pinfo__list li.is-gift{color:#0b6b35;font-weight:800}
.bt-ic{flex:0 0 auto;width:20px;text-align:center}
@media (max-width:767px){
  .bt-set{padding:5px 6px}
  .bt-set__row{font-size:10.5px}
  .bt-set__row b{font-size:12px}
  .bt-set__inst{font-size:10px}
  .bt-pinfo{padding:10px 12px}
  .bt-pinfo__list li{font-size:12.5px}
}
/* ===== شارة العروض الحصرية: تذكرة ذهبية ===== */
.swb-badge--special{background:radial-gradient(55% 150% at 50% 55%,rgba(255,200,90,.30),transparent 68%),linear-gradient(105deg,#03111f 0%,#0a2f4f 36%,#0073bf 68%,#0073bf 100%);border-color:rgba(255,215,120,.75);padding:0;container-type:inline-size}
.swb-badge--special::before{content:none}
.swb-badge--special::after{display:block;z-index:8;width:18%;animation:swb-shine 4.2s ease-in-out infinite}
.swb-tk{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:inherit;direction:ltr}
.swb-tk__rays{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;z-index:1;pointer-events:none;opacity:.5;background:repeating-conic-gradient(from 0deg,rgba(255,215,110,.55) 0 7deg,transparent 7deg 22deg);-webkit-mask:radial-gradient(closest-side,#000 0,transparent 100%);mask:radial-gradient(closest-side,#000 0,transparent 100%);animation:swb-tk-rays 14s linear infinite}
@keyframes swb-tk-rays{to{transform:rotate(360deg)}}
.swb-tk__star{position:absolute;z-index:3;width:8px;height:8px;background:#ffe9a8;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;animation:swb-twinkle 2.4s ease-in-out infinite}
.swb-tk__star--1{left:9%;top:18%}
.swb-tk__star--2{left:19%;bottom:14%;width:5px;height:5px;animation-delay:.8s}
.swb-tk__star--3{right:9%;top:16%;animation-delay:1.3s}
.swb-tk__star--4{right:20%;bottom:12%;width:5px;height:5px;animation-delay:.3s}
.swb-tk__ticket{position:relative;z-index:4;display:flex;align-items:stretch;height:25px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));animation:swb-tk-float 2.6s ease-in-out infinite}
@keyframes swb-tk-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-1.2px) rotate(1deg)}}
.swb-tk__body{position:relative;display:flex;align-items:stretch;overflow:hidden;background:linear-gradient(180deg,#fff0b0 0%,#f4c21d 48%,#c8921c 100%);-webkit-mask:radial-gradient(circle 5px at 0 50%,transparent 4.5px,#000 5px) left/51% 100% no-repeat,radial-gradient(circle 5px at 100% 50%,transparent 4.5px,#000 5px) right/51% 100% no-repeat;mask:radial-gradient(circle 5px at 0 50%,transparent 4.5px,#000 5px) left/51% 100% no-repeat,radial-gradient(circle 5px at 100% 50%,transparent 4.5px,#000 5px) right/51% 100% no-repeat}
.swb-tk__body::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:28%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-20deg);animation:swb-tk-sheen 2.8s ease-in-out infinite}
@keyframes swb-tk-sheen{0%,30%{left:-40%}80%,100%{left:130%}}
.swb-tk__stub{display:flex;align-items:center;justify-content:center;width:27px;margin:2px 0 2px 5px;border-radius:4px;background:linear-gradient(160deg,#0a2f4f,#03111f);color:#ffe38a;font-size:15px;font-weight:900;line-height:1;text-shadow:0 0 6px rgba(255,214,100,.9)}
.swb-tk__stub b{display:block;animation:swb-tk-pulse 1.5s ease-in-out infinite}
@keyframes swb-tk-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.22)}}
.swb-tk__perf{width:0;margin:3px 0;border-left:1.5px dashed rgba(10,47,79,.65)}
.swb-tk__label{display:flex;align-items:center;padding:0 17px 0 9px;direction:rtl;white-space:nowrap;font-size:11.5px;font-weight:900;line-height:1;color:#0a2f4f;text-shadow:0 1px 0 rgba(255,255,255,.55)}
@container (max-width:215px){.swb-tk__ticket{height:23px}.swb-tk__label{font-size:10.5px;padding:0 15px 0 7px}.swb-tk__stub{width:24px;font-size:13px}.swb-tk__star--2,.swb-tk__star--4{display:none}}
@media (prefers-reduced-motion:reduce){.swb-tk *,.swb-tk *::before,.swb-tk *::after,.swb-badge--special::after{animation:none!important}}
/* BAHAR TIRES — product card v2 (19/10/2026) */
custom-salla-product-card.bt-has-btc{padding:0!important;border:1px solid #e8eef4!important;border-radius:18px!important;background:#fff!important;box-shadow:0 4px 16px rgba(10,47,79,.06)!important;overflow:hidden;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important}
custom-salla-product-card.bt-has-btc > :not(.btc){display:none!important}
.btc{min-width:0;box-sizing:border-box;display:flex;flex-direction:column;height:auto;flex:1 1 auto;padding:14px 14px 16px;direction:rtl;font-family:inherit;color:#0a2f4f}
.btc > *{flex:0 0 auto!important}
.btc-top{display:flex;align-items:center;gap:6px;min-height:34px;min-width:0}
.btc-top .btc-b{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.btc-b{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:8px;background:#eef2f6;color:#33475b;font-size:12.5px;font-weight:700;white-space:nowrap}
.btc-b--offer{background:#f4c21d;color:#0a2f4f}
.btc-mb{display:none}
.btc-b--sale{background:#e5484d;color:#fff}
.btc-fav{margin-inline-start:auto;width:36px;height:36px;border-radius:50%;border:1px solid #e1e8ef;background:#fff;color:#0a2f4f;display:grid;place-items:center;font-size:17px;flex:none}
.btc-fav.on{color:#e5484d;border-color:#f7c9ca}
.btc .btc-img{display:block!important;position:relative!important;height:240px!important;padding:0!important;margin:8px 0 10px!important;overflow:hidden}
.btc-img img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;display:block!important}
.btc .btc-brand{height:30px!important;display:flex;align-items:center}
.btc-brand img{max-height:28px;max-width:150px;object-fit:contain}
.btc-brand span{font-weight:900;font-style:italic;letter-spacing:.4px;font-size:19px;color:#0a2f4f;direction:ltr}
.btc .btc-name{display:block;height:auto!important;margin-top:6px;font-size:16px;font-weight:600;color:#1f2d3a;direction:ltr;text-align:right;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btc .btc-size{height:auto!important;margin-top:3px;font-size:19px;font-weight:800;color:#0073bf;direction:ltr;text-align:right;letter-spacing:.2px}
.btc-meta{margin-top:6px;font-size:13px;color:#8592a0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.btc-sep{width:1px;height:12px;background:#d5dde5;display:inline-block}
.btc-prices{display:flex;align-items:stretch;margin:16px 0 16px}
.btc .btc-prices{margin-top:auto!important;padding-top:14px}
.btc-p{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;min-width:0}
.btc-p--set{border-inline-start:1px solid #e6edf4}
.btc-pv{display:flex;align-items:baseline;gap:5px;color:#0a2f4f;direction:rtl;white-space:nowrap}
.btc-p--one .btc-pv b{font-size:26px}
.btc-pv b{font-size:23px;font-weight:800;direction:ltr;color:#0a3d6b}
.btc-pv i{font-size:17px;color:#0a3d6b}
.btc-old{font-size:13px;color:#a3adb8;direction:ltr;line-height:1.2;text-decoration:line-through;text-decoration-color:#e5484d;text-decoration-thickness:1.5px}
.btc-p small{font-size:12px;color:#7b8794;margin-top:3px;white-space:nowrap}
.btc-free{font-style:normal;font-size:11px;font-weight:700;color:#b8860b;margin-top:1px;white-space:nowrap}
.btc .btc-buy{display:flex;gap:10px;align-items:stretch}
.btc-qty{display:flex;align-items:center;border:1px solid #dbe3eb;border-radius:12px;overflow:hidden;flex:none;background:#fff}
.btc-qty button{width:38px;height:48px;background:#fff;color:#0a2f4f;font-size:20px;font-weight:700}
.btc-qty span{min-width:34px;text-align:center;font-weight:800;font-size:16px;border-inline:1px solid #dbe3eb;line-height:48px}
.btc-add{flex:1;min-width:0;height:50px;border-radius:12px;background:#f4c21d;color:#0a2f4f;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.btc-add i{font-size:19px}
.btc-add:disabled{background:#e9edf1;color:#8592a0}
.btc-add.is-loading{opacity:.6;pointer-events:none}
@media (max-width:640px){
  .btc{padding:10px 9px 11px}
  .btc-top{gap:3px;min-height:26px}
  .btc-b{height:22px;padding:0 4px;font-size:9.5px;border-radius:6px;letter-spacing:0}
  .btc-dk{display:none}.btc-mb{display:inline}
  .btc-fav{width:24px;height:24px;font-size:12px}
  .btc .btc-img{height:150px!important;margin:6px 0 8px!important}
  .btc .btc-brand{height:22px!important}.btc-brand img{max-height:20px;max-width:110px}.btc-brand span{font-size:15px}
  .btc .btc-name{font-size:12.5px;margin-top:4px}
  .btc .btc-size{font-size:15px}
  .btc-meta{font-size:10.5px;gap:5px;margin-top:4px}
  .btc-prices{margin:11px 0 11px}
  .btc .btc-prices{padding-top:10px}
  .btc-p--one .btc-pv b{font-size:19px}.btc-pv b{font-size:16px}.btc-pv i{font-size:12px}.btc-pv{gap:3px}
  .btc-old{font-size:10.5px}
  .btc-p small{font-size:9.5px}
  .btc-free{font-size:9px}
  .btc .btc-buy{gap:5px}
  .btc-qty{border-radius:9px}
  .btc-qty button{width:22px;height:38px;font-size:15px}.btc-qty span{min-width:18px;line-height:38px;font-size:13px}
  .btc-add{height:38px;font-size:12px;gap:3px;border-radius:9px}
  .btc-add i{font-size:14px}
}
@media (max-width:359px){
  .btc-prices{flex-direction:column;gap:6px}.btc-p--set{border:0}
  .btc .btc-buy{flex-direction:column}.btc-qty{justify-content:space-between}
}
/* BAHAR TIRES — wheel card v2 (19/10/2026) */
.btc.btc--wheel{text-align:right}
.btc--wheel .btc-wmaker{height:22px!important;margin-top:2px;font-size:16px;font-weight:900;color:#0a2f4f;letter-spacing:.2px;line-height:22px}
.btc.btc--wheel .btc-wtitle{height:auto!important;max-height:2.8em!important;min-height:1.4em;flex:0 0 auto!important;margin-top:2px;font-size:17px;font-weight:800;color:#0a2f4f;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:right}
.btc--wheel .btc-wsize{height:auto!important;min-height:22px;margin-top:3px;font-size:16px;font-weight:700;color:#0099e5}
.btc--wheel .btc-meta{min-height:18px}
.btc--wheel .btc-prices--one .btc-p{align-items:flex-start;text-align:right}
.btc--wheel .btc-wprice{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.btc--wheel .btc-prices--one .btc-pv b{font-size:28px}
.btc--wheel .btc-wprice .btc-old{font-size:15px}
@media (min-width:1200px){.bt-wheel-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.bt-wheel-grid .btc--wheel .btc-img{height:200px!important}}
@media (max-width:640px){
  .btc--wheel .btc-wmaker{font-size:13px;height:18px!important;line-height:18px}
  .btc.btc--wheel .btc-wtitle{font-size:13.5px}
  .btc--wheel .btc-wsize{font-size:12.5px;min-height:18px}
  .btc--wheel .btc-meta{min-height:15px}
  .btc--wheel .btc-prices--one .btc-pv b{font-size:20px}
  .btc--wheel .btc-wprice{gap:6px}.btc--wheel .btc-wprice .btc-old{font-size:11px}
}
@media (max-width:330px){.bt-wheel-grid{grid-template-columns:minmax(0,1fr)!important}}
/* BAHAR TIRES — old price more visible (19/10/2026) */
.btc .btc-old{color:#e5484d!important;font-weight:700!important;font-size:15px!important;text-decoration-color:#0a2f4f!important;text-decoration-thickness:1.5px!important;opacity:1!important}
.btc--wheel .btc-wprice .btc-old{font-size:17px!important}
@media (max-width:640px){.btc .btc-old{font-size:12.5px!important}.btc--wheel .btc-wprice .btc-old{font-size:13px!important}}