/* =========================================================
   VEXA PLUS — SALLA THEME
   ========================================================= */

:root{
  --main-color:#a820ff;
  --second-color:#00e5ff;
  --third-color:#ffffff;

  --vexa-bg:#0d0b16;
  --vexa-bg-2:#0a0811;
  --vexa-card:#131019;
  --vexa-panel:#15111f;
  --vexa-line:rgba(168,32,255,.22);
  --vexa-text:#cdcbdd;
  --vexa-muted:#8d8aa4;
  --vexa-purple:#a820ff;
  --vexa-cyan:#00e5ff;

  --color-primary:#a820ff;
  --color-primary-dark:#8a10d8;
  --color-primary-light:#c46bff;
  --color-primary-reverse:#ffffff;

  --vexa-logo:url("https://cdn.salla.sa/VqKbmm/e7l8kZtuxBAW3lAtJeiJOY8P3gOKVYXty7lAgui8.webp");

  --swal2-background:#15111f;
  --swal2-color:#ffffff;
  --swal2-input-border:1px solid rgba(168,32,255,.35);
  --swal2-validation-message-background:#1c1528;
  --swal2-validation-message-color:#cdcbdd;
  --swal2-footer-border-color:rgba(168,32,255,.25);
  --swal2-close-button-color:#c084fc;
}


/* =========================================================
   الخلفية — طبقة واحدة ثابتة
   ========================================================= */

