/* =========================================================
   BOX STORE - Premium Black / Red Neon UX Theme
   For Salla Theme Raed
   Paste at the END of Custom CSS
========================================================= */

:root{
  --box-bg:#080808;
  --box-bg-2:#0d0d0f;
  --box-card:#121214;
  --box-card-glass:rgba(255,255,255,.045);
  --box-red:#E50914;
  --box-red-2:#ff1a1a;
  --box-red-soft:rgba(229,9,20,.28);
  --box-text:#ffffff;
  --box-muted:#b8b8b8;
  --box-border:rgba(229,9,20,.22);
  --box-shadow:0 18px 50px rgba(0,0,0,.55);
  --box-glow:0 0 28px rgba(229,9,20,.34);

  --color-primary:#E50914!important;
  --color-primary-dark:#8b0007!important;
  --color-primary-light:#ff3b45!important;
  --color-primary-reverse:#ffffff!important;
}

/* Global */
html,
body,
#app,
.app-inner{
  background:
    radial-gradient(circle at 80% 0%, rgba(229,9,20,.20), transparent 30%),
    radial-gradient(circle at 0% 38%, rgba(229,9,20,.11), transparent 28%),
    linear-gradient(180deg,#050505 0%,#0a0a0a 45%,#050505 100%)!important;
  color:var(--box-text)!important;
}

body{
  overflow-x:hidden!important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 75%);
}

/* Remove unwanted light blocks */
.bg-white,
.bg-gray-50,
.bg-slate-50{
  background-color:transparent!important;
}

.text-primary,
.hover\:text-primary:hover{
  color:var(--box-red)!important;
}

/* =========================================================
   Header - Black Neon Premium
========================================================= */

.store-header{
  position:sticky!important;
  top:0!important;
  z-index:999!important;
  background:rgba(6,6,6,.88)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(229,9,20,.22)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.55), 0 0 24px rgba(229,9,20,.12)!important;
}

.store-header::after{
  content:"";
  display:block;
  height:1px;
  width:100%;
  background:linear-gradient(90deg,transparent,rgba(229,9,20,.85),transparent);
  opacity:.85;
}

/* Top bar */
.store-header .top-navbar{
  background:
    radial-gradient(circle at 15% 50%,rgba(229,9,20,.18),transparent 28%),
    linear-gradient(90deg,#050505,#160000,#050505)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  color:#fff!important;
  min-height:44px!important;
}

.store-header .top-navbar .container{
  align-items:center!important;
  gap:16px!important;
}

.store-header .top-navbar,
.store-header .top-navbar a,
.store-header .top-navbar span,
.store-header .top-navbar i{
  color:#fff!important;
}

/* Main nav */
#mainnav,
#mainnav.main-nav-container,
.main-nav-container,
.main-nav-container.bg-white{
  background:
    linear-gradient(180deg,rgba(18,18,20,.96),rgba(5,5,5,.96))!important;
  border:0!important;
  box-shadow:none!important;
  min-height:74px!important;
}

#mainnav .inner{
  background:transparent!important;
}

#mainnav .container{
  max-width:1280px!important;
}

/* Logo */
.navbar-brand{
  display:flex!important;
  align-items:center!important;
  padding:8px 0!important;
  margin-inline-end:22px!important;
}

.navbar-brand img{
  max-height:54px!important;
  width:auto!important;
  object-fit:contain!important;
  filter:
    drop-shadow(0 0 10px rgba(229,9,20,.38))
    drop-shadow(0 0 18px rgba(255,255,255,.08))!important;
  transition:transform .25s ease, filter .25s ease!important;
}

.navbar-brand:hover img{
  transform:scale(1.035)!important;
  filter:
    drop-shadow(0 0 14px rgba(229,9,20,.65))
    drop-shadow(0 0 24px rgba(255,255,255,.12))!important;
}

/* Menu links */
.store-header a,
.store-header button,
.store-header i,
.store-header svg,
#mainnav a,
#mainnav button,
#mainnav i,
#mainnav svg,
custom-main-menu,
custom-main-menu *{
  color:#fff!important;
}

custom-main-menu a,
#mainnav a:not(.navbar-brand){
  position:relative!important;
  font-weight:800!important;
  letter-spacing:.1px!important;
  transition:color .22s ease, transform .22s ease!important;
}

custom-main-menu a::after,
#mainnav a:not(.navbar-brand)::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-8px;
  width:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--box-red),var(--box-red-2));
  box-shadow:0 0 12px rgba(229,9,20,.7);
  transition:width .25s ease;
}

custom-main-menu a:hover,
#mainnav a:not(.navbar-brand):hover{
  color:#fff!important;
  transform:translateY(-1px);
}

custom-main-menu a:hover::after,
#mainnav a:not(.navbar-brand):hover::after{
  width:100%;
}

/* Search */
.header-search{
  max-width:520px!important;
}

.header-search salla-search,
.store-header salla-search{
  --salla-search-border-radius:999px;
  display:block!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(229,9,20,.25)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), 0 0 20px rgba(229,9,20,.12)!important;
  overflow:hidden!important;
}

/* Cart + user icons */
salla-cart-summary,
salla-user-menu,
.header-btn__icon,
.sicon-shopping-bag{
  color:#fff!important;
}

salla-cart-summary,
salla-user-menu{
  min-width:42px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(229,9,20,.24)!important;
  box-shadow:0 0 18px rgba(229,9,20,.14)!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
}

salla-cart-summary:hover,
salla-user-menu:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(229,9,20,.55)!important;
  box-shadow:0 0 28px rgba(229,9,20,.35)!important;
}

/* Mobile menu icon */
.mburger,
.mburger i,
.sicon-menu{
  color:#fff!important;
}

.mburger{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(229,9,20,.25)!important;
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* =========================================================
   Sections - Unified Premium Spacing
========================================================= */

.s-block{
  background:transparent!important;
}

.s-block:not(.s-block--bundle-hero-slider){
  position:relative!important;
  padding-top:24px!important;
  padding-bottom:24px!important;
}

.s-block h2,
.s-block h3,
section h2,
section h3{
  color:#fff!important;
  font-weight:900!important;
}

.s-block p,
section p{
  color:var(--box-muted)!important;
}

/* Custom components frame improvement */
salla-custom-component{
  display:block!important;
  position:relative!important;
}

/* Hero polish */
.s-block--bundle-hero-slider{
  background:#050505!important;
  overflow:hidden!important;
}

.s-block--bundle-hero-slider img{
  object-fit:cover!important;
}

/* Categories / Products / FAQ / Reviews / Steps */
.s-block--bundle-categories-slider,
.s-block--bundle-products-slider,
.s-block--bundle-how-it-works,
.s-block--bundle-store-features,
.s-block--bundle-faq,
.s-block--bundle-reviews{
  background:
    radial-gradient(circle at 15% 0%,rgba(229,9,20,.12),transparent 26%),
    radial-gradient(circle at 85% 100%,rgba(229,9,20,.08),transparent 30%),
    #080808!important;
}

/* Product cards - works with several Salla/Raed card patterns */
salla-product-card,
.product-card,
.s-product-card-entry,
[data-product-card],
.s-block--bundle-products-slider .card,
.s-block--bundle-products-slider article{
  background:
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border:1px solid rgba(229,9,20,.20)!important;
  border-radius:18px!important;
  box-shadow:0 18px 46px rgba(0,0,0,.38)!important;
  overflow:hidden!important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease!important;
}

salla-product-card:hover,
.product-card:hover,
.s-product-card-entry:hover,
[data-product-card]:hover,
.s-block--bundle-products-slider .card:hover,
.s-block--bundle-products-slider article:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(229,9,20,.48)!important;
  box-shadow:0 26px 60px rgba(0,0,0,.55), 0 0 30px rgba(229,9,20,.28)!important;
}

salla-product-card img,
.product-card img,
.s-product-card-entry img,
[data-product-card] img{
  transition:transform .35s ease, filter .35s ease!important;
}

salla-product-card:hover img,
.product-card:hover img,
.s-product-card-entry:hover img,
[data-product-card]:hover img{
  transform:scale(1.045)!important;
  filter:saturate(1.08) contrast(1.04)!important;
}

/* Prices */
.s-product-card-price,
.price,
[data-product-card] p.text-foreground{
  color:var(--box-red)!important;
  font-weight:900!important;
}

