/* ============================================================ 1. إعدادات الخلفية العامة (اللون الغامق #141414) ============================================================ */:root{--home-bg-color:#141414 !important;--home-text-color-primary:#ffffff !important;--home-text-color-secondary:#ffffff !important;--header-text-color-primary-bg:#ffffff !important}body, .main-content, footer, .footer, .container, .section{background-color:#141414 !important;color:#ffffff !important}h1, h2, h3, h4, h5, h6, p, span, a, label, div, li, strong, b, i{color:#ffffff !important}/* ============================================================ 2. الأزرار (Buttons) - (اللون الفاتح #262626) ============================================================ */
.btn-primary, .btn-add-to-cart, .btn-primary-style, button.btn.btn-primary,
button[type="submit"],
.button,
.catigory_txt .button{background-color:#262626 !important;color:#ffffff !important;border:1px solid #333333 !important;border-radius:25px !important;padding:10px 30px !important;font-weight:bold !important;box-shadow:0 4px 10px rgba(0,0,0,0.5) !important;transition:all 0.2s ease !important;cursor:pointer !important}.btn-primary:hover, .btn-add-to-cart:hover, .button:hover{background-color:#333333 !important;transform:translateY(-2px) !important;border-color:#ffffff !important}.btn-outline-primary.btn-lg.btn-block{background-color:transparent !important;border:1px solid #262626 !important;color:#ffffff !important}.btn-outline-primary.btn-lg.btn-block:hover{background-color:#262626 !important;color:#ffffff !important}.slide-menu .xmark{background:#262626 !important;color:#ffffff !important;border-radius:50%}/* ============================================================ 3. العناصر والمدخلات (Selects & Inputs) - (#262626) ============================================================ */
select, .form-control, #product-custom-user-dropdown-fields select,
.select-quantity-div select,
select#product-quantity.select-quantity{background-color:#262626 !important;color:#ffffff !important;border:1px solid #333333 !important;border-radius:8px !important;box-shadow:none !important}/* ============================================================ 4. تحسين نص "متوفر بعدة خيارات" ============================================================ */
small.product_has_options{background-color:#262626 !important;color:#ffffff !important;padding:6px 15px !important;border-radius:6px !important;border:1px solid #333333 !important;display:inline-block !important;font-weight:bold !important;margin-top:5px !important;box-shadow:0 2px 5px rgba(0,0,0,0.3) !important}/* ============================================================ 5. تعديلات الهيرو (Hero Section) ============================================================ */
.hero_section .container{display:none !important}.hero_section{background-size:contain !important;background-repeat:no-repeat !important;background-position:center top !important;width:100% !important;height:0 !important;padding-bottom:56.25% !important;background-color:#141414 !important;margin-top:0 !important}@media (max-width:768px){.hero_section{padding-bottom:60% !important}}/* ============================================================ 6. خيارات المنتج (النكهات) ============================================================ */
#product-variants-options ul li{background-color:#141414 !important;border:1px solid #262626 !important;color:#ffffff !important}#product-variants-options ul li.active{background-color:#262626 !important;border-color:#ffffff !important}#product-variants-options ul li.active span{color:#ffffff !important}/* ============================================================ 7. سلة المشتريات (Cards) - (#262626) ============================================================ */
.cart-product-row-wrapper{background-color:#262626 !important;border:1px solid #333333 !important;border-radius:12px !important;margin-bottom:15px !important;padding:10px !important}.cart-product-col-img{background-color:transparent !important}.cart-product-col-img img{border-radius:6px !important}/* ============================================================ 8. الفوتر الحديث (بالألوان الأصلية) ============================================================ */
.footer-companies, .footer-copyrights-vat-certificate{background-color:#141414 !important;border-top:1px solid #262626 !important;padding-top:25px !important;padding-bottom:25px !important}.logistics-pay-icons{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:15px !important;align-items:center !important}.logistics-pay-icons img{height:24px !important;width:auto !important;filter:none !important;opacity:1 !important;transition:transform 0.3s ease !important;cursor:pointer !important}.logistics-pay-icons img:hover{transform:scale(1.1) !important}.footer-copyrights-vat-certificate .container > div{align-items:center !important}.footer-copyrights, .footer-marketing-link{color:#888888 !important;font-size:12px !important;text-decoration:none !important}.maroof-icon{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;background-color:#262626 !important;padding:5px 15px !important;border-radius:8px !important;border:1px solid #333333 !important}.maroof-icon img{height:30px !important;width:auto !important;margin-bottom:3px !important;filter:none !important}.maroof-icon div{color:#cccccc !important;font-size:11px !important;font-family:monospace !important;letter-spacing:1px !important}@media (max-width:768px){.footer-store-section-bars{gap:20px !important;flex-direction:column-reverse !important;text-align:center !important}.vat-crn-sections{justify-content:center !important;width:100% !important}.d-flex.justify-content-center.align-items-center{width:100% !important}}/* ============================================================ 9. إصلاح الخلفيات الصفراء ============================================================ */
.header-top, .top-bar, .alert, .header-container,
div[style*="background-color:#fff"], div[style*="background-color:#FFF"]{background-color:#141414 !important;color:#ffffff !important;border:none !important}#footerSletter{background-color:#141414 !important;border-top:1px solid #262626 !important}/* ============================================================ 10. إصلاح عنوان قسم التصنيفات ============================================================ */
.catigory_txt h3{color:#ffffff !important;z-index:10 !important}/* ============================================================ 11. إصلاح كروت التصنيفات ============================================================ */
.all_catigories, .swiper-container{position:relative !important}.all_catigories .swiper-slide{height:auto !important;display:flex !important}.col.category_content{background-color:#262626 !important;border:1px solid #333333 !important;border-radius:15px !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;width:100% !important;margin-bottom:10px !important}.catigory_img{height:250px !important;width:100% !important}.catigory_img img{height:100% !important;width:100% !important;object-fit:cover !important}.catigory_txt{padding:15px !important;background-color:#262626 !important;flex-grow:1 !important;border-top:1px solid #333333 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important}.catigory_txt h3{color:#ffffff !important;font-size:16px !important;margin:0 !important;white-space:normal !important;line-height:1.4 !important}.catigory_txt .button{background-color:#262626 !important;color:#ffffff !important;border:1px solid #333333 !important;border-radius:25px !important;box-shadow:0 4px 10px rgba(0,0,0,0.5) !important;flex-shrink:0 !important;min-width:110px !important;height:40px !important;padding:0 15px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:13px !important;font-weight:bold !important;white-space:nowrap !important;margin-top:0 !important}.catigory_txt a{text-decoration:none !important;display:block !important}/* ============================================================ 12. أسهم التنقل في الجوال ============================================================ */
.swiper-button-next, .swiper-button-prev{color:#ffffff !important}@media (max-width:768px){.all_catigories{width:100% !important;padding-left:0 !important;padding-right:0 !important}.catigory_txt h3{font-size:14px !important}.swiper-button-next, .swiper-button-prev{position:absolute !important;top:40% !important;transform:translateY(-50%) !important;margin-top:0 !important;z-index:999 !important;width:45px !important;height:45px !important;background-color:rgba(38, 38, 38, 0.8) !important;border:1px solid rgba(255, 255, 255, 0.3) !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important}.swiper-button-next{left:0px !important;right:auto !important}.swiper-button-prev{right:0px !important;left:auto !important}.swiper-button-next svg, .swiper-button-prev svg{width:22px !important;height:22px !important}}/* ============================================================ 13. الهيدر (جوال ممتاز + ديسك توب متوازي) ============================================================ */ .header, .search-header, .header-theme-bg-primary, .menu-header-theme-bg-primary{background-color:#141414 !important;border-bottom:1px solid #262626 !important}.icons span, .cart-header-total, .riyal-svg, .icon-menu-top span{color:#ffffff !important;transition:color 0.3s ease !important}.search-input-input, .form-control{background-color:#262626 !important;color:#ffffff !important;border:1px solid #333333 !important;border-radius:50px !important;height:45px !important;padding-right:20px !important;box-shadow:none !important}.search-input-input::placeholder{color:#888 !important}.search-input-icon{color:#fff !important;z-index:5 !important}.logo h1{display:none !important}.header-logo, .logo, .logo a{width:auto !important;height:auto !important;max-width:none !important;flex:0 0 auto !important;display:flex !important;align-items:center !important;justify-content:center !important}.logo .image-logo{width:auto !important;object-fit:contain !important;transform:none !important;margin:0 !important}@media (max-width:768px){.search-header-bar{display:flex !important;align-items:center !important;justify-content:space-between !important;height:auto !important;min-height:60px !important;padding:5px 10px !important;position:relative !important}.header-logo{position:static !important;flex-grow:1 !important;justify-content:center !important;margin:0 5px !important}.logo .image-logo{height:45px !important;max-height:50px !important}.icon-menu-top{position:static !important;margin-left:0 !important}}@media (min-width:769px){.main-nav .top-level-link a span{color:#ffffff !important;font-size:16px !important;font-weight:bold !important;padding-bottom:5px !important}.main-nav .top-level-link a:hover span{color:#d6d6d6 !important;border-bottom:2px solid #ffffff !important}.top-main-menu-wrapper{padding-top:15px !important;padding-bottom:15px !important}.logo .image-logo{height:80px !important;max-height:80px !important}.search-header-bar{min-height:100px !important;align-items:center !important}.header-logo{margin-right:20px !important;margin-left:20px !important}}/* ============================================================ 14. إصلاح القوائم المنسدلة ============================================================ */
.sub-menu-block, .mega-menu-content, ul.sub-menu{background-color:#262626 !important;border:1px solid #333333 !important;border-top:2px solid #ffffff !important;box-shadow:0 10px 30px rgba(0,0,0,0.5) !important}.sub-menu-head, .sub-menu-head a{color:#ffffff !important;border-bottom:1px solid #333333 !important}.sub-menu-block a, .sub-menu-block li a{color:#cccccc !important}.sub-menu-block a:hover, .sub-menu-block li a:hover{color:#ffffff !important;padding-right:5px !important}/* ============================================================ 15. إصلاح شبكة الأقسام المتداخلة ============================================================ */
.row.categories-row{display:flex !important;flex-wrap:wrap !important;position:relative !important;height:auto !important;margin-right:-10px !important;margin-left:-10px !important}.col.all-cat-col{position:relative !important;left:auto !important;top:auto !important;display:flex !important;padding:10px !important;flex:0 0 33.333% !important;max-width:33.333% !important}.card-categories-wrapper{background-color:#262626 !important;border-radius:15px !important;overflow:hidden !important;width:100% !important;display:flex !important;flex-direction:column !important;border:1px solid #333333 !important;box-shadow:0 4px 10px rgba(0,0,0,0.3) !important;transition:transform 0.3s ease !important}.card-categories-wrapper:hover{transform:translateY(-5px) !important;box-shadow:0 8px 20px rgba(0,0,0,0.5) !important}.card-categories .content{height:200px !important;overflow:hidden !important}.categories-image{width:100% !important;height:100% !important;object-fit:cover !important}.category-second-card{flex-grow:1 !important;padding:15px !important;display:flex !important;flex-direction:column !important}.card-header-category a span{color:#ffffff !important;font-size:16px !important;font-weight:bold !important}.categories-title a{color:#cccccc !important;font-size:14px !important;text-decoration:none !important;display:block !important;margin-bottom:5px !important;transition:color 0.2s !important}.categories-title a:hover{color:#ffffff !important;padding-right:5px !important}@media (max-width:768px){.col.all-cat-col{flex:0 0 100% !important;max-width:100% !important}}/* ============================================================ 16. إصلاح الفراغ العلوي + تمديد الفيديو ============================================================ */
.main.app-content{margin-top:0 !important;padding-top:0 !important}.gallery-section.container,
.gallery-section.container.section-padding-space{width:100% !important;max-width:100% !important;padding:0 !important;margin:0 !important}.video-container{width:100% !important;margin:0 !important;line-height:0 !important;padding:0 !important}.video-container video{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;border:none !important}.subTitle-detail{background-color:var(--home-bg-color)}.section_title.theme-title-primary{color:var(--home-text-color-primary) !important}.items-center.controls-container i{background-color:transparent !important;color:var(--home-text-color-primary) !important;border:2px solid #ffffff;padding:8px;border-radius:6px}.items-center.controls-container i:hover{background-color:var(--home-bg-color);color:#ff6600;border-color:#ff6600}.banner-container{display:none !important}
/*
     FILE ARCHIVED ON 19:51:08 Jan 08, 2026 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:16:21 Sep 24, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 2.59
  load_resource: 314.803
  PetaboxLoader3.resolve: 100.945
  PetaboxLoader3.datanode: 115.236 (2)
  loaddict: 127.164
*/