html,body{background:var(--vexa-bg)!important;color:#fff!important}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 16%,rgba(168,32,255,.11),transparent 30%),
    radial-gradient(circle at 88% 32%,rgba(0,229,255,.065),transparent 30%),
    linear-gradient(180deg,#0d0b16 0%,#0a0811 48%,#100c1b 100%);
}

#app,.app-inner,main,main.main-content,.page-wrapper,.content,.bg-inherit,
.s-block,.s-products-list-wrapper,.s-products-slider-card,
.container,.container-fluid{background:transparent!important}


/* =========================================================
   إبادة الخلفيات البيضاء
   ========================================================= */

[class*="bg-white"],.bg-gray-50,.bg-gray-100,.bg-gray-200,
.bg-slate-50,.bg-slate-100,.bg-neutral-50,.bg-neutral-100{
  background-color:transparent!important;
}

.s-add-product-toast,
.s-basket-gap-entry,
.s-cart-summary-card,
.s-cart-summary-card-bar,
.s-cart-summary-card--mobile,
.s-cart-summary-card--desktop,
.sub-menu,
.s-modal,.s-modal-content,.s-modal-wrapper,.s-modal-body,.s-modal-header,
.s-login-modal,.s-login-modal-header,.s-search-modal,.s-offer-modal,
.s-quick-order,.s-quick-buy,
.s-dropdown-menu,.s-menu-dropdown,
.swal2-popup,.swal2-modal,
.s-trust-badges-wrapper,
.s-placeholder-wrapper,
.no-content-placeholder,
.s-products-list-placeholder{
  background:var(--vexa-panel)!important;
  background-color:var(--vexa-panel)!important;
  color:#fff!important;
  border-color:var(--vexa-line)!important;
  box-shadow:0 18px 40px -24px #000!important;
}

.s-add-product-toast a,
.s-basket-gap-entry a,
.sub-menu a{color:#fff!important}
.sub-menu a:hover{color:var(--vexa-cyan)!important;background:transparent!important}

.text-black,.text-gray-900,.text-gray-800,.text-gray-700,
.text-slate-900,.text-slate-800,.text-neutral-900{color:#fff!important}
.text-gray-600,.text-gray-500,.text-gray-400{color:var(--vexa-muted)!important}

.s-skeleton-item{background:#221b30!important}

hr,.border-gray-100,.border-gray-200,.border-gray-300,
.divide-gray-100>*,.divide-gray-200>*{
  border-color:rgba(168,32,255,.20)!important;
}


/* =========================================================
   الهيدر
   ========================================================= */

.store-header,.top-navbar,.main-nav-container,
.store-header .main-nav-container{
  background:var(--vexa-bg-2)!important;
  color:#fff!important;
  box-shadow:none!important;
}

header.store-header::before{content:none!important;display:none!important}

.navbar-brand img{
  height:80px!important;
  max-height:80px!important;
  width:auto!important;
  max-width:none!important;
  object-fit:contain!important;
}

.main-menu li.root-level>a,
.topnav-link-item,
.s-contacts-topnav-link,
.s-cart-summary-total{color:#fff!important}

.main-menu li.root-level>a:hover,
.topnav-link-item:hover,
.s-contacts-topnav-link:hover{color:var(--vexa-cyan)!important}

[class^="sicon-"],[class*=" sicon-"],
.header-btn__icon.icon{color:var(--vexa-purple)!important}

.s-cart-summary-count{background:var(--vexa-cyan)!important;color:#08070c!important}

.s-search-input{
  background:var(--vexa-card)!important;
  color:#fff!important;
  border-color:rgba(168,32,255,.25)!important;
}


/* =========================================================
   القائمة الجانبية — على كل العروض
   ========================================================= */

.mm-ocd__backdrop{background:rgba(4,3,10,.78)!important}

#mobile-menu{
  box-sizing:border-box!important;
  max-width:100vw!important;
  background:linear-gradient(180deg,#0f0a1c,#08060f 55%,#0b0814)!important;
  border-inline-start:1px solid rgba(168,32,255,.32)!important;
}

@media(min-width:1024px){
  #mobile-menu{max-width:400px!important}
}

#mobile-menu.mm-spn--navbar::after{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(90deg,#a820ff,#c084fc,#00e5ff)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  font-size:15px!important;
  font-weight:900!important;
  border-bottom:1px solid rgba(168,32,255,.30)!important;
}

#mobile-menu ul.main-menu{
  padding:0!important;margin:0!important;
  list-style:none!important;max-width:100%!important;
}
#mobile-menu li{max-width:100%!important;box-sizing:border-box!important;border:0!important}

#mobile-menu,#mobile-menu a,#mobile-menu span,
#mobile-menu .mm-listitem__text{color:#fff!important}

#mobile-menu li>a{
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  width:auto!important;max-width:100%!important;
  margin:8px 12px!important;
  padding:14px 16px!important;
  padding-inline-start:44px!important;
  border-radius:15px!important;
  color:#fff!important;
  font-size:15px!important;font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:linear-gradient(180deg,rgba(21,17,32,.92),rgba(10,8,17,.96))!important;
  border:1px solid rgba(168,32,255,.20)!important;
  transition:transform .25s,border-color .25s,background .25s;
}

#mobile-menu li>a::after{
  content:""!important;
  position:absolute!important;
  top:50%;inset-inline-start:18px;
  width:8px;height:8px;margin-top:-5px;
  border-left:2px solid var(--vexa-purple);
  border-bottom:2px solid var(--vexa-purple);
  transform:rotate(45deg);
  transition:border-color .25s;
}

#mobile-menu li>a:hover,
#mobile-menu li>a:active{
  transform:translateX(-3px);
  border-color:rgba(168,32,255,.72)!important;
  background:linear-gradient(180deg,rgba(35,17,60,.95),rgba(12,9,22,.97))!important;
}
#mobile-menu li>a:hover::after{border-color:var(--vexa-cyan)}

#mobile-menu ul.main-menu::after{
  content:"";display:block;
  width:180px;height:82px;
  margin:30px auto 24px;
  background-image:var(--vexa-logo);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

.btn--close.close-mobile-menu,
.btn--close-sm.close-mobile-menu{
  width:38px!important;height:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  background:rgba(168,32,255,.16)!important;
  border:1px solid rgba(168,32,255,.55)!important;
  transition:transform .25s,background .25s;
}
.btn--close.close-mobile-menu:hover{
  transform:rotate(90deg);
  background:rgba(0,229,255,.18)!important;
}


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

.s-slider-block__title h2,
.s-block__title h2{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(90deg,#a820ff,#c084fc 30%,#00e5ff 65%,#67e8f9)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-shadow:none!important;
}

.s-slider-block__display-all{color:#c084fc!important}
.s-slider-block__display-all:hover{color:#67e8f9!important}


/* =========================================================
   بطاقات المنتجات
   ========================================================= */

.s-product-card-entry,
.s-product-card-vertical{
  background:linear-gradient(155deg,#131019,#0b0912)!important;
  border:1px solid rgba(168,32,255,.24)!important;
  color:#fff!important;
}

.s-product-card-content{
  display:flex;flex-direction:column;align-items:center;
  padding:.75rem;
  background:transparent!important;
}

.s-product-card-content::before{
  content:"";
  display:block;
  width:96px;height:44px;
  flex:0 0 auto;
  margin:0 auto 8px;
  background-image:var(--vexa-logo);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

.s-product-card-image{background:var(--vexa-card)!important}
.s-product-card-image img{opacity:1!important;visibility:visible!important;background:transparent!important}

.s-product-card-content-title a{
  display:block;color:#fff!important;
  text-align:center;font-weight:700;
}
.s-product-card-content-title a:hover{color:#67e8f9!important}

.s-product-card-price,
.s-product-card-sale-price,
.s-product-card-sale-price h4{
  color:var(--vexa-cyan)!important;
  font-size:1.2rem!important;
  line-height:1.2!important;
}
span.text-gray-500.line-through{color:var(--vexa-muted)!important}

.btn--wishlist,button.btn--wishlist{color:#c084fc!important}

.s-products-list-placeholder span svg{fill:#615e77!important}


/* =========================================================
   زر الإضافة للسلة — إطار نيون ثابت
   ========================================================= */

.s-button-wide,
.s-button-primary-outline,
.s-fast-checkout-button.outline{
  position:relative!important;
  color:#fff!important;
  background:transparent!important;
  border-color:transparent!important;
}

.s-button-wide{width:100%;border-radius:40px 10px}

.s-button-wide::before,
.s-button-primary-outline::before,
.s-fast-checkout-button.outline::before{
  content:"";
  position:absolute;inset:0;
  border-radius:inherit;
  padding:2px;
  pointer-events:none;
  background:linear-gradient(115deg,#a820ff,#c084fc 32%,#00e5ff 68%,#a820ff);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}

.s-button-wide i,.s-button-wide svg,
.s-button-primary-outline i,.s-button-primary-outline svg{color:var(--vexa-purple)!important}
.s-button-wide:hover i,.s-button-wide:hover svg{color:var(--vexa-cyan)!important}


/* =========================================================
   نصوص عامة
   ========================================================= */

main h1,main h1 *,main .text-xl,main .text-xl *,
.product__title,.product__title h1,.product__title h2,
.product-form label,.product-form .font-bold{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.product__description,.product__description p,.product__description li,.px-5{
  color:var(--vexa-text)!important;
}
.product__description a{color:#67e8f9!important}

.s-breadcrumb-item{color:var(--vexa-text)!important}
.s-breadcrumb-item:hover{color:var(--vexa-cyan)!important}
.s-breadcrumb-arrow svg{fill:var(--vexa-purple)!important}


/* =========================================================
   الحقول والمميزات
   ========================================================= */

input,textarea,select,
input.s-tel-input-control{
  background:var(--vexa-card)!important;
  color:#fff!important;
  border-color:rgba(168,32,255,.35)!important;
}
input::placeholder,textarea::placeholder{color:var(--vexa-muted)!important}

.s-modal-title,label.s-login-modal-label,
.iti__selected-dial-code,a.s-login-modal-link{color:#fff!important}
.iti__country-list,.iti__country{background:var(--vexa-panel)!important;color:#fff!important}

.s-block--features__item .feature-icon{
  background:var(--vexa-card)!important;
  border:1px solid var(--vexa-line)!important;
}
.s-block--features__item .feature-icon i{color:var(--vexa-cyan)!important}
.s-block--features__item h2{color:#fff!important}
.s-block--features__item p{color:var(--vexa-muted)!important}


/* =========================================================
   الفوتر
   ========================================================= */

.store-footer{
  position:relative;
  background:linear-gradient(180deg,#0c0916,#08060f 60%,#09070f)!important;
  color:var(--vexa-text)!important;
}
.store-footer::before{
  content:"";position:absolute;top:0;inset-inline:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,229,255,.5),rgba(168,32,255,.75),rgba(0,229,255,.5),transparent);
}

.store-footer__inner{
  position:relative;
  background:linear-gradient(160deg,rgba(20,16,32,.92),rgba(8,7,14,.95))!important;
  border:1px solid rgba(168,32,255,.20)!important;
  border-radius:22px!important;
  overflow:hidden;
}

.store-footer .store-footer__inner::before{
  content:"";display:block;
  width:210px;height:96px;
  margin:4px auto 20px;
  background-image:var(--vexa-logo);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

.store-footer__inner>.container.grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:26px!important;
  align-items:start!important;
}
.store-footer__inner>.container.grid>*{grid-column:auto!important;padding-inline:0!important}

.store-footer h3{
  position:relative;display:inline-block;
  color:#fff!important;font-weight:900!important;
  background:transparent!important;
  padding-bottom:10px!important;margin-bottom:14px!important;
}
.store-footer h3::after{
  content:"";position:absolute;inset-inline-start:0;bottom:0;
  width:42px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#a820ff,#00e5ff);
  transition:width .35s;
}
.store-footer h3:hover::after{width:100%}

.store-footer a,.s-menu-footer-item,.s-contacts-item,.copyright-text p{
  color:var(--vexa-text)!important;
}
.store-footer a,.s-menu-footer-item,.s-contacts-item{
  display:inline-block;transition:color .25s,transform .25s;
}
.store-footer a:hover,.s-menu-footer-item:hover,.s-contacts-item:hover{
  color:var(--vexa-cyan)!important;transform:translateX(-4px);
}

.s-contacts-icon{
  color:var(--vexa-cyan)!important;
  border-color:rgba(0,229,255,.45)!important;
  transition:transform .25s,border-color .25s;
}
.s-contacts-item:hover .s-contacts-icon{
  transform:translateY(-3px);
  border-color:rgba(0,229,255,.9)!important;
}

.s-social-link a{color:#c084fc!important;transition:color .25s,transform .25s}
.s-social-link a:hover{color:var(--vexa-cyan)!important;transform:translateY(-3px)}

.store-footer salla-payments img{
  border-radius:9px!important;
  box-shadow:0 0 0 1px rgba(168,32,255,.32)!important;
}

.copyright-text p{color:#7b7891!important;font-size:12.5px!important}

.store-footer::after{
  content:"تنفيذ وتطوير اد فلو"!important;
  display:block!important;width:100%!important;
  margin:14px 0 0!important;
  padding:16px 12px 18px!important;
  text-align:center!important;
  font-size:15px!important;font-weight:900!important;
  letter-spacing:.4px!important;
  color:#fff!important;
  border-top:1px solid rgba(168,32,255,.28)!important;
}


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

@media(max-width:767px){
  .navbar-brand img{height:62px!important;max-height:62px!important}
  .s-product-card-content::before{width:78px;height:36px;margin-bottom:7px}
  .store-footer .store-footer__inner::before{width:168px;height:77px;margin-bottom:18px}
  .store-footer::after{font-size:14px!important;padding:14px 10px 16px!important}
}


/* =========================================================
   تقليل الحركة
   ========================================================= */

@media(prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

/* VEXA footer link spacing fix - 2026-09-16 */
.store-footer .s-menu-footer-item,
.store-footer a[href*="/page-"] {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px;
  margin: 0 0 8px !important;
  padding: 10px 12px !important;
  line-height: 1.8 !important;
  white-space: normal !important;
  overflow-wrap: break-word;
  text-align: start;
}
.store-footer .s-menu-footer-item:hover,
.store-footer a[href*="/page-"]:hover {
  transform: none !important;
}
.store-footer .s-menu-footer-item:focus-visible,
.store-footer a[href*="/page-"]:focus-visible {
  outline: 2px solid var(--vexa-cyan, #00e5ff);
  outline-offset: -2px;
}
/* VEXA: consistent mobile navigation controls — 2026-09-21 */
@media(max-width:1023px){
#mobile-menu.mm-spn li>a,#mobile-menu.mm-spn li>span{position:relative!important;display:block!important;box-sizing:border-box!important;width:auto!important;max-width:100%!important;min-height:54px!important;margin:8px 12px!important;padding:14px 16px!important;padding-inline-start:40px!important;border-radius:14px!important;background:linear-gradient(135deg,#211330,#101426)!important;border:1px solid #9762bc!important;color:#fff!important;font-size:14px!important;font-weight:800!important;line-height:1.8!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;cursor:pointer;transition:background .2s,border-color .2s}
#mobile-menu.mm-spn li>a::after,#mobile-menu.mm-spn li>span::after{content:""!important;position:absolute!important;top:50%!important;inset-inline-start:18px!important;width:8px!important;height:8px!important;margin-top:-4px!important;border:0!important;border-left:2px solid #75eaff!important;border-bottom:2px solid #75eaff!important;transform:rotate(45deg)!important;opacity:1!important}
#mobile-menu.mm-spn li::before,#mobile-menu.mm-spn li::after{display:none!important}
#mobile-menu.mm-spn li>a:hover,#mobile-menu.mm-spn li>span:hover,#mobile-menu.mm-spn li>a:active,#mobile-menu.mm-spn li>span:active{background:#302044!important;border-color:#75eaff!important;transform:none!important}
#mobile-menu.mm-spn li>a:focus-visible{outline:2px solid #75eaff!important;outline-offset:2px!important}
}

/* VEXA: desktop menu layout and contrast */
@media(min-width:1024px){#mobile-menu{max-width:none!important;background:transparent!important;border:0!important}#mobile-menu ul.main-menu::after{display:none!important}#mobile-menu .close-mobile-menu{display:none!important}#mobile-menu li>a{margin:4px!important;padding:10px 12px!important;padding-inline-start:26px!important;font-size:12px!important;line-height:1.6!important;border-color:#765094!important;background:linear-gradient(135deg,#211330,#101426)!important}#mobile-menu li>a::after{inset-inline-start:10px!important;border-color:#75eaff!important}#mobile-menu li>a:hover,#mobile-menu li>a:focus-visible{border-color:#75eaff!important;color:#fff!important}}

/* VEXA: purchase bar readability fix, 2026-09-22 */
body.product-single section.sticky-product-bar {
  background: #100d1c !important;
  border-top: 1px solid #57416e !important;
  box-shadow: 0 -6px 24px rgba(0,0,0,.35) !important;
  color: #fff !important;
}
body.product-single .sticky-product-bar .s-quantity-input-container {
  background: #191326 !important;
}
body.product-single .sticky-product-bar .s-quantity-input-input,
body.product-single .sticky-product-bar .s-quantity-input-button {
  color: #fff !important;
}
body.product-single .sticky-product-bar .s-add-product-button-main .s-button-element {
  background: #7928ca !important;
  border-color: #b16aff !important;
  color: #fff !important;
}
body.product-single .sticky-product-bar .s-add-product-button-mini-checkout-content {
  background: #21182f !important;
  color: #fff !important;
  border: 1px solid #b16aff !important;
  border-radius: 8px;
}
body.product-single .sticky-product-bar .s-button-text,
body.product-single .sticky-product-bar .s-add-product-button-mini-checkout-content span {
  color: #fff !important;
}
@media (max-width: 767px) {
  body.product-single.is-sticky-product-bar {
    padding-bottom: calc(160px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.product-single.is-sticky-product-bar section.sticky-product-bar {
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

body.product-single .sticky-product-bar .s-quantity-input-input { background: #191326 !important; }
body.product-single .sticky-product-bar .form-label { color: #fff !important; }

body.product-single .sticky-product-bar .s-button-element svg,
body.product-single .sticky-product-bar .s-button-element i { color: #fff !important; fill: currentColor !important; }
body.product-single .sticky-product-bar .s-button-element .s-button-text { position: relative; z-index: 1; }

/* VEXA: native testimonials and product reviews, 2026-09-22 */
.s-reviews-container .s-reviews-testimonial {
  background:linear-gradient(135deg,#1c142b 0%,#111522 100%) !important;
  border:1px solid #51336e !important;
  border-radius:20px !important;
  box-shadow:0 12px 32px rgba(0,0,0,.2) !important;
  color:#f5f3ff !important;
  padding:30px !important;
  height:auto !important;
  min-height:148px;
}
.s-reviews-container .s-reviews-testimonial__inner { align-items:center !important; gap:22px; width:100%; }
.s-reviews-container .s-reviews-testimonial__avatar { flex-shrink:0; margin:0 !important; }
.s-reviews-container .s-reviews-testimonial__avatar img { border-radius:50% !important; border:2px solid #67418b; background:#251c35 !important; padding:5px; }
.s-reviews-container .s-reviews-testimonial__text { flex:1; min-width:0; margin:0 !important; }
.s-reviews-container .s-reviews-testimonial__text p { color:#d8d3e6 !important; line-height:1.9; }
.s-reviews-container .s-reviews-testimonial__text p:empty { display:none; }
.s-reviews-container .s-reviews-testimonial__name_wrapper { flex-direction:column !important; align-items:flex-start !important; gap:10px; margin:0 !important; }
.s-reviews-container .s-reviews-testimonial__info h2 { color:#f5f3ff !important; font-size:17px; line-height:1.6; }
.s-reviews-container .s-reviews-testimonial__icon { color:#b875ef !important; opacity:.45; }
.s-reviews-container .s-slider-nav-arrow { background:#1b1428 !important; color:#d8b4fe !important; border:1px solid #67418b !important; }
.s-reviews-container .s-slider-nav-arrow.swiper-button-lock { display:none !important; }
.s-reviews-container .s-slider-nav-arrow:focus-visible { outline:2px solid #00e5ff; outline-offset:3px; }
.s-comments.s-comments-product { background:#100d1b !important; border-block:1px solid #352443; color:#f5f3ff !important; }
.s-comments-product .s-comments-container { padding-top:32px !important; padding-bottom:32px !important; }
.s-comments-product .s-comments-title,
.s-comments-product .s-comments-count-label,
.s-comments-product .s-reviews-summary-count,
.s-comments-product .s-comments-item-user-info-name-with-margin { color:#f5f3ff !important; }
.s-comments-product .s-reviews-summary-recommendation-percentage { color:#46deee !important; }
.s-comments-product .s-comments-filter-label,
.s-comments-product .s-comments-item-has-order-check-text,
.s-comments-product .s-comments-item-timestamp { color:#bab3ce !important; }
.s-comments-product .s-comments-header { gap:16px; flex-wrap:wrap; }
.s-comments-product .s-comments-sort-input { background:#21182f !important; color:#f5f3ff !important; border:1px solid #67418b !important; border-radius:10px !important; }
.s-comments-product .s-comments-item { display:block; padding:24px !important; margin-top:20px; border:1px solid #49305f !important; border-radius:18px; background:linear-gradient(135deg,#1c142b,#111522) !important; }
.s-comments-product .s-comments-item-avatar-img { background:#251c35 !important; border:1px solid #67418b; padding:3px; }
.s-comments-product .s-comments-item-content { color:#ded9ea !important; line-height:1.9; }
.s-comments-product .s-comments-item-content p:empty { display:none; }
@media(max-width:640px) {
  .s-reviews-container .s-reviews-testimonial { padding:22px 18px !important; border-radius:16px !important; }
  .s-reviews-container .s-reviews-testimonial__inner { gap:14px; }
  .s-reviews-container .s-reviews-testimonial__avatar { width:56px !important; height:56px !important; }
  .s-reviews-container .s-reviews-testimonial__avatar img { width:56px !important; height:56px !important; }
  .s-reviews-container .s-reviews-testimonial__info h2 { font-size:15px; overflow-wrap:anywhere; }
  .s-comments-product .s-comments-item { padding:18px 14px !important; }
  .s-comments-product .s-comments-item-user-wrapper { flex-wrap:wrap; gap:8px; }
}
.s-reviews-container .s-reviews-testimonial__info,
.s-reviews-container .s-reviews-testimonial__rating { display:block !important; }
.s-reviews-container .s-reviews-header { color:#f5f3ff !important; }
.s-comments-product .s-comments-sort-input:focus-visible { outline:2px solid #00e5ff; outline-offset:3px; }

@media(max-width:640px) {
 .s-comments-product .s-comments-item-user-info { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:8px; }
 .s-comments-product .s-comments-item-user-info-name-with-margin { margin:0 !important; }
 .s-comments-product .s-comments-item-user-info .s-comments-flex { flex-wrap:wrap; gap:4px; }
 .s-reviews-container .s-reviews-testimonial__icon { display:none !important; }
}