/* Buttons */
.btn,
button.btn,
a.btn,
.btn-outlined,
button[data-add-to-cart],
button[data-open-quick-view]{
  border-radius:999px!important;
  font-weight:900!important;
  border:1px solid rgba(229,9,20,.45)!important;
  background:linear-gradient(135deg,#E50914,#8b0007)!important;
  color:#fff!important;
  box-shadow:0 0 20px rgba(229,9,20,.26)!important;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease!important;
}

.btn:hover,
button.btn:hover,
a.btn:hover,
.btn-outlined:hover,
button[data-add-to-cart]:hover,
button[data-open-quick-view]:hover{
  transform:translateY(-2px)!important;
  background:linear-gradient(135deg,#ff1a1a,#E50914)!important;
  box-shadow:0 0 32px rgba(229,9,20,.48)!important;
  filter:brightness(1.05)!important;
}

/* Inputs / forms */
input,
select,
textarea,
.form-input,
.form-input-wrapper{
  background:#111113!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:rgba(229,9,20,.65)!important;
  box-shadow:0 0 0 3px rgba(229,9,20,.16)!important;
  outline:none!important;
}

input::placeholder,
textarea::placeholder{
  color:#8f8f8f!important;
}

/* Dialogs / mobile drawer / search modal */
#mobile-menu,
#mobile-drawer,
#search-dialog,
salla-search,
salla-login-modal,
salla-offer-modal{
  color:#fff!important;
}

#mobile-menu,
#mobile-drawer .bg-background,
#search-dialog el-dialog-panel,
#product-quick-view-modal el-dialog-panel{
  background:
    radial-gradient(circle at 10% 0%,rgba(229,9,20,.15),transparent 30%),
    #080808!important;
  border-color:rgba(229,9,20,.25)!important;
  color:#fff!important;
}

/* =========================================================
   Footer - Premium Black Neon
========================================================= */

body.footer-is-light footer,
footer,
#footer,
.store-footer,
.footer{
  position:relative!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(229,9,20,.20),transparent 30%),
    radial-gradient(circle at 82% 100%,rgba(229,9,20,.12),transparent 28%),
    linear-gradient(180deg,#060606 0%,#0d0d0f 55%,#050505 100%)!important;
  color:#fff!important;
  border-top:1px solid rgba(229,9,20,.30)!important;
  box-shadow:0 -18px 55px rgba(0,0,0,.50)!important;
  overflow:hidden!important;
}

body.footer-is-light footer::before,
footer::before,
#footer::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(229,9,20,.92),transparent);
  box-shadow:0 0 22px rgba(229,9,20,.75);
}

body.footer-is-light footer::after,
footer::after,
#footer::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px);
  background-size:38px 38px;
  opacity:.45;
}

footer .container,
#footer .container{
  position:relative!important;
  z-index:1!important;
}

footer h3,
footer h4,
footer .footer-title,
#footer h3,
#footer h4{
  color:#fff!important;
  font-weight:900!important;
  margin-bottom:14px!important;
}

footer p,
footer span,
footer li,
footer .text-gray-400,
#footer p,
#footer span,
#footer li,
#footer .text-gray-400{
  color:#b8b8b8!important;
}

footer a,
#footer a{
  color:#dcdcdc!important;
  text-decoration:none!important;
  transition:color .22s ease, transform .22s ease!important;
}

footer a:hover,
#footer a:hover{
  color:#fff!important;
  text-shadow:0 0 12px rgba(229,9,20,.65)!important;
}

footer salla-social,
footer salla-contacts,
footer salla-menu,
footer salla-apps-icons,
footer salla-payments{
  color:#fff!important;
}

/* Footer contact/menu cards */
footer .grid > div,
#footer .grid > div{
  border-radius:18px!important;
}

footer .contact-social,
#footer .contact-social{
  margin-top:16px!important;
}

/* Copyright strip */
footer .copyright-text,
#footer .copyright-text{
  color:#a8a8a8!important;
}

footer .copyright-text a,
#footer .copyright-text a{
  color:#fff!important;
  font-weight:800!important;
}

/* Payment icons visibility */
salla-payments{
  filter:drop-shadow(0 0 12px rgba(229,9,20,.18))!important;
}

/* =========================================================
   UX Details
========================================================= */

/* Cart badge */
salla-cart-summary::part(badge),
[data-cart-badge]{
  background:var(--box-red)!important;
  color:#fff!important;
  box-shadow:0 0 14px rgba(229,9,20,.75)!important;
}

/* Selection */
::selection{
  background:var(--box-red)!important;
  color:#fff!important;
}

/* Scrollbar */
::-webkit-scrollbar{
  width:10px;
}

::-webkit-scrollbar-track{
  background:#070707;
}

::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#E50914,#650006);
  border-radius:999px;
  border:2px solid #070707;
}

/* Better focus for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible{
  outline:2px solid rgba(229,9,20,.85)!important;
  outline-offset:3px!important;
}

/* =========================================================
   Mobile Optimization
========================================================= */

@media(max-width:991px){
  .store-header .top-navbar{
    padding:8px 0!important;
  }

  #mainnav,
  #mainnav.main-nav-container{
    min-height:64px!important;
  }

  .navbar-brand{
    margin-inline-end:10px!important;
  }

  .navbar-brand img{
    max-height:44px!important;
  }

  .header-search{
    max-width:none!important;
  }

  salla-cart-summary,
  salla-user-menu,
  .mburger{
    min-width:38px!important;
    min-height:38px!important;
    width:38px!important;
    height:38px!important;
  }
}

@media(max-width:767px){
  .store-header{
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  .store-header .top-navbar .container{
    padding-inline:12px!important;
  }

  #mainnav .container{
    padding-inline:12px!important;
  }

  .navbar-brand img{
    max-height:40px!important;
  }

  .s-block:not(.s-block--bundle-hero-slider){
    padding-top:18px!important;
    padding-bottom:18px!important;
  }

  salla-product-card,
  .product-card,
  .s-product-card-entry,
  [data-product-card]{
    border-radius:16px!important;
  }

  .btn,
  button.btn,
  a.btn,
  .btn-outlined,
  button[data-add-to-cart]{
    min-height:42px!important;
    font-size:13px!important;
  }

  footer,
  #footer{
    text-align:center!important;
  }
}

/* Reduce motion for users who prefer it */
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}
/* =========================================================
   BOX STORE - FINAL PREMIUM FOOTER
   Salla Theme Raed
   Black / Red Neon / Gaming UX
   Paste AFTER all old CSS
========================================================= */

:root {
  --bs-black: #050505;
  --bs-black-2: #0a0a0a;
  --bs-card: rgba(255, 255, 255, 0.045);
  --bs-card-2: rgba(255, 255, 255, 0.065);
  --bs-red: #E50914;
  --bs-red-hover: #ff1a1a;
  --bs-text: #ffffff;
  --bs-muted: #b8b8b8;
  --bs-border: rgba(229, 9, 20, 0.24);
  --bs-border-strong: rgba(229, 9, 20, 0.55);
  --bs-glow: rgba(229, 9, 20, 0.28);
}

/* ===============================
   Footer Base
================================ */

footer.store-footer,
.store-footer {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(229, 9, 20, 0.22), transparent 28%),
    radial-gradient(circle at 82% 100%, rgba(229, 9, 20, 0.13), transparent 32%),
    linear-gradient(180deg, #050505 0%, #0a0a0a 48%, #050505 100%) !important;
  color: var(--bs-text) !important;
  border-top: 1px solid rgba(229, 9, 20, 0.35) !important;
  box-shadow: 0 -22px 65px rgba(0, 0, 0, 0.68) !important;
}

/* Neon top line */
footer.store-footer::before,
.store-footer::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(229, 9, 20, 0.98),
    transparent
  ) !important;
  box-shadow: 0 0 24px rgba(229, 9, 20, 0.9) !important;
  z-index: 2 !important;
}

/* Subtle gaming grid */
footer.store-footer::after,
.store-footer::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px) !important;
  background-size: 42px 42px !important;
  opacity: 0.28 !important;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,0.9), transparent 88%) !important;
  z-index: 1 !important;
}

/* ===============================
   Inner Layout
================================ */

.store-footer__inner {
  position: relative !important;
  z-index: 3 !important;
  padding: 56px 0 28px !important;
  background: transparent !important;
}

/* Hide empty apps column causing the big blank card */
.store-footer__inner salla-apps-icons,
.store-footer__inner salla-apps-icons:empty {
  display: none !important;
}

/* Main 3-column layout */
.store-footer__inner .container {
  max-width: 1180px !important;
  width: 100% !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: 1.45fr 0.9fr 0.85fr !important;
  gap: 22px !important;
  align-items: stretch !important;
}

/* Reset old Tailwind grid spans/padding */
.store-footer__inner .container > div {
  grid-column: auto !important;
  padding: 24px !important;
  margin: 0 !important;
  min-height: auto !important;
}

/* ===============================
   Footer Cards
================================ */

