@media (min-width: 640px) {
    .sm\:grid-cols-3 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
.main-nav-container {
    min-height: 48px;
    background-color: #414042;
    background-color: #acb5d0;
    color: #ff6767;
    color: var(--color-primary-reverse);
}
.fixed-pinned .inner
 {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    bottom: auto;
    z-index: 20;
    width: 100%;
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-color: #414042;
    background-color: #acb5d0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
.main-menu:where([dir="rtl"], [dir="rtl"] *)
 {
    margin-right: -0.75rem;
    font-size: 17px;
    font-weight: bolder;
}
.br-wa-btn{position:fixed;z-index:9999;display:flex;align-items:center;gap:.6rem;
  background:#25D366;color:#fff;text-decoration:none;border-radius:999px;padding:.85rem 1rem;
  box-shadow:0 8px 24px rgba(0,0,0,.18);font-weight:600;transition:transform .15s ease}
.br-wa-btn:hover{transform:translateY(-2px)}
.br-wa-icon{width:22px;height:22px;display:inline-block}
.br-wa-text{font-size:.95rem;white-space:nowrap}
@media (max-width:520px){.br-wa-text{display:none}}

/* === BR Wheel Popup (Salla) === */
#br-wheel-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:999999}
#br-wheel-modal{background:#0f1221;color:#fff;border-radius:20px;max-width:520px;width:92vw;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.35);direction:rtl}
#br-wheel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
#br-wheel-title{font-weight:800;font-size:1.25rem}
#br-wheel-close{cursor:pointer;border:none;background:transparent;color:#fff;font-size:1.4rem;line-height:1}
#br-wheel-body{display:grid;grid-template-columns:1fr;gap:14px}
#br-wheel-cta{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:6px}
#br-wheel-cta button{cursor:pointer;background:#25D366;color:#fff;border:none;border-radius:999px;padding:12px 18px;font-weight:700}
#br-wheel-cta button[disabled]{opacity:.6;cursor:not-allowed}
#br-wheel-hint{opacity:.8;font-size:.9rem;text-align:center}

#br-wheel-wrap{display:flex;align-items:center;justify-content:center;gap:14px}
#br-wheel{width:280px;height:280px;border-radius:50%;position:relative;box-shadow:0 8px 24px rgba(0,0,0,.3), inset 0 0 0 6px rgba(255,255,255,.06)}
#br-wheel .pin{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:18px solid #ffcc00;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}
#br-wheel .center{position:absolute;inset:0;margin:auto;width:70px;height:70px;border-radius:50%;background:#121426;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 0 0 6px #1c2036}

#br-wheel-labels{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.br-label{position:absolute;left:50%;top:50%;transform-origin:0 0;font-size:.78rem;font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.4)}

#br-wheel-result{display:none;background:#121426;border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:12px;text-align:center}
#br-wheel-code{font-family:ui-monospace, SFMono-Regular, Menlo, monospace;background:#0b0e1a;border-radius:8px;padding:8px 10px;display:inline-block;margin-top:6px}

@media (max-width:480px){
  #br-wheel{width:250px;height:250px}
  #br-wheel .center{width:64px;height:64px;font-size:.9rem}
}
@media (max-width: 1024px) {
    .header-mainbar .inner {
        background-color: #414042;
        background-color: #acb5d0;
        color: #ff6767;
        color: var(--color-primary-reverse);
    }
}
.promotion-badge {
    position: relative;
    display: inline-block;
    border-radius: 0.125rem;
    background-color: #414042 ;
    background-color: #136846 !important;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #ff6767;
    color: var(--color-primary-reverse);
    unicode-bidi: plaintext;
}
:is([dir="rtl"] .promotion-badge):before {
    left: -1rem;
    border-left-width: 10px;
    border-right-color: #136846;
    border-right-color: #136846;
}