.store-footer__inner .container > div {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, var(--bs-card-2), rgba(255,255,255,0.025)) !important;
  border: 1px solid var(--bs-border) !important;
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

/* Internal red glow */
.store-footer__inner .container > div::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 85% 10%, rgba(229,9,20,0.15), transparent 34%),
    linear-gradient(135deg, rgba(229,9,20,0.06), transparent 48%) !important;
  z-index: 1 !important;
}

/* Card hover */
.store-footer__inner .container > div:hover {
  transform: translateY(-4px) !important;
  border-color: var(--bs-border-strong) !important;
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.6),
    0 0 34px rgba(229, 9, 20, 0.24) !important;
}

/* Keep content above glow */
.store-footer__inner .container > div > * {
  position: relative !important;
  z-index: 2 !important;
}

/* ===============================
   Titles
================================ */

.store-footer h3,
.store-footer .s-contacts-title {
  color: #fff !important;
  font-size: 20px !important;
  line-height: 1.45 !important;
  font-weight: 900 !important;
  margin: 0 0 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Red title mark */
.store-footer h3::before,
.store-footer .s-contacts-title::before {
  content: "" !important;
  width: 34px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--bs-red), transparent) !important;
  box-shadow: 0 0 14px rgba(229, 9, 20, 0.75) !important;
  flex-shrink: 0 !important;
}

/* Brand link */
.store-footer a.flex.items-center {
  text-decoration: none !important;
}

/* Description */
.store-footer .max-w-sm,
.store-footer .leading-6 {
  color: var(--bs-muted) !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  max-width: 100% !important;
  margin-bottom: 18px !important;
}

/* ===============================
   Important Links
================================ */

.store-footer .s-menu-footer-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 11px !important;
}

.store-footer .s-menu-footer-item {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  color: #f2f2f2 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  transition: 0.22s ease !important;
}

.store-footer .s-menu-footer-item::before {
  content: "‹" !important;
  color: var(--bs-red) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  text-shadow: 0 0 12px rgba(229, 9, 20, 0.8) !important;
  flex-shrink: 0 !important;
}

.store-footer .s-menu-footer-item:hover {
  color: #fff !important;
  background: rgba(229, 9, 20, 0.13) !important;
  border-color: rgba(229, 9, 20, 0.5) !important;
  transform: translateX(-4px) !important;
  box-shadow: 0 0 22px rgba(229, 9, 20, 0.2) !important;
}

/* ===============================
   Contact
================================ */

.store-footer .s-contacts-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.store-footer .s-contacts-item {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(229, 9, 20, 0.24) !important;
  color: #fff !important;
  text-decoration: none !important;
  transition: 0.22s ease !important;
}

.store-footer .s-contacts-item:hover {
  background: rgba(229, 9, 20, 0.13) !important;
  border-color: rgba(229, 9, 20, 0.55) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 24px rgba(229, 9, 20, 0.22) !important;
}

.store-footer .s-contacts-icon {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, var(--bs-red), #770006) !important;
  box-shadow: 0 0 24px rgba(229, 9, 20, 0.45) !important;
}

.store-footer .s-contacts-icon svg {
  width: 20px !important;
  height: 20px !important;
}

.store-footer .s-contacts-icon svg,
.store-footer .s-contacts-icon svg path {
  fill: #fff !important;
}

.store-footer .unicode {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
  display: inline-block !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

/* ===============================
   Trust Badge
================================ */

.store-footer .s-trust-badges-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.07), rgba(255,255,255,0.035)) !important;
  border: 1px solid rgba(229, 9, 20, 0.34) !important;
  box-shadow: 0 0 26px rgba(229, 9, 20, 0.16) !important;
  transition: 0.24s ease !important;
}

.store-footer .s-trust-badges-wrapper:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(229, 9, 20, 0.65) !important;
  box-shadow: 0 0 34px rgba(229, 9, 20, 0.32) !important;
}

.store-footer .s-trust-badges-image {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  object-fit: contain !important;
  background: #fff !important;
  border-radius: 14px !important;
  padding: 7px !important;
}

.store-footer .s-trust-badges-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.store-footer .s-trust-badges-label {
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  margin: 0 !important;
}

.store-footer .s-trust-badges-number {
  color: var(--bs-red) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  direction: ltr !important;
  text-shadow: 0 0 12px rgba(229, 9, 20, 0.55) !important;
}

/* ===============================
   Social
================================ */

.store-footer .s-social-list {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

.store-footer .s-social-list:empty {
  display: none !important;
}

.store-footer .s-social-link,
.store-footer .s-social-list a {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(229, 9, 20, 0.24) !important;
  color: #fff !important;
  transition: 0.22s ease !important;
}

.store-footer .s-social-link:hover,
.store-footer .s-social-list a:hover {
  background: rgba(229, 9, 20, 0.18) !important;
  border-color: rgba(229, 9, 20, 0.62) !important;
  box-shadow: 0 0 24px rgba(229, 9, 20, 0.28) !important;
  transform: translateY(-3px) !important;
}

/* ===============================
   Bottom Area / Copyright / Payments
================================ */

.store-footer > .container {
  position: relative !important;
  z-index: 4 !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  margin-top: 26px !important;
  padding: 18px 0 !important;
  border-top: 1px dashed rgba(255, 255, 255, 0.22) !important;
  color: #aaa !important;
  background: transparent !important;
}

.store-footer .copyright-text,
.store-footer .copyright-text p,
.store-footer .text-gray-400 {
  color: #aaa !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

.store-footer .copyright-text a {
  color: #fff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(229, 9, 20, 0.8) !important;
  transition: 0.22s ease !important;
}

.store-footer .copyright-text a:hover {
  color: var(--bs-red) !important;
  text-shadow: 0 0 14px rgba(229, 9, 20, 0.65) !important;
}

/* Payment icons */
.store-footer salla-payments img,
.store-footer .s-payments-list img,
.store-footer img[alt*="mada"],
.store-footer img[alt*="visa"],
.store-footer img[alt*="mastercard"] {
  border-radius: 10px !important;
  background: #fff !important;
  padding: 3px !important;
}

/* ===============================
   Tablet
================================ */

@media (max-width: 1024px) {
  .store-footer__inner {
    padding: 44px 0 24px !important;
  }

  .store-footer__inner .container {
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
    padding-inline: 16px !important;
  }

  .store-footer__inner .container > div:first-child {
    grid-column: 1 / -1 !important;
  }

  .store-footer__inner .container > div {
    padding: 22px !important;
  }
}

/* ===============================
   Mobile
================================ */

@media (max-width: 767px) {
  .store-footer__inner {
    padding: 34px 12px 22px !important;
  }

  .store-footer__inner .container {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding-inline: 0 !important;
  }

  .store-footer__inner .container > div {
    padding: 20px !important;
    border-radius: 18px !important;
    text-align: center !important;
  }

  .store-footer h3,
  .store-footer .s-contacts-title {
    justify-content: center !important;
    font-size: 18px !important;
    margin-bottom: 18px !important;
  }

  .store-footer h3::before,
  .store-footer .s-contacts-title::before {
    width: 26px !important;
  }

  .store-footer .max-w-sm,
  .store-footer .leading-6 {
    margin-inline: auto !important;
    font-size: 13.5px !important;
  }

  .store-footer .s-menu-footer-item {
    justify-content: center !important;
    text-align: center !important;
    padding: 12px !important;
  }

  .store-footer .s-menu-footer-item::before {
    display: none !important;
  }

  .store-footer .s-contacts-item {
    justify-content: center !important;
    flex-direction: column !important;
    gap: 9px !important;
  }

  .store-footer .s-trust-badges-wrapper {
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .store-footer .s-social-list {
    justify-content: center !important;
  }

  .store-footer > .container {
    margin-inline: 12px !important;
    margin-top: 18px !important;
    padding: 16px 0 !important;
    text-align: center !important;
  }
}

/* ===============================
   Extra Cleanup
================================ */

/* Prevent light footer mode from overriding */
body.footer-is-light .store-footer,
body.footer-is-light footer.store-footer,
body.footer-is-light .store-footer__inner {
  background-color: transparent !important;
  color: #fff !important;
}

/* Hide empty blocks inside footer */
.store-footer .hidden:empty,
.store-footer .contact-social:empty {
  display: none !important;
}

/* Better text rendering */
.store-footer * {
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}
/* Hide Header Top Navbar Completely */
.store-header .top-navbar {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

/* Make main header start directly without gap */
.store-header #mainnav,
.store-header .main-nav-container {
  margin-top: 0 !important;
  border-top: 0 !important;
}

/* Clean header after hiding top bar */
.store-header {
  padding-top: 0 !important;
}
/* =========================================================
   BOX STORE - FINAL PRODUCT PAGE CSS
   Salla Theme Raed | Product Details Page
   Black / Red Neon / Gaming UX
========================================================= */

/* Product Page Background */
body.theme-raed #main-content {
  background:
    radial-gradient(circle at 85% 0%, rgba(229, 9, 20, 0.16), transparent 28%),
    radial-gradient(circle at 10% 38%, rgba(229, 9, 20, 0.10), transparent 30%),
    linear-gradient(180deg, #050505 0%, #0a0a0a 55%, #050505 100%) !important;
  color: #fff !important;
}

/* Remove excessive spacing */
#main-content.flex.flex-col.space-y-8,
#main-content.flex.flex-col.sm\:space-y-16 {
  gap: 28px !important;
}

/* =========================================================
   Breadcrumbs
========================================================= */

.container--breadcrumbs {
  max-width: 1180px !important;
}

.container--breadcrumbs .breadcrumbs {
  padding: 18px 0 !important;
}

.s-breadcrumb-wrapper {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(229, 9, 20, 0.22) !important;
  border-radius: 999px !important;
  padding: 10px 16px !important;
  width: fit-content !important;
  max-width: 100% !important;
  box-shadow: 0 0 22px rgba(229, 9, 20, 0.10) !important;
}

.s-breadcrumb-item,
.s-breadcrumb-item a {
  color: #d8d8d8 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.s-breadcrumb-item a:hover {
  color: #E50914 !important;
}

.s-breadcrumb-arrow svg,
.s-breadcrumb-arrow svg path {
  fill: #E50914 !important;
}

/* =========================================================
   Product Main Layout
========================================================= */

.container--product-details {
  max-width: 1180px !important;
  padding-bottom: 24px !important;
}

.container--product-details > .flex {
  gap: 26px !important;
  align-items: flex-start !important;
}

/* Product Image Side */
.container--product-details .sidebar {
  background:
    radial-gradient(circle at 50% 0%, rgba(229, 9, 20, 0.16), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.065), rgba(255,255,255,0.025)) !important;
  border: 1px solid rgba(229, 9, 20, 0.24) !important;
  border-radius: 24px !important;
  padding: 18px !important;
  box-shadow:
    0 24px 65px rgba(0,0,0,0.52),
    inset 0 1px 0 rgba(255,255,255,0.06) !important;
  overflow: hidden !important;
}

/* Product Image Slider */
.details-slider,
.details-slider .s-slider-container,
.details-slider .swiper {
  background: transparent !important;
  border-radius: 22px !important;
}

.details-slider .swiper-slide {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015)) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

.details-slider img {
  max-height: 520px !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 0 20px rgba(229,9,20,0.18))
    drop-shadow(0 22px 32px rgba(0,0,0,0.45)) !important;
  transition: transform 0.35s ease, filter 0.35s ease !important;
}

.details-slider:hover img {
  transform: scale(1.025) !important;
  filter:
    drop-shadow(0 0 28px rgba(229,9,20,0.34))
    drop-shadow(0 24px 36px rgba(0,0,0,0.55)) !important;
}

/* Wishlist button over image */
.details-slider .btn--wishlist button,
.details-slider .btn--wishlist .s-button-element {
  background: rgba(0, 0, 0, 0.55) !important;
  border: 1px solid rgba(229, 9, 20, 0.42) !important;
  color: #fff !important;
  box-shadow: 0 0 22px rgba(229, 9, 20, 0.24) !important;
}

.details-slider .btn--wishlist button:hover {
  background: rgba(229, 9, 20, 0.18) !important;
  border-color: rgba(229, 9, 20, 0.65) !important;
}

/* =========================================================
   Product Info Card
========================================================= */

.container--product-details .main-content {
  background:
    radial-gradient(circle at 88% 0%, rgba(229, 9, 20, 0.15), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,0.065), rgba(255,255,255,0.025)) !important;
  border: 1px solid rgba(229, 9, 20, 0.24) !important;
  border-radius: 24px !important;
  padding: 24px !important;
  box-shadow:
    0 24px 65px rgba(0,0,0,0.52),
    inset 0 1px 0 rgba(255,255,255,0.06) !important;
  overflow: hidden !important;
}

/* Product Title */
.container--product-details h1 {
  color: #fff !important;
  font-size: 28px !important;
  line-height: 1.55 !important;
  font-weight: 900 !important;
  margin-bottom: 12px !important;
  text-shadow: 0 0 18px rgba(229, 9, 20, 0.18) !important;
}

/* Subtitle */
.product-entry__sub-title {
  color: #b8b8b8 !important;
  background: rgba(229, 9, 20, 0.10) !important;
  border: 1px solid rgba(229, 9, 20, 0.22) !important;
  border-radius: 14px !important;
  padding: 10px 14px !important;
  width: fit-content !important;
  max-width: 100% !important;
  font-weight: 800 !important;
}

/* Top Price */
.container--product-details .main-content > .flex.whitespace-nowrap {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(229, 9, 20, 0.22) !important;
  border-radius: 18px !important;
  padding: 14px 16px !important;
  margin: 14px 0 18px !important;
}

.container--product-details .main-content .font-bold.text-xl,
.container--product-details .main-content .total-price,
.container--product-details .main-content .sicon-sar {
  color: #E50914 !important;
  font-weight: 900 !important;
  text-shadow: 0 0 14px rgba(229, 9, 20, 0.45) !important;
}

/* =========================================================
   Product Description
========================================================= */

.product__description {
  background: rgba(0, 0, 0, 0.24) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 20px !important;
  padding: 18px 20px !important;
  margin: 18px 0 !important;
  color: #d8d8d8 !important;
  max-height: 520px !important;
  overflow: auto !important;
}

.product__description article,
.product__description p,
.product__description span,
.product__description li {
  color: #d8d8d8 !important;
  font-size: 15px !important;
  line-height: 2 !important;
}

.product__description strong,
.product__description b {
  color: #fff !important;
}

.product__description::-webkit-scrollbar {
  width: 8px !important;
}

.product__description::-webkit-scrollbar-track {
  background: #090909 !important;
  border-radius: 999px !important;
}

.product__description::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #E50914, #770006) !important;
  border-radius: 999px !important;
}

/* =========================================================
   Price / Quantity / Add To Cart Box
========================================================= */

.product-form {
  margin-top: 16px !important;
}

/* Override white boxes */
.product-form section.bg-white,
.product-form .sticky-product-bar.bg-white,
.product-form section.sticky-product-bar {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.03)) !important;
  border: 1px solid rgba(229, 9, 20, 0.24) !important;
  color: #fff !important;
  box-shadow: 0 18px 46px rgba(0,0,0,0.35) !important;
}

.product-form section.bg-white {
  border-radius: 20px 20px 0 0 !important;
}

.product-form .sticky-product-bar {
  border-radius: 0 0 20px 20px !important;
  border-top: 0 !important;
}

.product-form .form-label,
.product-form .form-label b {
  color: #fff !important;
  font-weight: 900 !important;
}

/* Quantity */
salla-quantity-input,
.s-quantity-input-container {
  background: #0f0f10 !important;
  border: 1px solid rgba(229, 9, 20, 0.26) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

.s-quantity-input-input {
  background: transparent !important;
  color: #fff !important;
  font-weight: 900 !important;
  border: 0 !important;
}

.s-quantity-input-button {
  background: rgba(229, 9, 20, 0.14) !important;
  color: #fff !important;
  border: 0 !important;
}

.s-quantity-input-button svg,
.s-quantity-input-button svg path {
  fill: #fff !important;
}

.s-quantity-input-button:hover {
  background: rgba(229, 9, 20, 0.28) !important;
}

/* Add to cart button */
salla-add-product-button .s-button-element,
.s-add-product-button-main .s-button-element,
.product-form .s-button-primary {
  min-height: 52px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #E50914, #8b0007) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  box-shadow:
    0 0 28px rgba(229, 9, 20, 0.34),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  transition: 0.22s ease !important;
}

salla-add-product-button .s-button-element:hover,
.s-add-product-button-main .s-button-element:hover,
.product-form .s-button-primary:hover {
  background: linear-gradient(135deg, #ff1a1a, #E50914) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 38px rgba(229, 9, 20, 0.55) !important;
}

/* Mini checkout */
.s-add-product-button-mini-checkout-content {
  color: #fff !important;
  font-weight: 900 !important;
}

/* Installment / cashback */
salla-installment,
salla-cashback-banner,
salla-quick-order {
  display: block !important;
  margin-top: 14px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(229, 9, 20, 0.18) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Share and wishlist */
.s-social-share-btn .s-button-element,
.main-content .btn--wishlist .s-button-element {
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(229, 9, 20, 0.28) !important;
  color: #fff !important;
  border-radius: 999px !important;
}

.s-social-share-btn .s-button-element:hover,
.main-content .btn--wishlist .s-button-element:hover {
  background: rgba(229, 9, 20, 0.15) !important;
  box-shadow: 0 0 22px rgba(229, 9, 20, 0.28) !important;
}

/* =========================================================
   Comments / Reviews
========================================================= */

salla-comments {
  display: block !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

.s-comments {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.02)) !important;
  border: 1px solid rgba(229, 9, 20, 0.20) !important;
  border-radius: 24px !important;
  padding: 22px !important;
  color: #fff !important;
  box-shadow: 0 20px 55px rgba(0,0,0,0.40) !important;
}

/* =========================================================
   Related Products
========================================================= */

.s-products-slider-wrapper {
  background:
    radial-gradient(circle at 15% 0%, rgba(229, 9, 20, 0.10), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015)) !important;
  border: 1px solid rgba(229, 9, 20, 0.18) !important;
  border-radius: 24px !important;
  padding: 22px !important;
  box-shadow: 0 20px 55px rgba(0,0,0,0.38) !important;
}

.s-slider-block__title h2 {
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 900 !important;
}

.s-slider-block__title h2::before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 3px;
  margin-left: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, #E50914, transparent);
  box-shadow: 0 0 14px rgba(229,9,20,0.75);
}

/* Product Cards in Related */
.s-product-card-entry {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)) !important;
  border: 1px solid rgba(229, 9, 20, 0.20) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.38) !important;
  transition: 0.25s ease !important;
}

.s-product-card-entry:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(229, 9, 20, 0.48) !important;
  box-shadow:
    0 26px 60px rgba(0,0,0,0.55),
    0 0 30px rgba(229,9,20,0.28) !important;
}

.s-product-card-image {
  background: rgba(0, 0, 0, 0.22) !important;
}

.s-product-card-image img {
  transition: 0.32s ease !important;
}

.s-product-card-entry:hover .s-product-card-image img {
  transform: scale(1.045) !important;
}

.s-product-card-content-title a {
  color: #fff !important;
  font-weight: 900 !important;
}

.s-product-card-content-subtitle {
  color: #b8b8b8 !important;
}

.s-product-card-price {
  color: #E50914 !important;
  font-weight: 900 !important;
  text-shadow: 0 0 12px rgba(229,9,20,0.4) !important;
}

/* Slider arrows */
.s-slider-nav-arrow {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(229,9,20,0.28) !important;
  color: #fff !important;
  border-radius: 999px !important;
}

.s-slider-nav-arrow:hover {
  background: rgba(229,9,20,0.16) !important;
  box-shadow: 0 0 22px rgba(229,9,20,0.25) !important;
}

.s-slider-nav-arrow svg path {
  fill: #fff !important;
}

/* =========================================================
   Mobile
========================================================= */

@media (max-width: 768px) {
  .container--product-details > .flex {
    gap: 18px !important;
  }

  .container--product-details .sidebar,
  .container--product-details .main-content {
    width: 100% !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .container--product-details h1 {
    font-size: 22px !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
  }

  .product-entry__sub-title {
    font-size: 13px !important;
    width: 100% !important;
  }

  .product__description {
    max-height: none !important;
    padding: 16px !important;
  }

  .product__description article,
  .product__description p {
    font-size: 14px !important;
    line-height: 1.9 !important;
  }

  .product-form section.bg-white,
  .product-form .sticky-product-bar {
    padding: 16px !important;
  }

  salla-add-product-button .s-button-element,
  .s-add-product-button-main .s-button-element {
    min-height: 50px !important;
    font-size: 15px !important;
  }

  .s-breadcrumb-wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
  }

  .s-products-slider-wrapper {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  .s-slider-block__title h2 {
    font-size: 20px !important;
  }
}
/* =========================================================
   BOX STORE - FINAL CLEAN THEME CSS
   Salla Theme Raed
   Desktop + Mobile Optimized
   Safe Scoped Version
   Replace ALL previous custom CSS with this code
========================================================= */

/* ===============================
   01) Brand Variables
================================ */

body.theme-raed {
  --bs-bg: #050505;
  --bs-bg-2: #0a0a0a;
  --bs-card: rgba(255, 255, 255, 0.045);
  --bs-card-strong: rgba(255, 255, 255, 0.07);
  --bs-red: #E50914;
  --bs-red-hover: #ff1a1a;
  --bs-red-dark: #7a0006;
  --bs-text: #ffffff;
  --bs-muted: #b8b8b8;
  --bs-border: rgba(229, 9, 20, 0.24);
  --bs-border-strong: rgba(229, 9, 20, 0.55);
  --bs-glow: rgba(229, 9, 20, 0.30);
  --bs-radius: 20px;
  --bs-radius-lg: 24px;
  --bs-shadow: 0 22px 60px rgba(0, 0, 0, 0.55);

  --color-primary: #E50914 !important;
  --color-primary-dark: #8b0007 !important;
  --color-primary-light: #ff3b45 !important;
  --color-primary-reverse: #ffffff !important;
}

/* ===============================
   02) Global Safe Base
================================ */

body.theme-raed,
body.theme-raed #app,
body.theme-raed .app-inner {
  background:
    radial-gradient(circle at 85% 0%, rgba(229, 9, 20, 0.16), transparent 30%),
    radial-gradient(circle at 5% 38%, rgba(229, 9, 20, 0.10), transparent 28%),
    linear-gradient(180deg, #050505 0%, #0a0a0a 48%, #050505 100%) !important;
  color: var(--bs-text) !important;
  overflow-x: hidden !important;
}

body.theme-raed #main-content {
  background: transparent !important;
  color: var(--bs-text) !important;
}

body.theme-raed ::selection {
  background: var(--bs-red) !important;
  color: #fff !important;
}

body.theme-raed a {
  transition: color 0.22s ease, transform 0.22s ease, opacity 0.22s ease !important;
}

body.theme-raed img {
  max-width: 100%;
}

body.theme-raed a:focus-visible,
body.theme-raed button:focus-visible,
body.theme-raed input:focus-visible {
  outline: 2px solid rgba(229, 9, 20, 0.85) !important;
  outline-offset: 3px !important;
}

/* Scrollbar */
body.theme-raed::-webkit-scrollbar {
  width: 10px;
}

body.theme-raed::-webkit-scrollbar-track {
  background: #070707;
}

body.theme-raed::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--bs-red), var(--bs-red-dark));
  border-radius: 999px;
  border: 2px solid #070707;
}

/* ===============================
   03) Header - Final
================================ */

/* Hide old top navbar completely */
body.theme-raed .store-header .top-navbar {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

body.theme-raed .store-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background: rgba(5, 5, 5, 0.92) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border-bottom: 1px solid rgba(229, 9, 20, 0.30) !important;
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.58),
    0 0 24px rgba(229, 9, 20, 0.14) !important;
  padding-top: 0 !important;
}

body.theme-raed .store-header::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, transparent, rgba(229, 9, 20, 0.9), transparent);
}

/* Main nav */
body.theme-raed #mainnav,
body.theme-raed #mainnav.main-nav-container,
body.theme-raed .main-nav-container,
body.theme-raed .main-nav-container.bg-white {
  height: auto !important;
  min-height: 76px !important;
  margin-top: 0 !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(229, 9, 20, 0.16), transparent 28%),
    linear-gradient(180deg, rgba(16, 16, 18, 0.96), rgba(5, 5, 5, 0.96)) !important;
  box-shadow: none !important;
}

body.theme-raed #mainnav .inner {
  background: transparent !important;
}

body.theme-raed #mainnav .container {
  max-width: 1280px !important;
}

/* Logo */
body.theme-raed .navbar-brand {
  display: flex !important;
  align-items: center !important;
  padding: 8px 0 !important;
  margin-inline-end: 22px !important;
}

body.theme-raed .navbar-brand img {
  max-height: 54px !important;
  width: auto !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 0 10px rgba(229, 9, 20, 0.38))
    drop-shadow(0 0 18px rgba(255, 255, 255, 0.08)) !important;
  transition: transform 0.25s ease, filter 0.25s ease !important;
}

body.theme-raed .navbar-brand:hover img {
  transform: scale(1.035) !important;
  filter:
    drop-shadow(0 0 14px rgba(229, 9, 20, 0.65))
    drop-shadow(0 0 24px rgba(255, 255, 255, 0.12)) !important;
}

/* Header links */
body.theme-raed .store-header a,
body.theme-raed .store-header button,
body.theme-raed .store-header i,
body.theme-raed .store-header svg,
body.theme-raed custom-main-menu,
body.theme-raed custom-main-menu * {
  color: #fff !important;
}

body.theme-raed custom-main-menu a,
body.theme-raed #mainnav a:not(.navbar-brand) {
  position: relative !important;
  font-weight: 800 !important;
  letter-spacing: 0.1px !important;
}

body.theme-raed custom-main-menu a::after,
body.theme-raed #mainnav a:not(.navbar-brand)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -8px;
  width: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--bs-red), var(--bs-red-hover));
  box-shadow: 0 0 12px rgba(229, 9, 20, 0.7);
  transition: width 0.25s ease;
}

body.theme-raed custom-main-menu a:hover::after,
body.theme-raed #mainnav a:not(.navbar-brand):hover::after {
  width: 100%;
}

/* Cart + user buttons */
body.theme-raed salla-cart-summary,
body.theme-raed salla-user-menu {
  min-width: 42px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(229, 9, 20, 0.26) !important;
  box-shadow: 0 0 18px rgba(229, 9, 20, 0.14) !important;
  transition: 0.22s ease !important;
}

body.theme-raed salla-cart-summary:hover,
body.theme-raed salla-user-menu:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(229, 9, 20, 0.58) !important;
  box-shadow: 0 0 28px rgba(229, 9, 20, 0.35) !important;
}

body.theme-raed .header-btn__icon,
body.theme-raed .sicon-shopping-bag,
body.theme-raed .s-cart-summary-count,
body.theme-raed .s-cart-summary-total {
  color: #fff !important;
}

/* Mobile menu icon */
body.theme-raed .mburger {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(229, 9, 20, 0.26) !important;
}

body.theme-raed .mburger i,
body.theme-raed .sicon-menu {
  color: #fff !important;
}

/* ===============================
   04) Homepage / Sections
================================ */

body.theme-raed .s-block {
  background: transparent !important;
}

body.theme-raed .s-block:not(.s-block--bundle-hero-slider) {
  position: relative !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

body.theme-raed .s-block h2,
body.theme-raed .s-block h3,
body.theme-raed section h2,
body.theme-raed section h3 {
  color: #fff !important;
  font-weight: 900 !important;
}

body.theme-raed .s-block p,
body.theme-raed section p {
  color: var(--bs-muted) !important;
}

body.theme-raed salla-custom-component {
  display: block !important;
  position: relative !important;
}

/* Hero */
body.theme-raed .s-block--bundle-hero-slider {
  background: #050505 !important;
  overflow: hidden !important;
}

body.theme-raed .s-block--bundle-hero-slider img {
  object-fit: cover !important;
}

/* Custom homepage sections */
body.theme-raed .s-block--bundle-categories-slider,
body.theme-raed .s-block--bundle-products-slider,
body.theme-raed .s-block--bundle-how-it-works,
body.theme-raed .s-block--bundle-store-features,
body.theme-raed .s-block--bundle-faq,
body.theme-raed .s-block--bundle-reviews {
  background:
    radial-gradient(circle at 15% 0%, rgba(229, 9, 20, 0.12), transparent 26%),
    radial-gradient(circle at 85% 100%, rgba(229, 9, 20, 0.08), transparent 30%),
    #080808 !important;
}

/* ===============================
   05) Product Cards General
================================ */

body.theme-raed .s-product-card-entry,
body.theme-raed salla-product-card,
body.theme-raed custom-salla-product-card,
body.theme-raed .product-card,
body.theme-raed [data-product-card] {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)) !important;
  border: 1px solid rgba(229, 9, 20, 0.20) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.38) !important;
  overflow: hidden !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.theme-raed .s-product-card-entry:hover,
body.theme-raed salla-product-card:hover,
body.theme-raed custom-salla-product-card:hover,
body.theme-raed .product-card:hover,
body.theme-raed [data-product-card]:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(229, 9, 20, 0.48) !important;
  box-shadow:
    0 26px 60px rgba(0, 0, 0, 0.55),
    0 0 30px rgba(229, 9, 20, 0.28) !important;
}

body.theme-raed .s-product-card-image {
  background: rgba(0, 0, 0, 0.22) !important;
}

body.theme-raed .s-product-card-image img,
body.theme-raed .s-product-card-entry img {
  transition: transform 0.35s ease, filter 0.35s ease !important;
}

body.theme-raed .s-product-card-entry:hover img {
  transform: scale(1.045) !important;
  filter: saturate(1.08) contrast(1.04) !important;
}

body.theme-raed .s-product-card-content-title a {
  color: #fff !important;
  font-weight: 900 !important;
}

body.theme-raed .s-product-card-content-subtitle {
  color: var(--bs-muted) !important;
}

body.theme-raed .s-product-card-price,
body.theme-raed .price {
  color: var(--bs-red) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 12px rgba(229, 9, 20, 0.38) !important;
}

/* ===============================
   06) Product Page
================================ */

body.theme-raed .container--breadcrumbs,
body.theme-raed .container--product-details,
body.theme-raed salla-comments,
body.theme-raed .container:has(.s-products-slider-wrapper) {
  max-width: 1180px !important;
}

/* Breadcrumbs */
body.theme-raed .container--breadcrumbs .breadcrumbs {
  padding: 18px 0 !important;
}

body.theme-raed .s-breadcrumb-wrapper {
  width: fit-content !important;
  max-width: 100% !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(229, 9, 20, 0.22) !important;
  box-shadow: 0 0 22px rgba(229, 9, 20, 0.10) !important;
}

body.theme-raed .s-breadcrumb-item,
body.theme-raed .s-breadcrumb-item a {
  color: #d8d8d8 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.theme-raed .s-breadcrumb-item a:hover {
  color: var(--bs-red) !important;
}

body.theme-raed .s-breadcrumb-arrow svg path {
  fill: var(--bs-red) !important;
}

/* Product layout */
body.theme-raed .container--product-details {
  padding-bottom: 24px !important;
}

body.theme-raed .container--product-details > .flex {
  gap: 26px !important;
  align-items: flex-start !important;
}

/* Image column */
body.theme-raed .container--product-details .sidebar {
  background:
    radial-gradient(circle at 50% 0%, rgba(229, 9, 20, 0.16), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025)) !important;
  border: 1px solid rgba(229, 9, 20, 0.24) !important;
  border-radius: var(--bs-radius-lg) !important;
  padding: 18px !important;
  box-shadow: var(--bs-shadow) !important;
  overflow: hidden !important;
}

/* Product image slider */
body.theme-raed .details-slider,
body.theme-raed .details-slider .s-slider-container,
body.theme-raed .details-slider .swiper {
  background: transparent !important;
  border-radius: 22px !important;
}

body.theme-raed .details-slider .swiper-slide {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015)) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

body.theme-raed .details-slider img {
  max-height: 520px !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 0 20px rgba(229, 9, 20, 0.18))
    drop-shadow(0 22px 32px rgba(0, 0, 0, 0.45)) !important;
  transition: transform 0.35s ease, filter 0.35s ease !important;
}

body.theme-raed .details-slider:hover img {
  transform: scale(1.025) !important;
  filter:
    drop-shadow(0 0 28px rgba(229, 9, 20, 0.34))
    drop-shadow(0 24px 36px rgba(0, 0, 0, 0.55)) !important;
}

/* Info column */
body.theme-raed .container--product-details .main-content {
  background:
    radial-gradient(circle at 88% 0%, rgba(229, 9, 20, 0.15), transparent 35%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025)) !important;
  border: 1px solid rgba(229, 9, 20, 0.24) !important;
  border-radius: var(--bs-radius-lg) !important;
  padding: 24px !important;
  box-shadow: var(--bs-shadow) !important;
  overflow: hidden !important;
}

body.theme-raed .container--product-details h1 {
  color: #fff !important;
  font-size: 28px !important;
  line-height: 1.55 !important;
  font-weight: 900 !important;
  margin-bottom: 12px !important;
  text-shadow: 0 0 18px rgba(229, 9, 20, 0.18) !important;
}

body.theme-raed .product-entry__sub-title {
  width: fit-content !important;
  max-width: 100% !important;
  color: var(--bs-muted) !important;
  background: rgba(229, 9, 20, 0.10) !important;
  border: 1px solid rgba(229, 9, 20, 0.22) !important;
  border-radius: 14px !important;
  padding: 10px 14px !important;
  font-weight: 800 !important;
}

/* Top price row */
body.theme-raed .container--product-details .main-content > .flex.whitespace-nowrap {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(229, 9, 20, 0.22) !important;
  border-radius: 18px !important;
  padding: 14px 16px !important;
  margin: 14px 0 18px !important;
}

body.theme-raed .container--product-details .main-content .font-bold.text-xl,
body.theme-raed .container--product-details .main-content .total-price,
body.theme-raed .container--product-details .main-content .sicon-sar {
  color: var(--bs-red) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 14px rgba(229, 9, 20, 0.45) !important;
}

/* Product description */
body.theme-raed .product__description {
  max-height: 520px !important;
  overflow: auto !important;
  margin: 18px 0 !important;
  padding: 18px 20px !important;
  border-radius: 20px !important;
  color: #d8d8d8 !important;
  background: rgba(0, 0, 0, 0.24) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.theme-raed .product__description article,
body.theme-raed .product__description p,
body.theme-raed .product__description span,
body.theme-raed .product__description li {
  color: #d8d8d8 !important;
  font-size: 15px !important;
  line-height: 2 !important;
}

body.theme-raed .product__description b,
body.theme-raed .product__description strong {
  color: #fff !important;
}

/* Product form */
body.theme-raed .product-form {
  margin-top: 16px !important;
}

body.theme-raed .container--product-details .product-form section.bg-white,
body.theme-raed .container--product-details .product-form .sticky-product-bar.bg-white,
body.theme-raed .container--product-details .product-form section.sticky-product-bar {
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03)) !important;
  border: 1px solid rgba(229, 9, 20, 0.24) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.35) !important;
}

body.theme-raed .container--product-details .product-form section.bg-white {
  border-radius: 20px 20px 0 0 !important;
}

body.theme-raed .container--product-details .product-form .sticky-product-bar {
  border-radius: 0 0 20px 20px !important;
  border-top: 0 !important;
}

body.theme-raed .product-form .form-label,
body.theme-raed .product-form .form-label b {
  color: #fff !important;
  font-weight: 900 !important;
}

/* Quantity */
body.theme-raed .container--product-details salla-quantity-input,
body.theme-raed .container--product-details .s-quantity-input-container {
  background: #0f0f10 !important;
  border: 1px solid rgba(229, 9, 20, 0.26) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

body.theme-raed .container--product-details .s-quantity-input-input {
  background: transparent !important;
  color: #fff !important;
  font-weight: 900 !important;
  border: 0 !important;
}

body.theme-raed .container--product-details .s-quantity-input-button {
  background: rgba(229, 9, 20, 0.14) !important;
  color: #fff !important;
  border: 0 !important;
}

body.theme-raed .container--product-details .s-quantity-input-button:hover {
  background: rgba(229, 9, 20, 0.28) !important;
}

body.theme-raed .container--product-details .s-quantity-input-button svg path {
  fill: #fff !important;
}

/* Add to cart */
body.theme-raed .container--product-details salla-add-product-button .s-button-element,
body.theme-raed .container--product-details .s-add-product-button-main .s-button-element,
body.theme-raed .container--product-details .product-form .s-button-primary {
  min-height: 52px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--bs-red), #8b0007) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  box-shadow:
    0 0 28px rgba(229, 9, 20, 0.34),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  transition: 0.22s ease !important;
}

body.theme-raed .container--product-details salla-add-product-button .s-button-element:hover,
body.theme-raed .container--product-details .s-add-product-button-main .s-button-element:hover,
body.theme-raed .container--product-details .product-form .s-button-primary:hover {
  background: linear-gradient(135deg, var(--bs-red-hover), var(--bs-red)) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 38px rgba(229, 9, 20, 0.55) !important;
}

/* Share / wishlist */
body.theme-raed .container--product-details .s-social-share-btn .s-button-element,
body.theme-raed .container--product-details .btn--wishlist .s-button-element {
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(229, 9, 20, 0.28) !important;
  color: #fff !important;
  border-radius: 999px !important;
}

body.theme-raed .container--product-details .s-social-share-btn .s-button-element:hover,
body.theme-raed .container--product-details .btn--wishlist .s-button-element:hover {
  background: rgba(229, 9, 20, 0.15) !important;
  box-shadow: 0 0 22px rgba(229, 9, 20, 0.28) !important;
}

/* Installment / quick order */
body.theme-raed .container--product-details salla-installment,
body.theme-raed .container--product-details salla-cashback-banner,
body.theme-raed .container--product-details salla-quick-order {
  display: block !important;
  margin-top: 14px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(229, 9, 20, 0.18) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Reviews */
body.theme-raed salla-comments {
  display: block !important;
  margin: 0 auto !important;
}

body.theme-raed .s-comments {
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.02)) !important;
  border: 1px solid rgba(229, 9, 20, 0.20) !important;
  border-radius: 24px !important;
  padding: 22px !important;
  box-shadow: 0 20px 55px rgba(0,0,0,0.40) !important;
}

/* Related products */
body.theme-raed .s-products-slider-wrapper {
  background:
    radial-gradient(circle at 15% 0%, rgba(229, 9, 20, 0.10), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015)) !important;
  border: 1px solid rgba(229, 9, 20, 0.18) !important;
  border-radius: 24px !important;
  padding: 22px !important;
  box-shadow: 0 20px 55px rgba(0,0,0,0.38) !important;
}

body.theme-raed .s-slider-block__title h2 {
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 900 !important;
}

body.theme-raed .s-slider-block__title h2::before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 3px;
  margin-left: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--bs-red), transparent);
  box-shadow: 0 0 14px rgba(229, 9, 20, 0.75);
}

/* Slider arrows */
body.theme-raed .s-slider-nav-arrow {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(229,9,20,0.28) !important;
  color: #fff !important;
  border-radius: 999px !important;
}

body.theme-raed .s-slider-nav-arrow:hover {
  background: rgba(229,9,20,0.16) !important;
  box-shadow: 0 0 22px rgba(229,9,20,0.25) !important;
}

body.theme-raed .s-slider-nav-arrow svg path {
  fill: #fff !important;
}

/* ===============================
   07) Footer - Final
================================ */

body.theme-raed footer.store-footer,
body.theme-raed .store-footer {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(229, 9, 20, 0.22), transparent 28%),
    radial-gradient(circle at 82% 100%, rgba(229, 9, 20, 0.13), transparent 32%),
    linear-gradient(180deg, #050505 0%, #0a0a0a 48%, #050505 100%) !important;
  color: #fff !important;
  border-top: 1px solid rgba(229, 9, 20, 0.35) !important;
  box-shadow: 0 -22px 65px rgba(0, 0, 0, 0.68) !important;
}

body.theme-raed footer.store-footer::before,
body.theme-raed .store-footer::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(229, 9, 20, 0.98), transparent) !important;
  box-shadow: 0 0 24px rgba(229, 9, 20, 0.9) !important;
  z-index: 2 !important;
}

body.theme-raed footer.store-footer::after,
body.theme-raed .store-footer::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px) !important;
  background-size: 42px 42px !important;
  opacity: 0.28 !important;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,0.9), transparent 88%) !important;
  z-index: 1 !important;
}

body.theme-raed .store-footer__inner {
  position: relative !important;
  z-index: 3 !important;
  padding: 56px 0 28px !important;
  background: transparent !important;
}

/* Hide empty apps area */
body.theme-raed .store-footer__inner salla-apps-icons,
body.theme-raed .store-footer__inner salla-apps-icons:empty {
  display: none !important;
}

/* Footer grid */
body.theme-raed .store-footer__inner .container {
  max-width: 1180px !important;
  width: 100% !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: 1.45fr 0.9fr 0.85fr !important;
  gap: 22px !important;
  align-items: stretch !important;
}

body.theme-raed .store-footer__inner .container > div {
  position: relative !important;
  grid-column: auto !important;
  padding: 24px !important;
  margin: 0 !important;
  min-height: auto !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.065), rgba(255,255,255,0.025)) !important;
  border: 1px solid rgba(229, 9, 20, 0.24) !important;
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

body.theme-raed .store-footer__inner .container > div::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 85% 10%, rgba(229,9,20,0.15), transparent 34%),
    linear-gradient(135deg, rgba(229,9,20,0.06), transparent 48%) !important;
  z-index: 1 !important;
}

body.theme-raed .store-footer__inner .container > div:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(229, 9, 20, 0.55) !important;
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.6),
    0 0 34px rgba(229, 9, 20, 0.24) !important;
}

body.theme-raed .store-footer__inner .container > div > * {
  position: relative !important;
  z-index: 2 !important;
}

/* Footer titles */
body.theme-raed .store-footer h3,
body.theme-raed .store-footer .s-contacts-title {
  color: #fff !important;
  font-size: 20px !important;
  line-height: 1.45 !important;
  font-weight: 900 !important;
  margin: 0 0 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.theme-raed .store-footer h3::before,
body.theme-raed .store-footer .s-contacts-title::before {
  content: "" !important;
  width: 34px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--bs-red), transparent) !important;
  box-shadow: 0 0 14px rgba(229, 9, 20, 0.75) !important;
  flex-shrink: 0 !important;
}

body.theme-raed .store-footer .max-w-sm,
body.theme-raed .store-footer .leading-6 {
  color: var(--bs-muted) !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  max-width: 100% !important;
  margin-bottom: 18px !important;
}

/* Footer links */
body.theme-raed .store-footer .s-menu-footer-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 11px !important;
}

body.theme-raed .store-footer .s-menu-footer-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  color: #f2f2f2 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  transition: 0.22s ease !important;
}

body.theme-raed .store-footer .s-menu-footer-item::before {
  content: "‹" !important;
  color: var(--bs-red) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  text-shadow: 0 0 12px rgba(229, 9, 20, 0.8) !important;
  flex-shrink: 0 !important;
}

body.theme-raed .store-footer .s-menu-footer-item:hover {
  color: #fff !important;
  background: rgba(229, 9, 20, 0.13) !important;
  border-color: rgba(229, 9, 20, 0.5) !important;
  transform: translateX(-4px) !important;
  box-shadow: 0 0 22px rgba(229, 9, 20, 0.2) !important;
}

/* Footer contact */
body.theme-raed .store-footer .s-contacts-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

body.theme-raed .store-footer .s-contacts-item {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(229, 9, 20, 0.24) !important;
  color: #fff !important;
  text-decoration: none !important;
  transition: 0.22s ease !important;
}

body.theme-raed .store-footer .s-contacts-item:hover {
  background: rgba(229, 9, 20, 0.13) !important;
  border-color: rgba(229, 9, 20, 0.55) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 24px rgba(229, 9, 20, 0.22) !important;
}

body.theme-raed .store-footer .s-contacts-icon {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, var(--bs-red), var(--bs-red-dark)) !important;
  box-shadow: 0 0 24px rgba(229, 9, 20, 0.45) !important;
}

body.theme-raed .store-footer .s-contacts-icon svg,
body.theme-raed .store-footer .s-contacts-icon svg path {
  fill: #fff !important;
}

body.theme-raed .store-footer .unicode {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
  display: inline-block !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

/* Trust badge */
body.theme-raed .store-footer .s-trust-badges-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.07), rgba(255,255,255,0.035)) !important;
  border: 1px solid rgba(229, 9, 20, 0.34) !important;
  box-shadow: 0 0 26px rgba(229, 9, 20, 0.16) !important;
  transition: 0.24s ease !important;
}

body.theme-raed .store-footer .s-trust-badges-wrapper:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(229, 9, 20, 0.65) !important;
  box-shadow: 0 0 34px rgba(229, 9, 20, 0.32) !important;
}

body.theme-raed .store-footer .s-trust-badges-image {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  object-fit: contain !important;
  background: #fff !important;
  border-radius: 14px !important;
  padding: 7px !important;
}

body.theme-raed .store-footer .s-trust-badges-label {
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  margin: 0 !important;
}

body.theme-raed .store-footer .s-trust-badges-number {
  color: var(--bs-red) !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  direction: ltr !important;
  text-shadow: 0 0 12px rgba(229, 9, 20, 0.55) !important;
}

/* Footer bottom */
body.theme-raed .store-footer > .container {
  position: relative !important;
  z-index: 4 !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  margin-top: 26px !important;
  padding: 18px 0 !important;
  border-top: 1px dashed rgba(255, 255, 255, 0.22) !important;
  color: #aaa !important;
  background: transparent !important;
}

body.theme-raed .store-footer .copyright-text,
body.theme-raed .store-footer .copyright-text p,
body.theme-raed .store-footer .text-gray-400 {
  color: #aaa !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

body.theme-raed .store-footer .copyright-text a {
  color: #fff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(229, 9, 20, 0.8) !important;
}

body.theme-raed .store-footer salla-payments img,
body.theme-raed .store-footer .s-payments-list img {
  border-radius: 10px !important;
  background: #fff !important;
  padding: 3px !important;
}

/* ===============================
   08) Inputs / Buttons Scoped
================================ */

body.theme-raed input,
body.theme-raed select,
body.theme-raed textarea {
  background: #111113 !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
}

body.theme-raed input:focus,
body.theme-raed select:focus,
body.theme-raed textarea:focus {
  border-color: rgba(229, 9, 20, 0.65) !important;
  box-shadow: 0 0 0 3px rgba(229, 9, 20, 0.16) !important;
  outline: none !important;
}

body.theme-raed input::placeholder,
body.theme-raed textarea::placeholder {
  color: #8f8f8f !important;
}

/* ===============================
   09) Responsive
================================ */

@media (max-width: 1024px) {
  body.theme-raed #mainnav,
  body.theme-raed #mainnav.main-nav-container {
    min-height: 68px !important;
  }

  body.theme-raed .navbar-brand {
    margin-inline-end: 12px !important;
  }

  body.theme-raed .navbar-brand img {
    max-height: 46px !important;
  }

  body.theme-raed .store-footer__inner {
    padding: 44px 0 24px !important;
  }

  body.theme-raed .store-footer__inner .container {
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
    padding-inline: 16px !important;
  }

  body.theme-raed .store-footer__inner .container > div:first-child {
    grid-column: 1 / -1 !important;
  }

  body.theme-raed .container--product-details > .flex {
    gap: 20px !important;
  }
}

@media (max-width: 768px) {
  body.theme-raed .store-header {
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  body.theme-raed #mainnav,
  body.theme-raed #mainnav.main-nav-container {
    min-height: 62px !important;
  }

  body.theme-raed #mainnav .container {
    padding-inline: 12px !important;
  }

  body.theme-raed .navbar-brand img {
    max-height: 40px !important;
  }

  body.theme-raed salla-cart-summary,
  body.theme-raed salla-user-menu,
  body.theme-raed .mburger {
    min-width: 38px !important;
    min-height: 38px !important;
    width: 38px !important;
    height: 38px !important;
  }

  body.theme-raed .s-block:not(.s-block--bundle-hero-slider) {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  body.theme-raed .container--product-details > .flex {
    gap: 18px !important;
  }

  body.theme-raed .container--product-details .sidebar,
  body.theme-raed .container--product-details .main-content {
    width: 100% !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  body.theme-raed .container--product-details h1 {
    font-size: 22px !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
  }

  body.theme-raed .product-entry__sub-title {
    width: 100% !important;
    font-size: 13px !important;
  }

  body.theme-raed .product__description {
    max-height: none !important;
    padding: 16px !important;
  }

  body.theme-raed .product__description article,
  body.theme-raed .product__description p {
    font-size: 14px !important;
    line-height: 1.9 !important;
  }

  body.theme-raed .container--product-details .product-form section.bg-white,
  body.theme-raed .container--product-details .product-form .sticky-product-bar {
    padding: 16px !important;
  }

  body.theme-raed .container--product-details salla-add-product-button .s-button-element,
  body.theme-raed .container--product-details .s-add-product-button-main .s-button-element {
    min-height: 50px !important;
    font-size: 15px !important;
  }

  body.theme-raed .s-breadcrumb-wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
  }

  body.theme-raed .s-products-slider-wrapper {
    padding: 16px !important;
    border-radius: 20px !important;
  }

  body.theme-raed .s-slider-block__title h2 {
    font-size: 20px !important;
  }

  body.theme-raed .store-footer__inner {
    padding: 34px 12px 22px !important;
  }

  body.theme-raed .store-footer__inner .container {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding-inline: 0 !important;
  }

  body.theme-raed .store-footer__inner .container > div {
    padding: 20px !important;
    border-radius: 18px !important;
    text-align: center !important;
  }

  body.theme-raed .store-footer h3,
  body.theme-raed .store-footer .s-contacts-title {
    justify-content: center !important;
    font-size: 18px !important;
  }

  body.theme-raed .store-footer .s-menu-footer-item {
    justify-content: center !important;
    text-align: center !important;
    padding: 12px !important;
  }

  body.theme-raed .store-footer .s-menu-footer-item::before {
    display: none !important;
  }

  body.theme-raed .store-footer .s-contacts-item {
    justify-content: center !important;
    flex-direction: column !important;
    gap: 9px !important;
  }

  body.theme-raed .store-footer .s-trust-badges-wrapper {
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.theme-raed .store-footer > .container {
    margin-inline: 12px !important;
    margin-top: 18px !important;
    padding: 16px 0 !important;
    text-align: center !important;
  }
}

/* ===============================
   10) Motion Safety
================================ */

@media (prefers-reduced-motion: reduce) {
  body.theme-raed *,
  body.theme-raed *::before,
  body.theme-raed *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}